Un menu en image sous la bannière pour blogger/blogspot
Faut dire que blogger est la dernière plateforme qu'il me reste à conquérir Et quand je pige un truc je suis vraiment ravie.
Alors en avant pour un petit menu sous la bannière en images, svp !
Voici le résultat obtenu :
Vous pouvez héberger vos images sur votre blog en les chargeant dans un message et en récupérant les URL.
Ceci fait,
1 - Allez dans "mise en page" puis "modifier le code html" :
2 - Ajouter le code suivant :
/* Header */
#menu ul li{
list-style-type: none;
display:inline;
margin:0px;
padding:5px; <--------- espacement entre les photos
border:0px solid;
}
AVANT cette ligne
]] >< /b:skin >
3 - Valider
4 - Aller dans "Mise en page" puis "Eléments de la page"
4 - Ajouter un gadget
5 - choisir HTML/Javascript
6 - copier le code suivant
<div id='menu'>
<ul>
<li><a href="1 ère URL du menu"><img src="URL de l’image"></a></li>
<li><a href="2ème URL du menu"><img src=" URL de l’image "></a></li>
<li><a href="URL du menu"><img src=" URL de l’image "></a></li>
<li><a href="URL du menu"><img src=" URL de l’image "></a></li>
<li><a href="URL du menu"><img src=" URL de l’image "></a></li>
<li><a href="URL du menu"><img src=" URL de l’image "></a></li>
</ul></div>
D'un côté vous mettez les adresses vers lesquelles vont arriver vos lecteurs en cliqant sur vos images et de l'autre, vous mettez les adresses des images hébergées.
Enjoy !
Alors en avant pour un petit menu sous la bannière en images, svp !
Voici le résultat obtenu :
Vous pouvez héberger vos images sur votre blog en les chargeant dans un message et en récupérant les URL.
Ceci fait,
1 - Allez dans "mise en page" puis "modifier le code html" :
2 - Ajouter le code suivant :
/* Header */
#menu ul li{
list-style-type: none;
display:inline;
margin:0px;
padding:5px; <--------- espacement entre les photos
border:0px solid;
}
AVANT cette ligne
]] >< /b:skin >
3 - Valider
4 - Aller dans "Mise en page" puis "Eléments de la page"
4 - Ajouter un gadget5 - choisir HTML/Javascript
6 - copier le code suivant
<div id='menu'>
<ul>
<li><a href="1 ère URL du menu"><img src="URL de l’image"></a></li>
<li><a href="2ème URL du menu"><img src=" URL de l’image "></a></li>
<li><a href="URL du menu"><img src=" URL de l’image "></a></li>
<li><a href="URL du menu"><img src=" URL de l’image "></a></li>
<li><a href="URL du menu"><img src=" URL de l’image "></a></li>
<li><a href="URL du menu"><img src=" URL de l’image "></a></li>
</ul></div>
D'un côté vous mettez les adresses vers lesquelles vont arriver vos lecteurs en cliqant sur vos images et de l'autre, vous mettez les adresses des images hébergées.
Enjoy !