16 août 2010

(OverBlog) Modifier l'entête

Si vous avez utilisé la fonction contenu personnalisé pour installer votre bannière dans l'entête, vous avez peut-être écrit quelques mots, voici comment personnaliser leur design.

Vous devez vous rendre dans votre (ou vos) CSS : Design > Mode CSS

La ligne existe, vous la complétez, sinon vous la rajoutez

MODIFICATION DES POLICES

Le texte
#top p {text-align : center ; color : red ; font-weight : bold ; text-decoration : underline ; font-size : 20px ; font-style : italic ; font-family : Comic Sans MS ;}
Les liens
#top a {text-align : center ; color : red ; font-weight : bold ; text-decoration : underline ; font-size : 20px ; font-style : italic ; font-family : Comic Sans MS ;}
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 (OverBlog) Mettre un fond dans l'entête

AJOUT D'ENCADREMENTS

Selon la largeur voulue de l'encadrement, vous avez le choix entre
#top {border:solid 1px #D8D7D7}
#cl_0_0 {border:solid 1px #D8D7D7}
#ln_0 {border:solid 1px #D8D7D7}
Pour en savoir plus sur les bordures : créer vos encadrements

1 commentaire:

  1. Bonjour,

    tout d'abord merci pour tous ces conseils, c'est très utile !
    J'ai un problème avec la couleur de mes liens dans mon en-tête, j'aimerais qu'ils soient juste noirs et deviennent rouge au survol (comme sur ma page d'accueil) mais je n'arrive pas à le faire pour les articles et les pages.
    Voilà ce que j'ai écrit dans le groupe header :
    /* @group header */

    #header {
    font-size: 1.2em;
    border: none;
    margin-bottom:-50px;
    }

    #top {
    text-align: center;
    padding: 20px;
    border: none;
    margin: 5px;
    color:#000000;
    }

    #top h1 {
    padding: 0px;
    margin: 0px;
    font-size: 4em;
    letter-spacing: -1px;
    color:#000000;
    }

    #top .box-content {
    padding: 0px;
    background: transparent;
    border: 0px none;
    }

    #top .box-titre {
    display: none;
    }

    #top .box-footer {
    display: none;
    }

    #top a{
    color: #00000;
    }
    #top a:hover{
    color: #f80a14;
    }
    #top a:visited{
    color: #00000;
    }

    /* @end */

    Merci d'avance pour ton aide !

    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)