1 août 2010

Créer un menu horizontal orienteur avec description

Il s'agit d'un menu assez simple à faire car il est réalisé à l'aide d'un générateur. La description du lien apparaît dans la petite case blanche à droite.


Les
premiers pas en V2

Ajouter, enlever, déplacer









Rendez-vous chez HYPERGURL

Saisissez :
- le nom du lien
- l'adresse du lien
- la description du lien

Choisissez la couleur du lien "au repos" et celle au survol de la souris.

Cliquez sur Create Menu Bar, puis sur Select Code.

Copiez le code.
<style>
A:hover {color:blue;background-color:beige};
</style>
<!--Past above between head tags-->
<!-- Generated at www.hypergurl.com, Copyright 2002/SearchBliss.com, All Rights Reserved-->
<!-- Paste below between body tags-->
<form action=" " name="form1">
  <table width="600" border="0" cellspacing="0" cellpadding="5">
    <tr bgcolor="#CCCCCC">
<td width="0"><a href="http://annak.over-blog.com/article-3254809.html"  onMouseOver="form1.description.value='Pour commencer';return true"
onMouseOut="form1.description.value='';return true">Les premiers pas en V2</a> </td>
<td width="0"><a href="http://annak.over-blog.com/article-3250730.html"  onMouseOver="form1.description.value='Ajouter de l'espace, enlever des bordures';return true"
onMouseOut="form1.description.value='';return true">Ajouter, enlever, déplacer</a> </td>
<td width="0"><a href="http://www.yoursite.com"  onMouseOver="form1.description.value='';return true" onMouseOut="form1.description.value='';return true"></a></td>
<td width="0"><a href="http://www.yoursite.com"  onMouseOver="form1.description.value='';return true" onMouseOut="form1.description.value='';return true"></a></td>
<td width="0"><a href="http://www.yoursite.com"  onMouseOver="form1.description.value='';return true" onMouseOut="form1.description.value='';return true"></a></td>
<td width="0"><a href="http://www.yoursite.com"  onMouseOver="form1.description.value='';return true" onMouseOut="form1.description.value='';return true"></a></td>
<td width="0"><a href="http://www.yoursite.com"  onMouseOver="form1.description.value='';return true" onMouseOut="form1.description.value='';return true"></a></td>
<td width="0"><a href="http://www.yoursite.com"  onMouseOver="form1.description.value='';return true" onMouseOut="form1.description.value='';return true"></a></td>
<td width="0">
        <input type="text" name="description" size="15" value="">
      </td>
    </tr>
  </table>
</form>
et collez-le en HTML

Aucun commentaire:

Enregistrer un commentaire

1/ Choisissez Nom/URL comme profil pour poster, si vous hésitez
2/ Si vous désirez une aide personnalisée, pensez à laisser l'adresse de votre blog, ce qui me permettra de tester.
3/ Vous pouvez vous abonner par email pour suivre les réponses de cet article (lien sous la zone de rédaction du commentaire)