19-03-2007
METTRE UNE IMAGE DEVANT LE TITRE DES MESSAGES
Spéciale dédicace à Sylpo...et oui, encore...faut dire qu'elle en pose des questions la bourrique !
Alors...choisissez votre image, petite de préférence...dans cet exemple, l'image fait 29x64.
Ensuite "ouvrez la feuille de style" et rendez-vous au bloc .blogbody h3 {
Ajoutez les lignes de codes suivantes au bloc comme sur la capture et changez "l'adresse de l'image".
background: url("http://storage.canalblog.com/77/86/255038/11439808.gif") no-repeat 0% 0%;
et
margin-left: 30px;
Changez la valeur de "padding-top"
padding-top: 40px;
padding: 40px;
La ligne "margin-left" correspond à la "marge de gauche" "40px" correspond à l'espace en pixels laissé entre la marge et l'image, comme l'image fait 29x64 il fait laisser un espace de 30 qui correspond à la largeur de l'image.
Les lignes "padding-top" et "padding", permettent de centrer l'image en par rapport à la ligne du titre et l'espace avec la date juste au dessus...à vous de jouer avec et de trouver le meilleurs paramétrage.
au final, ça donne ça :
