[RESOLU] Modifier une icone

[samsab]

Bonjour
comment mettre à cet endroit particulier une icone (pdf) différente de la fleche standard ?

voir photo 1 et 2

[Trolet]

ah le pirate !

mais que fait hadopi !

[samsab]

pourquoi pirate?

[samsab]

ah oui vu.
pas tres malin tout ça
c'est une conférence sur mère theresa, je vous le jure

[Trolet]

pas de soucis mais bon la mule c'est dépassé il y a des choses plus intéressantes maintenant...

enfin bref on s'éloigne du sujet. Pour ton idée tu trouveras ça dans le fichier product.tpl.

tu cherches

<!-- description and features -->

et ça doit se trouver dans la boucle if

    {if $attachments}

en fait tu as l'image bullet.gif qui est associé à la liste (voir global.css :

ul.bullet li, .block ul.bullet li {
   padding-left: 2em;
   background: transparent url('../img/bullet.gif') no-repeat 0.6em 0.5em;
   list-style-type:none;
}

il ne te restes plus qu'à modif ton fichier global.css

[samsab]

merci
je regarde cela.

[samsab]

en fait tu as l'image bullet.gif qui est associé à la liste (voir global.css :

ul.bullet li, .block ul.bullet li {
   padding-left: 2em;
   background: transparent url('../img/bullet.gif') no-repeat 0.6em 0.5em;
   list-style-type:none;
}

il ne te restes plus qu'à modif ton fichier global.css

si je te comprends bien:
1. ce code (repris au dessus) fait partie de global.css --> merci de confirmer
2. il est précisemment en ligne 559

/* generic style */
ul.bullet li, .block ul.bullet li {
   padding-left: 2em;
   background: transparent url('../img/bullet.gif') no-repeat 0.6em 0.5em;
   list-style-type:none;
}

si je le touche est ce que je ne toucherais pas tous les éléments de la page faisant référence à ce url('../img/bullet.gif') ?

merci pour ta réponse
A+

[samsab]

ah si ca merdoie
cela impacte ailleurs

comment créer une class dédiée à cet onglet?

merci pour tes conseils

[Trolet]

dans ton fichier product.tpl tu trouves la boucle if :

>    {if $attachments}
</pre>
<ul>
       {foreach from=$attachments item=attachment}
{$attachment.name|escape:'htmlall':'UTF-8'}
{$attachment.description|escape:'htmlall':'UTF-8'}
       {/foreach}
</ul>
<br>   {/if

il te suffit alors d'enlever class="bullet" et de travailler avec idTab9 (un identifiant est unique). tu auras du coup dans ton css :

ul#idTab9 li {
   padding-left: 2em;
   background: transparent url('../img/mon_image.gif') no-repeat 0.6em 0.5em;
   list-style-type:none;
} 

après à toi de voir pour le positionnement etc...

[samsab]

ok merci pou rta réponse

je crois te comprendre.


cette définition de
ul#idTab9

peut être créée n'importe où dans le global css, ou bien il doit être mis précisément quelque part?

[samsab]

dernier point

comment fais tu pour augmenter la hauteur de la dite zone ou l'icone s'affiche.
mon logo est un poil plus haut et il s'affiche de manière incomplète faute de hauteur insuffisante dévolue.

merci pour tes conseils

[Trolet]

tu peux le mettre n'importe où.

pour ta hauteur essaie de rajouter height:60px; (ou autre c'est un exemple) dans ton global.css

[samsab]

bonjour
j'ai fais cela

ul#idTab9 li {
   height: 200;
       padding-left: 10em;
   background: url('../img/pdf.jpg') no-repeat; 
       list-style-type:none;
} 

sans répercussion

pourquoi?
merci pour tes conseils

[Trolet]

t'as oublié px !

height:200px !

[samsab]

Que nenni.

meme avec px, j'ai pas la hauteur nécessaire

voir ici si tu as 2 minuets.
A+

[nomi]

Bonjour,

Rajoute juste pour ajouter une hauteur de 50px à tes listes :

div#more_info_sheets ul li {
height:50px;

et hop ça fonctionne.
bonne fin de journée.
nohemi

Ps : je te conseille d'installer Firebug, ça te permet de faire tes modifs en css et de voir le résultat en direct sur ton navigateur (Mozilla).

[samsab]

merci
j'ai bien ce plugin, mais je n'avais pas percuté sur cette div.

super, merci pour ton coup de main

[samsab]

Ah oui mais non
cela touche aussi l'espacement des caractéristiques techniques (voir onglet fiche technique)
http://www.nextern.fr/product.php?id_product=6

il faut définir une classe, un style pour cet onglet aussi pour le rendre distinct. j'avoue être un poil gêné pour bidouiller cela....

>
<!-- product's features -->
</pre>
<ul>
       {foreach from=$features item=feature}
{$feature.name|escape:'htmlall':'UTF-8'} {$feature.value|escape:'htmlall':'UTF-8'}
       {/foreach}
</ul>

que faut il lui impacter?
Merci pour vos conseils
A+

[nomi]

Autant pour moi, j'ai répondu un peu vite, sorry...

En fait tu dois mettre la valeur height ici

ul#idTab9 li {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(../img/pdf.jpg) no-repeat scroll 0 0;
height:50px;
list-style-type:none;
padding-left:10em;
}


Et l'enlever bien sûr de l'autre côté.
J'espère que ça sera bon cette fois

[samsab]

merci
ça roule

sans que je comprenne pourquoi
moz??????

merci encore, c'est sympa tout plein de ta part.

[Trolet]

ça me semble OK sur le lien

si c'est le cas rajoute RéSOLU !