Les tuto 2 Demolite

Blog tuto, aide à la création et au design des blogs et sites internet, Montage photo, trucs et astuces, logiciels gratuits...

20 novembre 2010

Changer la police du titre d'un commentaire

Posté par Demolite - Dans la catégorie Canalblog
Tags : , , , ,

Lorsqu'un visiteur vous laisse un commentaire et qu'il met un tire, le texte est mis en forme avec la balise <H3></H3> tout comme le titre de vos messages...

Sans_titre_1

Donc si vous voulez changer l'apparence de l'un, cela affecte l'autre...
Pour éviter ça, il faut créer une nouvelle balise qui n'est pas encore utilisée dans la feuille de style, comme <H4></H4>.

Ouvrez votre feuille de style et descendez sur le bloc .blogbody h3 qui gère nos 2 titres.

Sans_titre_20

Faites un copier du bloc en entier (comme sur la capture) et collez ce bloc juste en dessous et changez le h3 en h4.

Vous pouvez maintenant modifier le code couleur, la police, la taille etc...
Puis validez.

Sans_titre_21

Il faut maintenant changer la balise <h3></h3> dans la page d'un message qui gère le titre des commentaires.

Ouvrez la page d'un message et faites Ctrl+F pour rechercher dans la page ce code :

<h3><$BlogCommentTitle$></h3>

Il ne vous reste plus qu'à changer le h3 en h4, comme sur la capture.
Validez.

Sans_titre_22

Pour ajouter une image devant ce titre, vous devez ajouter  les 2 lignes en bleu dans le bloc .blogbody h4 {

.blogbody h4 {
background: url("http://Adresse de votre image.gif") no-repeat;
color: #00FFFF;
margin: 0px 0px 0px;
border-bottom:none;
letter-spacing: -1px;
font:17pt "Century gothic";
padding: 0px 0px 0px 25px;
}

Puis collez l'adresse de votre image comme indiqué, dans la ligne padding vous pouvez placer votre image en hauteur, largeur etc...


Rappel : Avant de modifier vos pages html, faites une copie ! <---Tuto ici


« Accueil 1
2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41