Haut du blog
Exemple N°03
Titre du blog en image, cette image est le fond du bloc "H1".
Les blocs restent en place, ce qui change c'est le titre qui est une image, aux dimensions du bloc et qui sera le fond
du bloc "header h1".
En principe le titre texte s'affiche dans ce bloc, donc il faut le rendre invisible. C'est la propriété "visibility" avec
la valeur "hidden" qui acomplira cette tâche.
Vous trouverez les explications dans le générateur inclus dans l'article.
CSS personnalisé
.diz-entete {
height: 280px;
}
.diz-entete-image{
height: 200px;
}
.diz-entete-titre{
background-image: url('http://static.blog4ever.com/2012/06/704535/Titre-TexteImage_trans_3678250.png');
}
#titre_lien {
visibility: hidden;
}
Page exemple
Sur cette page externe, les liens dans les menus "Barres de navigation" et "Menu latéral" sont inactifs.