15-10-2007

METTRE UNE PETITE IMAGE DEVANT LES LIENS DANS VOS COLONNES

A la demande de Sandrine...

Voici comment mettre une petite image...une flèche ou un coeur, devant vos liens ou devant vos Derniers messages postés ou encore dans l'affichage des Derniers commentaires...

Commencez par trouvez une image, elle ne doit pas faire plus de 16x16 px, si elle est plus grande redimensionnez la avec Photofiltre (clic droit sur l'image/taille de l'image/et changer les valeurs)

Importez votre image dans un message pour récupérer l'adresse entière (en bleu) comme sur la capture:

Et collez cette adresse dans le bloc de codes suivant qui correspond aux Derniers commentaires, juste après la balise <li> vous pouvez mettre un espace à la suite de l'adresse, pour que votre image ne soit pas collée au texte, c'est plus joli...

<div class="title">Derniers commentaires</div>
<ul>
<CBLastComments>
<li><img width="14" height="12" border="0" src="http://storage.canalblog.com/91/33/255038/18052341.gif" alt="coeur_rouge" /> <a href="<$BlogCommentURL$>"><font color="#ff1909"><$BlogCommentAuthorNickName$>
</font></a> sur <a href="<$BlogItemURL$>"><$BlogItemTitle$></a></li>
</CBLastComments>
</ul>

Vous pouvez mettre une image dans tous vos blocs, Derniers messages etc...la manip est la même.
Et répétez cette opération sur toutes les pages ou vos blocs apparaissent.