Mettre une bannière différente sur les pages de votre blog
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("https://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 :
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 :
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">