Ok

En poursuivant votre navigation sur ce site, vous acceptez l'utilisation de cookies. Ces derniers assurent le bon fonctionnement de nos services. En savoir plus.

feuille de style

  • Modifier sa bannière sur un blog hautetfort

    Tiens, aujourd'hui, je vais faire oeuvre utile. Pas mal de mes lecteurs proviennent, je l'ai remarqué, de hautetfort, mon hébergeur. J'ai découvert sur la Toile les modifications qu'il faut apporter au code pour modifier la bannière du blog. Bien évidemment, il faut préparer la dite bannière au préalable, au format jog ou gif, de la largeur du blog.

    Ensuite, aller dans "présentation", "configuration avancée", cliquer sur "feuille de style - modifier le template" 

    Retrouvez dans le code  l'objet "banner-img" et le remplacer par :

    Code:
    #banner-img {
    background: url(http://heresie.hautetfort.com/images/banniere-heresie.JPG) no-repeat;
    width : 871px;
    height : 200px;
    }



    Pensez à adapter selon les dimensions voulues et n'oubliez pas l'adresse http où est stockée l'image de la bannière  (à télécharger de préférence avant, sachant que l'exemple ci-dessus correspond à ma propre bannière)

    On peut aussi ajouter une image de fond de la meme manniere en changeant cette portion de code, cette fois :

     

    Code:
    body {
       margin: 0px 0px 20px 0px;
       padding: 0px;
       background-color: #F1F1F1;
                    background-image: url(http://heresie.hautetfort.com/images/gris_040.jpg);
       font-family: Verdana, Arial, Helvetica, sans-serif;
       color: #333;
       font-size: 90%;
       word-spacing: normal;
       text-align: center;
    }



    Il suffit de charger cette fois une image de fond.

    Pour repérer la largeur de votre blog et donc adapter la largeur de la banniere, il suffit de trouver et regarder la ligne   "#container" et width .

    Et voilà le boulot...Merci qui ?