• Défilement [HTML]

    Défilement [HTML]

    Ce sont des codes HTML, ils sont donc à copier dans le code source Défilement de texte ou image 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> 

    Votre texte ou images

     

    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> 

     

    Votre texte ou images

     

     

    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> 

    votre texte ou images

     

     

    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> 

     

    votre texte ou images

     

    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> 

    votre texte ou

     

    J'espère que ce tuto vous sera utile !


    Tags Tags : ,
  • Commentaires

    1
    Dimanche 14 Juillet à 18:52

    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..?

    • Voir les réponses
    Suivre le flux RSS des commentaires

    Vous devez être connecté pour commenter