Theme twenty eleven & twenty twelve : ajouter un logo image

 

1) Créer son logo image en png de taille x/y ( par exemple 100px / 80px)

2) Vous souhaitez garder le lien vers la homepage ainsi que le texte html mentionnant le titre de votre site pour le référencement :
Il faut donc garder votre tag <a>

Editer votre fichier CSS comme suit :

 

.site-header h1 a {

display : inline-block ; // POUR POUVOIR FIXER LA TAILLE DE VOTRE LOGO

width : 100px ;

height : 80px ;

background-image : url(images/votrelogo.png) ;

}

 

 

Votre logo apparaît maintenant, mais le texte html mentionnant votre site est toujours visible par dessus.

Voici une méthode pour le « masquer »:

 

#site-title a {

display : block ;

width : 100px ;

height : 80px ;

text-indent: -3000px;

background-image : url(images/votrelogo.png) ;

}

 

 

Le texte est toujours visible : mais SOUS le logo… afin de le masquer définitivement :

 

#site-title a {

display : block ;

width : 100px ;

height : 0px ;

padding-top : 80px ;

over-flow : hidden ; // MASQUER TOUT CE QUI EST HORS BLOCK

background-image : url(images/votrelogo.png) ;

}