Jump to content

[RESOLU] Modifier une icone


Recommended Posts

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

Share this post


Link to post
Share on other sites


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+

Share this post


Link to post
Share on other sites

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...

Share this post


Link to post
Share on other sites

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?

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

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).

Share this post


Link to post
Share on other sites

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+

Share this post


Link to post
Share on other sites

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 :)

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...

Important Information

Cookies ensure the smooth running of our services. Using these, you accept the use of cookies. Learn More