14-02-2007

METTRE UNE BANNIERE

Commencez par redimensionner une image, votre bannière doit être de la même largeur que #Container

800px ou 900px  ou encore 1000px ça dépend des modèles...

Ouvrez votre Feuille de style :

Apparence/Editer les fichiers de ce modèle/feuille de style générale

et notez que Container fait 900px (dans cet exemple)

Sans_titre_2

Donc, si votre Container fait 900px, votre image doit faire 900px... par la hauteur que vous voulez.

Ensuite ouvrez un Nouveau message

Puis  Insertion d'un fichier! 

Sans_titre_1

(Ne passez pas par : Insertion d'une image !!!! sinon les dimensions de votre bannière ne seront pas respectées.)

Passez en Mode Htlm en cliquant sur

Sans_titre_5

et Copier l'adresse de l'image

Sans_titre_3

Ensuite allez dans la Feuille de style générale

Repérez le bloc #topbar-logo et rajouter la ligne ci-dessous dans le bloc, en collant L'adresse de votre image.

   background: url("http://Adresse de votre image.jpg") no-repeat 0% 0%;

Comme ceci :

#topbar-logo {
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
    border-width: 1px;
    border-color: #;
    background: url("http://Adresse de votre image.jpg") no-repeat 0% 0%;
    height: 300px;
    display: block;
}

Dans cet exemple, la bannière fait 900x300, il faut donc que le "height" soit à 300px sinon votre bannière ne s'affichera pas !

Ajoutez aussi la ligne display: block; si elle n'y est pas.

Votre bloc doit maintenant être comme celui là :

Sans_titre_1


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

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

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

Haut de Page