Canalblog
Editer l'article Suivre ce blog Administration + Créer mon blog
Publicité
Les tuto 2 Demolite
17 novembre 2010

Menu défilant

Vous avez une ribambelle de liens dans vos colonnes...

Ce petit menu va vous faire gagner de la place !

Voici le code :

<marquee behavior="scroll" direction="up" height="50" width="160"
scrollamount="1" scrolldelay="1" onmouseover="this.stop()"
onmouseout="this.start()"><p>
<a href="Adresse">Nom du lien</a><br />
<a href="Adresse">Nom du lien</a><br />
<a href="Adresse">Nom du lien</a><br />
<a href="Adresse">Nom du lien</a><br />
<a href="Adresse">Nom du lien</a><br />
<a href="Adresse">Nom du lien</a><br />
<a href="Adresse">Nom du lien</a><br />
<a></a><br />
<a></a><br />
<a></a><br />
</p>
</marquee>

Vous devez coller vos liens à la place de "Adresse" et le nom de vos liens à la place de "Nom du lien" tel qu'ils défileront dans le menu.

Les dernières "lignes vides" permettent au menu de défiler correctement, car si vous n'avez que 2 ou 3 liens dans votre menu, le défilement est saccadé.

Vous pouvez changer la hauteur ou la largeur de votre menu en jouant avec :

height="50" width="160"

Il suffit de changer les valeurs.

Il ne vous reste plus qu'a copier-coller le code dans une de vos colonnes.

Avec Internet Explorer, le texte défile sur la gauche, avec Firefox le texte est au milieu dans les colonnes.

Pour que vos liens s'ouvrent dans une nouvelle page le code est le suivant :

<marquee behavior="scroll" direction="up" height="50" width="160" scrollamount="1" scrolldelay="1" onmouseover="this.stop()" onmouseout="this.start()"><p>
<a href="Adresse" target="_blank">Nom du lien</a><br />
<a href="Adresse" target="_blank">Nom du lien</a><br />
<a href="Adresse" target="_blank">Nom du lien</a><br />
<a target="_blank"></a><br />
<a target="_blank"></a><br />
<a target="_blank"></a>
</p></marquee></p>

Publicité
Publicité
Commentaires
Publicité
Derniers commentaires
Newsletter
Publicité