-
Défilement [HTML]
Ce sont des codes HTML, ils sont donc à copier dans le code source d'un module, article, page ou autres de votre blog.
I- La base
Par défaut, le texte défilant sera de droite à gauche.
<marquee>votre texte ou images</marquee>
II- Vitesse
Si vous souhaitez personnaliser la vitesse de défilement, il faut ajouter: scrollamount="2" au code, plus le chiffre sera petit et plus de défilement sera lent.
<marquee scrollamount="3">votre texte ou images</marquee>
III- Le sens
Comme je l'ai dit en début d'article, le défilement se fait par défaut de droite à gauche. Si vous souhaitez que ce soit l'inverse ou alors que le défilement se fasse verticalement, ajoutez : direction="sens"
right: vers la droite
left: vers la gauche
up: vers le haut
down: vers le bas<marquee direction="up">votre texte ou images</marquee>
IV- Arrêt au passage de la souris
Afin que vos visiteurs puissent lire votre texte (ou voir vos images) sans difficulté il est plus pratique que le texte puisse s’arrêter quand le lecteur le souhaite. Pour cela ajouter: onMouseOver="this.stop();" onMouseOut="this.start();" au code, cela arrêtera le défilement au passage de la souris.
<marquee onMouseOver="this.stop();" onMouseOut="this.start();">votre texte ou images</marquee>
V- Exemple final
Et pour finir, voici un petit exemple de défilement vers le bas, vitesse 5 avec arrêt au passage de la souris.
<marquee direction="down" scrollamount="5" onMouseOver="this.stop();" onMouseOut="this.start();">votre texte ou images</marquee>
J'espère que ce tuto vous sera utile !
Tags : défilement, html
-
Commentaires
Bonjour ^^!
Je ne sais absolument pas si je recevrais une réponse, néanmoins, je n'arrive pas à mettre une image dans ce genre de module. J'ai tout mis dans la partie HTLM du module, j'ai réussi à paramétrer pour que cela marche avec du texte mais je n'arrive pas à mettre une image..?
Bonjour,
après avoir ajouté ton code, tu peux ajouter des images comme tu le ferais normalement dans l'édition d'article.
Ou tu peux directement mettre ce code :
<p><marquee><img src="URL_IMAGE" alt="" /></marquee></p>
Ah merci je suis vraiment bête j'aurais dû y penser x'D