26 août 2010

(OverBlog) Placer une image devant les liens de fin d'article

Nous allons placer une image devant les liens Commentaires, Ajouter un commentaire, Partager ... qui se trouvent en fin d'article



Choisissez des images de petite taille, telle que celle-ci

Vous devez vous rendre dans votre (ou vos) CSS : Design > Mode CSS. Si la ligne n'existe pas, vous la créez, sinon, complètez-la.


Voir les commentaires
.linkComment {background-image:url(adresse de l'image);background-repeat:no-repeat;padding-left:15px;}
Ecrire un commentaire
.linkAddComment {background-image:url(adresse de l'image);background-repeat:no-repeat;padding-left:15px;}
Partager
.spanRecommend {background-image:url(adresse de l'image);background-repeat:no-repeat;padding-left:15px;}
Publié par
.publishedBy {background-image:url(adresse de l'image);background-repeat:no-repeat;padding-left:15px;}
Publié dans
.linkTopic {background-image:url(adressede l'image);background-repeat:no-repeat;padding-left:15px;}
Communauté
.community {background-image:url(adresse de l'image);background-repeat:no-repeat;padding-left:15px;}
Des exemples d'images que vous pouvez enregistrer :



              

Aucun commentaire:

Enregistrer un commentaire

1/ Choisissez Nom/URL comme profil pour poster, si vous hésitez
2/ Si vous désirez une aide personnalisée, pensez à laisser l'adresse de votre blog, ce qui me permettra de tester.
3/ Vous pouvez vous abonner par email pour suivre les réponses de cet article (lien sous la zone de rédaction du commentaire)