06 décembre 2009

Le bandeau supérieur (2)

Il est tout à fait possible d'afficher deux images l'une au-dessus de l'autre dans le bandeau supérieur du blog (ou une image et un rectangle de couleur).
Pour cela il faudra provoquer l'affichage de "topbar-logo" et de "topbar", donc leur donner la propriété "display" avec pour valeur "block".
illustration :

1- Image dans le "topbar-logo" et rectangle dans le "topbar" :

#topbar-logo {
          display: block;
          background: url(URL de l'image);
          height: Xpx;
}
div .logolink a {
          display: block;
          height: Xpx;
}
#topbar {
          display: block;
          background: #E49C0C;
          height: Xpx;
}

Le lys orangé
personnaliser son blog

passez la souris sur les images

 

2- Rectangle dans le "topbar-logo" et image dans le "topbar" :

#topbar-logo {
          display: block;
          background: #E49C0C;
          height: Xpx;
}
div .logolink a {
          display: block;
          height: Xpx;
}
#topbar {
          display: block;
          background: url(URL de l'image);
          height: Xpx;
}

topbar-logo

Le lys orangé
personnaliser son blog

passez la souris sur les images

Posté par Michal53 à 09:12 - - Permalien [#]
Tags : , , , , , , ,