[RÉGLÉ] Protostar : ajouter une image dans la position 0

[Frisco75]

Bonjour,

Dans la position 0 du template Protostar on peut mettre la ligne de texte "Panier vide" de Virtuemart. J'aimerais ajouter une petite image à la droite de la ligne (un petit logo de panier)
J'ai bidouillé un : background-image:url(img/mini-panier-1.jpg); à la ligne 190 du template.css mais ça ne devait pas être ça !
Quelqu'un a t'il une idée meilleure ? ;-)
François

[toffffe]

Re : Protostar : ajouter une image dans la position 1

Salut
Le résultat ne te convient pas ?
Un lien vers ton site serait bien

[Frisco75]

Re : Protostar : ajouter une image dans la position 0

Ca ne me convient pas car ça n'a rien affiché !
Le site est en chantier total mais on voit bien la ligne de texte "panier vide" en haut à droite (position 0 de Protostar). Et je voudrais mettre la petite image à droite ou à gauche de cette ligne.
Le site :

http://www.regime-minceur-efficace.com

[ced1870]

Re : Protostar : ajouter une image dans la position 0

salut
essaies un truc dans ce genre, tu peux mettre le code à la fin de template.css

#vmCartModule {
background: url(../images/mini-panier-1.jpg) right center no-repeat;
height: 50px;
line-height: 50px;
text-indent: 10px;
}

et mettre l'image mini-panier-1.jpg dans le dossiers "images" du template
CEd

[Frisco75]

Re : Protostar : ajouter une image dans la position 0

Merci Cédric mais ça ne marche pas. Pourtant, bien que je n'y connaisse pas grand chose en code (c'est pourquoi je demande de l'aide ici ;-) ) ça semble être ça !
J'ai précisément inséré ça :
#vmCartModule {
background: url(templates/protostar/images/mini-panier-1.jpg) right center no-repeat;
height: 50px;
line-height: 50px;
text-indent: 10px;
}

[toffffe]

Re : Protostar : ajouter une image dans la position 0

Salut
Tu peux essayer de mettre ton image sur

#vmCartModule > div.total_products

et pour le moment tu lui mets juste

background: url(../images/mini-panier-1.jpg)

Ce qu'on veut c'est qu'elle s'affiche pour le moment, tu joura ensuite avec les no-repeat, ...

[ced1870]

Re : Protostar : ajouter une image dans la position 0

voici le code que tu as mis

url(templates/protostar/images/mini-panier-1.jpg)

ça ne colle pas avec ce que j'ai écrit :

url(../images/mini-panier-1.jpg) right center no-repeat;

[Frisco75]

Re : Protostar : ajouter une image dans la position 0

Exact Cédric et ton code était donc très bon, ça marche, merci !
Par contre le panier est un peu éloigné sur la droite, y a t'il un moyen de faire qu'il soit plus proche de la ligne de texte "Panier vide" ?
(cf image jointe).
P.S : Merci à toi aussi Toffffe.
Et j'espère que ce petit hack servira à bcp d'entre nous, pour signaler de façon plus claire cet espace de panier.

[ced1870]

Re : Protostar : ajouter une image dans la position 0

tu peux par exemple mettre "70px" au lieu de "right" dans la position du background
à toi de jouer !

[toffffe]

Re : Protostar : ajouter une image dans la position 0

tu as plusieurs choix : soit mettre du blanc sur le côté droit de ton image
Sinon tu peux aussi aligner ton image à gauche et faire un

#vmCartModule > div.total_products{padding-left: 38px;}

[Frisco75]

Re : Protostar : ajouter une image dans la position 0

Ca marche, merci messieurs !
On peut mettre le module dans plein de positions du template. Si je souhaite que ce hack ne s'applique que sur la position 0 de Protostar, c'est possible de coder ça ?

[lesoutier]

Re : Protostar : ajouter une image dans la position 0

Si c'est réglé merci de l'indiquer :

http://forum.joomla.fr/announcement.php?f=176

[Frisco75]

Re : Protostar : ajouter une image dans la position 0

Non pas encore, j'ai posé une autre question concernant le meme sujet dans le dernier post !

[toffffe]

Re : Protostar : ajouter une image dans la position 0

On peut mettre le module dans plein de positions du template. Si je souhaite que ce hack ne s'applique que sur la position 0 de Protostar, c'est possible de coder ça ?

Si tu veux que la modification s'applique que si le module est dans une position précise, il faut affiner le chemin css c'est tout

[Frisco75]

Re : Protostar : ajouter une image dans la position 0

D'accord. Je sais juste lire le code et comprendre où ça se place et comment ça fonctionne mais je ne sais pas coder. Peux tu me dire comment faire pour affiner le chemin css ?