MODELES GRAPHIQUES

Mettre un logo bannière

 

 

Pour changer de bannière, dans le modèle N°25, sans aucune autre modification.

La largeur de l'image doit-être de 900px, la hauteur actuel est de 230px, si la hauteur de votre image est différente, modifiez la dans le CSS.

 

Premier cas, la bannière ne contient pas le titre du blog.

L'image doit être mise comme image de fond dans la partie réservée au logo.
Puis mettre le titre du blog dans VOTRE BLOG >>> Titre/logodu blog

 

 

Il faut modifier le CSS :

 

/** LOGO */
#logo {
width: 900px;
height: 230px;
margin: 0 auto;
background: url(' adresse de l'image bannière ') no-repeat left top; */
}

 

Deuxième cas, la bannière  contient le titre du blog.

Pour mettre l'adresse de la bannière dans >>> Titre/logo du blog

 

Il faut modifier le CSS ( en rouge ci-dessous):

 

/** LOGO */

#logo {
width: 900px;
height: 230px;
margin: 0 auto;
/* background: url('https://static.blog4ever.com/templates_files/25/images/img03.jpg') no-repeat left top; */
}

#logo h1, #logo p {
margin: 0;
padding: 0; /* ancienne valeur 0 0 0 170px; */
line-height: normal;
}

#logo h1 { float: left;
padding-top: 0; /* ancienne valeur 70px; */ }

#logo h1 a {
text-decoration: none;
text-transform: lowercase;
color: #FFFFFF;
}


#logo h1 a:hover { text-decoration: underline; }

#logo p {
padding: 0; /* ancienne valeur 130px 0 0 170px; */
	font: italic 13px Georgia, "Times New Roman", Times, serif;
color: #FFFFFF;
}

#logo p a {
text-decoration: none;
color: #FFFFFF;
}

#logo p a:hover { text-decoration: underline; }

 

 

 

 

 

 

 



29/09/2012
0 Poster un commentaire

A découvrir aussi


Inscrivez-vous au blog

Soyez prévenu par email des prochaines mises à jour

Rejoignez les 10 autres membres


Recommander ce blog | Contact | Signaler un contenu | Confidentialité | RSS | Espace de gestion