Background-image pleine page suivant les articles

Réduire
X
 
  • Filtrer
  • Heure
  • Afficher
Tout effacer
nouveaux messages

  • [RÉGLÉ] Background-image pleine page suivant les articles

    Bonjour,

    je voudrai maintenant affecter une image plein écran en fond de page suivant mes articles, j'ai lu et relu les docs et fait des essais.

    J’ai pris le body d’une de mes pages en repérant qu'itemid-200 était une page précise :

    <body class="com_content view-article no-layout no-task itemid-200 ltr">

    et voilà ce que j’ai essayé dans la custom.css :

    .com_content.itemid-200 {
    background-image: (url(images/fondpage2.jpg) ;
    }

    et aussi

    #body.itemid-200 {
    background-image: (images/fondpage2.jpg);
    }

    et encore d'autres essais encore sans succès...
    Je ne suis peut être pas très loin mais je ne maîtrise pas la syntaxe

  • #2
    Re : Background-image pleine page suivant les articles

    Bonsoir,

    .com_content.itemid-200 {
    background-image: url(images/fondpage2.jpg) ;
    }

    juste une parenthèse en trop
    UP, le plugin universel à découvrir sur https//up.lomart.fr
    bgMax
    , AdminOrder, MetaData, Zoom, ArtPlug, Custom, Memo, Filter, ... sur http://lomart.fr/extensions

    Commentaire


    • #3
      Re : Background-image pleine page suivant les articles

      j'ai bien mis :

      .com_content.itemid-200 {
      background-image: url(images/fondpage2.jpg) ;
      }

      la parenthèse en trop n'est que dans mon message,

      mais je n'ai pas mon fond d'écran sur l'article concerné

      Commentaire


      • #4
        Re : Background-image pleine page suivant les articles

        Bonsoir,

        Dans la console, vous avez un message d'erreur 404 (fichier non trouvé)
        Votre image devrait se trouver dans le répertoire /images/fondpage2.jpg et non templates/.....

        Pascal
        Dernière édition par pmleconte à 06/08/2017, 19h26
        If anything can go wrong, it will...If I can help, I will ..https://conseilgouz.com

        Commentaire


        • #5
          Re : Background-image pleine page suivant les articles

          C'est un peu normal car il n'y a pas d'image à l'url demandée


          Elle est cachée où ?
          UP, le plugin universel à découvrir sur https//up.lomart.fr
          bgMax
          , AdminOrder, MetaData, Zoom, ArtPlug, Custom, Memo, Filter, ... sur http://lomart.fr/extensions

          Commentaire


          • #6
            Re : Background-image pleine page suivant les articles

            Envoyé par lomart Voir le message
            C'est un peu normal car il n'y a pas d'image à l'url demandée


            Elle est cachée où ?
            Elle est dans /images, donc, il faut modifier en
            .com_content.itemid-200 {
            background-image: url(/images/fondpage2.jpg) ;
            }
            If anything can go wrong, it will...If I can help, I will ..https://conseilgouz.com

            Commentaire


            • #7
              Re : Background-image pleine page suivant les articles

              Et oui bien sur... je me suis tellement polarisé sur la compréhension du principe et la mise en œuvre que je suis tombé dans le piège du débutant... normal...

              merci à tous

              Je suppose que pour définir une largeur différente de la fenêtre d'affichage suivant les articles le principe est le même, "width: xx%" quelque part. Je vais chercher...

              Commentaire


              • #8
                Re : Background-image pleine page suivant les articles

                Si c'est réglé merci de l'indiquer :
                Lorsque l'on se cogne la tête contre un pot et que cela sonne creux, ça n'est pas forcément le pot qui est vide.
                Confucius

                Commentaire


                • #9
                  Re : Background-image pleine page suivant les articles

                  Bonsoir,

                  @amarchand83

                  Je t'avais dit à l'époque que j'aurais bientôt une solution facile pour répondre à ton besoin.
                  La voilà sur cette page : https://up.lomart.fr/demo/action-addclass
                  UP, le plugin universel à découvrir sur https//up.lomart.fr
                  bgMax
                  , AdminOrder, MetaData, Zoom, ArtPlug, Custom, Memo, Filter, ... sur http://lomart.fr/extensions

                  Commentaire

                  Annonce

                  Réduire
                  Aucune annonce pour le moment.

                  Partenaire de l'association

                  Réduire

                  Hébergeur Web PlanetHoster
                  Travaille ...
                  X