Placer des boutons sur votre blog
Puisque vous avez été plusieurs à me demander comment j'ai fait pour placer des boutons dans l'en-tête de mon blog, je vous indique ici comment j'ai procédé.
2 Etapes :
J'ai d'abord modifié le CSS :
en ajoutant les lignes suivantes :
/*------------------------------Menu horizontal------------------- */
#menu3 a, #menu3 a:visited {
font-family: verdana;
text-decoration:none;
text-align:center;
background-color:rgb(108, 123, 139);
color:white;
display:inline;
border-top:2px solid #FFFFFF;
border-left:2px solid #BCE1EA;
border-right:2px solid #999999;
border-bottom:2px solid #666666;
padding:0.5em;
margin:0em auto;
}
#menu3 a:hover {
background: orange;
color:black;
border-bottom:2px solid #FFFFFF;
border-right:2px solid #BCE1EA;
border-left:2px solid #666666;
border-top:2px solid #999999;
}
/*------------------------------Menu horizontal------------------- */
J'ai ensuite ajouté les lignes suivantes dans le MODULE EN-TETE :
<div id="menu3" align="center">
<a href="http://framboiserando.over-blog.com/">Accueil</a>
<a href="http://framboiserando.over-blog.com/categorie-30587.html">Infos</a>
<a href="http://framboiserando.over-blog.com/article-142127.html">Ballades</a>
<a href="http://framboiserando.over-blog.com/categorie-31584.html">Manifestations</a>
<a href="http://framboiserando.over-blog.com/categorie-35793.html">Histoire</a>
<a href="http://framboiserando.over-blog.com/categorie-144299.html">Botanique</a>
<a href="http://framboiserando.over-blog.com/categorie-32125.html">Matériel</a>
<a href="http://framboiserando.over-blog.com/categorie-31585.html">Conseils</a>
<a href="http://framboiserando.over-blog.com/categorie-31593.html">Planning</a>
<a href="http://framboiserando.over-blog.com/categorie-34883.html">Cartes Postales</a>
<a href="http://framboiserando.over-blog.com/categorie-36458.html">Insolite</a>
<a href="http://framboiserando.over-blog.com/categorie-37508.html">Jeux</a>
</div>
Ces lignes doivent être ajoutées en MODE HTML, à l'endroit où vous souhaitez faire apparaître votre menu.
Vous pouvez retrouver toutes ces infos, et bien d'autres, sur le blog de Pêur :
Publicité