Image en pied de page pour template Protostar

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

  • [RÉGLÉ] Image en pied de page pour template Protostar

    Bonjour,
    comment ajouter une image en bas du template Protostar?
    J'ai mis ce code dans le fichier template.css ligne 449:
    Code:
    .container-fluid {
    	padding-right: 20px;
    	padding-left: 20px;
    	*zoom: 1;
    	background-image: /images/foot.jpg;
    }
    Soit je me suis trompé dans le code backgroung-image soit je ne suis pas au bon endroit dans le code.
    Merci de votre aide

  • #2
    Re : Image en pied de page pour template Protostar

    Bonjour,

    essayez ceci :

    .container-fluid { padding-right: 20px;
    padding-left: 20px;
    *zoom: 1;
    background: url('../images/foot.jpg');
    }
    sommaire thématique des astuces du forum e-commerce ici http://www.webtimarket.com/fr/telechargements
    http://virtuemart.fr

    Commentaire


    • #3
      Re : Image en pied de page pour template Protostar

      ma question est... quel est le dossier contenant l'image?
      Seconde question, est tu sur du sélécteur css a modifier?

      Commentaire


      • #4
        Re : Image en pied de page pour template Protostar

        Bonjour
        le code proposé par PATSXM971 ne m'affiche par l'image.

        Pour lefabdu51, l'image est dans le répertoire C:\wamp\www\monsite\images
        Pour le sélecteur CSS, j'ai utilisé le Web Développer. J'ai revérifié et j'ai le choix entre "p" ou ".container-fluid". J'ai mis le code dans les 2 sélecteurs sans succès.

        Commentaire


        • #5
          Re : Image en pied de page pour template Protostar

          Bonjour
          Envoyé par frlobe Voir le message
          le code proposé par PATSXM971 ne m'affiche par l'image.

          Pour lefabdu51, l'image est dans le répertoire C:\wamp\www\monsite\images
          Pour le sélecteur CSS, j'ai utilisé le Web Développer. J'ai revérifié et j'ai le choix entre "p" ou ".container-fluid". J'ai mis le code dans les 2 sélecteurs sans succès.
          il faut utiliser le répertoire images du template
          sommaire thématique des astuces du forum e-commerce ici http://www.webtimarket.com/fr/telechargements
          http://virtuemart.fr

          Commentaire


          • #6
            Re : Image en pied de page pour template Protostar

            et comme lefabdu51 le pressent bien,
            il faut utiliser, par exemple, la classe footer

            .footer {
            background: url('../images/foot.jpg');
            }

            ou personnaliser la classe .container du footer dans l'index.php
            car elle est utilisée également pour le body du template
            il faut également, en ce cas, modifier le fichier template.less et y inclure les paramètres de la nouvelle classe

            (tests effectués pour les 2 solutions ; l'image s'affiche)
            Dernière édition par PATSXM971 à 21/05/2013, 07h31
            sommaire thématique des astuces du forum e-commerce ici http://www.webtimarket.com/fr/telechargements
            http://virtuemart.fr

            Commentaire


            • #7
              Re : Image en pied de page pour template Protostar

              super, ça fonctionne en effet avec le code
              .footer {
              background: url('../images/foot.jpg');
              }
              Par contre, pour l'image, ce qui est étonnant, c'est que quand on charge une image pour le logo du template, le fichier est chargé dans le répertoire image d site et non dans le répertoire image du template ...
              Merci pour votre aide

              Commentaire


              • #8
                Re : Image en pied de page pour template Protostar

                je vous en prie !

                il n'y a rien de bizarre....
                le chemin du logo est déterminé dans l'index.php du template et dirige vers le dossier images du site

                si vous voulez vraiment placer votre image dans le répertoire images du site (au premier niveau), alors notez ceci dans la feuille css :
                .footer {
                background: url('../../../images/foot.png');
                }
                sommaire thématique des astuces du forum e-commerce ici http://www.webtimarket.com/fr/telechargements
                http://virtuemart.fr

                Commentaire

                Annonce

                Réduire
                Aucune annonce pour le moment.

                Partenaire de l'association

                Réduire

                Hébergeur Web PlanetHoster
                Travaille ...
                X