11 sept. 2010

(Blogger) Modifier l'entête

Si vous avez écrit quelques mots dans l'entête en guise de bannière, en passant pas Présentation > Eléments de la page > fonction Ajouter un gadget dans l'entête > choisi le widget En-tête de la page, voici comment la personnaliser.


1 - le titre
2 - la description

Vous devez vous rendre dans votre CSS : Présentation > Modifier l'HTML et complétez la ligne avec ce qui est en rouge. Lorsqu'elle n'existe pas, vous la créez ; lorsqu'elle existe, vous la complétez.

MODIFICATION DES POLICES

Le titre
.Header h1 {text-align : center ;  text-decoration : underline ;font-style : italic ; font-family : Comic Sans MS ;
.Header h1 a { color : red ;}
.Header {font-weight : bold ; font-size : 60px!important ; }
La description
.Header .description {text-align : center ;  text-decoration : underline ;font-style : italic ; font-family : Comic Sans MS ; color : red ;font-weight : bold ; font-size : 60px!important ;}

Vous effacez ou modifiez ce dont vous ne voulez pas, sachant que
text-align : center centre le texte
text-align : left positionne le texte à gauche
text-align : right positionne le texte à droite
text-align : justify justifie le texte à droite

color : red modifie la couleur de la police, voir les codes couleurs

font-weight : bold transforme la police en gras
font-weight : normal transforme la police en normal

text-decoration : underline souligne le texte
text-decoration : none enlève le soulignement

font-size : 20px fixe la taille de la police

font-style : italic transforme la police en italique

font-family : Comic Sans MS sélectionne la police
MODIFICATION DES FONDS

Voir l'article spécifique (Blogger) Mettre un fond dans l'entête

AJOUT D'ENCADREMENTS

Pour encadrer le titre
.Header h1 {border:1px solid #ff0000}
Pour encadrer la description
.Header .description {border:1px solid #ff0000}
Pour en savoir plus sur les bordures : créer vos encadrements

1 commentaire:

  1. Ca ne fonctionne pas quand j'applique le code d'encadrement de tire à mon code html !

    RépondreSupprimer

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)