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.

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 ? 

Commentaires

  • merci à toi de prendre le temps d'expliquer car j'ai eu besoin d'une intervention externe pour la mienne !

  • dis donc toi aussi tu as viré le widget. Marie Laure est en train de m'apprendre comment le personnaliser, j'expliquerai comment faire s'il le faut !

  • Il y a des dizaines de choses que l'on peut modifier sur hautetfort (tout en fait).

    Antonin (la rose orange) souhaite faire un wiki pour le modem, pour aider les gens à faire des sites, j'expliquerais comment on peut faire pour tout personnaliser.

  • Merci, j'essayerai ce soir.

    Mes précédentes tentatives pour modifier la bannière ont échoué lamentablement. Pourtant j'en avais "pondu" une qui me plaisait bien !

    Je trouve incroyable qu'il n'y ait pas un forum spécifique pour les blogueurs Haut et Fort.

  • Ça marche !

    Après quelques ratés, j'ai réussi à changer la bannière et l'arrière-plan. J'ai également supprimé le texte de la bannière standard avec : #banner {display: none; height: auto;}

    Voyez le résultat : http://bgr.hautetfort.com

    Je vais essayer de trouver une texture plus sympa.
    En tous cas, merci.

  • Bon, je vais abuser de vos bonnes graces !

    Dans la partie inférieure de chaque message, j'aimerais insérer un saut de ligne avant "Tags", mais je suis incapable de trouver l'endroit où il faut ajouter un !

    Ainsi :

    13:10 Lien permanent | Commentaires (5) | Trackbacks (0) | Envoyer cette note | Tags : hautetfort, bannière, template, feuille de style

    deviendrait :

    13:10 Lien permanent | Commentaires (5) | Trackbacks (0) | Envoyer cette note |
    Tags : hautetfort, bannière, template, feuille de style

    Bon, c'est pas vital, hein !
    Mais j'en rêve !!!

    Au passage, vous avez vu qu'ils convertissent les nouveaux tags en minuscules.

    A+

  • @ BGR,

    euh, ça, je ne sais pas faire.
    @ Grognard

    Non, c'est hautetfort qui a réinitialisé mon affichage sans préavis. J'ai tout rétabli !

  • Je sauvegarde vraiment peut des sites a mes liens prefere mais il est vrai que le votre merite un partage sur facebook.

Les commentaires sont fermés.