29 avril 2008
Menu en image sous la bannière (Mode avancé)
Un tuto à l'attention de Virginie...
Pour avoir un menu en image cliquable sous la bannière il ne suffit pas de mettre une image et son lien ;-).
Le code est à intaller entre
</head>
<body> <div
id="container"><div id="topbar-logo"><div
class="logolink"><a
href="<$BlogURL$>"></a></div></div><div
id="topbar"> <h1><a
href="<$BlogURL$>"><$BlogTitle$></a></h1>
<h2><$BlogDescription$></h2> </div>
là je mets le code!!!!!
<!-- COLONNE DE GAUCHE-->
<div id="leftbar"> <div class="navlinks">
Voilà le code:
<!-- INDEX en images-->
<table border="0" width="99%" cellspacing="0" cellpadding="0">
<td width="0%" align="center" valign="middle">
<a href=" http://viraufourneaux.canalblog.com/archives/douceurs_sucrees/index.html " title="Douceurs sucrées"><img width="90" height="76" border="0" src="http://storage.canalblog.com/71/57/408002/24958546_p.jpg" alt="Douceurs sucrées" /></a><br></td>
<td width="0%" align="center" valign="middle">
<a href="http://viraufourneaux.canalblog.com/archives/pain___viennoiserie/index.html " title="Pains et viennoiser"><img width="90" height="76" border="0" alt="Pains et viennoiseries" src="http://storage.canalblog.com/00/02/408002/24958568_p.jpg" /></a><br></td>
<td width="0%" align="center" valign="middle">
<a href=" http://viraufourneaux.canalblog.com/archives/douceurs_sucrees/index.html " title="Douceurs sucrées"><img width="90" height="76" border="0" src="http://storage.canalblog.com/71/57/408002/24958546_p.jpg" alt="Douceurs sucrées" /></a><br></td>
<td width="0%" align="center" valign="middle">
<a href="http://viraufourneaux.canalblog.com/archives/pain___viennoiserie/index.html " title="Pains et viennoiser"><img width="90" height="76" border="0" alt="Pains et viennoiseries" src="http://storage.canalblog.com/00/02/408002/24958568_p.jpg" /></a><br></td>
<td width="0%" align="center" valign="middle">
<a href=" http://viraufourneaux.canalblog.com/archives/douceurs_sucrees/index.html " title="Douceurs sucrées"><img width="90" height="76" border="0" src="http://storage.canalblog.com/71/57/408002/24958546_p.jpg" alt="Douceurs sucrées" /></a><br></td>
<td width="0%" align="center" valign="middle">
<a href="http://viraufourneaux.canalblog.com/archives/pain___viennoiserie/index.html " title="Pains et viennoiser"><img width="90" height="76" border="0" alt="Pains et viennoiseries" src="http://storage.canalblog.com/00/02/408002/24958568_p.jpg" /></a><br></td>
</tr>
</table>
Décortiquons une ligne :
<td width="0%" align="center" valign="middle">
<a href="
http://viraufourneaux.canalblog.com/archives/douceurs_sucrees/index.html
" adresse vers le quel le lecteur va être redirigé lorsqu'il va cliquer sur la photo
title="Douceurs sucrées"> Titre de la rubrique
<img width="90" height="76" border="0" largeur, hauteur et cadre de la photo
src="http://storage.canalblog.com/71/57/408002/24958546_p.jpg" Adresse de la photo
alt="Douceurs sucrées" /></a><br></td>
NB cyberquiches-mode-avancé : Si on veut l'index sur toutes les pages on copie le code dans "page d'accueil", "page des archives", "pages de l'index des archives", "page d'un message", "page du profil d'un auteur". Et c'est où qu'on les trouve ces pages? Certain(e)s n'ont pas remarqué que au dessus de page d'accueil il y a écrit "sélectionnez" avec un petit menu déroulant. C'est là qu'elles se cachent les vilaines! lol
Commentaires
Merci pour ton aide sur les menus
Grace a toi mon petit blog a un menu aussi !!!
merci de ce tuto à mon attention!Et oui le html et moi ça fait 2!
Pour le menu en image plus de soucis, par contre toujours le même problème, ma colonne de droite masque mon menu en image, il faudrait qu'elle se place en dessous mais elle se met carrément dessus!et malheureusement je ne sais pas comment procéder!
Faudrait songer à un tuto à ce sujet pour les cyberquiches comme moi lol!
Merci pour la simplicité de ce tuto... dès que j'ai un peu de temps... je m'y met pour le plaisir de réaliser cela par moi-même!!! ;-)
Poster un commentaire
Rétroliens
URL pour faire un rétrolien vers ce message :
http://www.canalblog.com/cf/fe/tb/?bid=446950&pid=8993886
Liens vers des weblogs qui référencent ce message :