Canalblog
Editer l'article Suivre ce blog Administration + Créer mon blog
Publicité
Les tuto 2 Demolite
15 novembre 2010

Mettre une image devant les liens dans une colonne

Voici comment mettre une petite image...devant les liens dans vos blocs...(Derniers commentaires, Derniers articles etc...)

Sans_titre_11

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/ changer les valeurs)

Importez votre image dans un message puis passez-le en Mode Html pour récupérer son adresse :

<img src="http://Adresse de l'image.gif"/>

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 articles</div>
<ul>
  <CBLastPosts>
  <li><img src="http://Adresse de l'image.gif"/><a href="<$BlogItemURL$>"><$BlogItemTitle$></a></li>
  </CBLastPosts>
</ul>


Vous pouvez mettre une image dans tous vos blocs, Derniers commentaires etc...la manip est la même.
Vous devez répéter cette opération sur toutes les pages de votre blog (page d'accueil, pages des archives et pas des messages).

Publicité
Publicité
Commentaires
Publicité
Derniers commentaires
Newsletter
Publicité