16-10-2007

METTRE UNE BANNIERE DIFFERENTE SUR TOUTES LES PAGES

Je viens de modifier ce post car ce n'était pas la façon la plus simple de procéder...
Un grand merci à Tigrealat pour cette info !

Commencez par ouvrir votre Feuille de style et descendez sur le bloc de votre bannière :

#topbar-logo {
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none
    border-left-style: none;
    border-width: 1px;
    border-color: #910000;
    background: url("http://storage.canalblog.com/12/44/255038/19315550.jpg") no-repeat 0% 0%;
    height: 150px;
    display: block;
}

Copiez ce bloc et collez-le juste en dessous de celui-ci, comme sur la capture :

Sans_titre_1


Ajoutez un "1" à  #topbar-logo pour différencier les bannières :

#topbar-logo1

Puis coller l'adresse de la nouvelle bannière à la place de l'autre, si vous changez sa taille en hauteur, pensez à modifier le height: 150px;

Valider.

Ouvrez maintenant la page où vous voulez mettre cette nouvelle bannière, on va choisir Page d'un message pour cet exemple :

Sans_titre_2

Repérez la ligne du <body> et ajoutez le "1" au code <div id="topbar-logo"> ce qui va permettre d'afficher votre nouvelle bannière à la place de l'autre.

Voilà...

Pour mettre une autre bannière sur la Page de votre profil par exemple, faites la même opération, en créant un autre bloc #topbar-logo dans votre feuille de style, mais cette fois mettez ajoutez un "2" :

#topbar-logo2 {
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none
    border-left-style: none;
    border-width: 1px;
    border-color: #910000;
    background: url("Adresse de votre nouvelle bannière") no-repeat 0% 0%;
    height: 150px;
    display: block;
}

et même chose dans la Page d'un profil sur la ligne du <body> ajoutez le "2" dans le code <div id="topbar-logo"> :

<div id="topbar-logo2">

Posté par Demolite - [15] - Rétroliens [0] - Permalien [#]

URL pour faire un rétrolien vers ce message :
http://www.canalblog.com/cf/fe/tb/?bid=251752&pid=6553980

Liens vers des weblogs qui référencent ce message :

Haut de Page