Des trucs et des astuces

Alors amusons -nous ;)

23 avril 2007

Changer la bannière, en mode avancé

Oui!!

Bon alors,
déja dans un premier temps, ce tuto s'adresse à ceux qui veulent changer de bannière, pour ceux qui n'en avaient pas voir plutôt celui-ci:===>Mettre une bannière en avancé alors que je n'en avais pas

On s'est créé un gentil blog, en mode normal on s'est mis une bannière, toute belle
tutoban01

tutoban02

Puis on a évolué, sommes passés en mode "avancé", avons ajouté des trucs de ci de là....
Et on veut changer de bannière parce que du coup ça ne correspond plus trop....

Heuuuuu oui, mais en mode avancé, il n'y a plus le choix de chargement du logo ou de la bannière,
- Diantre!! Mais où donc vais-je pour la changer, cette belle et nouvelle bannière?

Première étape,

Créer un nouveau message, qu'on sauvera en mode brouillon, pour pouvoir y retourner de temps en temps.
tutoban05
Et là, charger la photo (mais attention, pas par le traditionnel lien "d'insertion d'image", mais par l'insertion d'un fichier. Car.... la photo serait redimensionnée et ne correspondrait plus à la longueur de la bannière.
tutoban06
tutoban07

Ceci effectué, basculer en mode "html" [avec la touche <> ] et copier l'adresse url du document chargé.

tutoban08

Sauvegarder (publier en mode brouillon ne le rend pas accessible au public et permet de pouvoir récupérer au besoin l'adresse du fichier dans "mes documents" du blog).
tutoban12

Deuxième étape,

Editons donc nos fichiers de mise en page, et plus principalement la feuille de style
tutoban03

Recherchons la ligne du background dans le div #topbar-logo
tutoban04

On sélectionne l'adresse de l'ancienne bannière, et on y colle la nouvelle,
il se peut aussi que les dimensions diffèrent, donc ne pas oublier de modifier height: nouvellehauteurenpx;
tutoban09

on valide, et on jette un oeil sur le résultat

tutoban11(réactualiser la page au besoin "[Ctrl] + [F5]")