• qu'est-ce que c'est ?

    Bon, je pense que tout le monde connait le verbe défiler donc je ne vais pas donner sa définition ici.
    Néanmoins, voici deux exemples de directions de défilements qui vous sauront possibles au cour de ce tutoriel.

    Mon texte defile de droite a gauche
    Mon texte defile de gauche a droite

    On peut bien évidemment faire défiler de haut en bas et de bas en haut ainsi que remplacer le texte par des images.


    comment faire ?

    Tout d'abord vous ouvrez le module ou l'article dans lequel vous souhaitez faire défiler votre texte ou vos images, mettez votre texte ou vos images en question de la manière que vous voulez puis cliquez sur le bouton HTML de votre article afin de rajouter les balises qui permettront le défilement dont il est question.

    Observez votre code, si vous n'avez pas changé l'alignement par défaut de votre texte ou images vous devriez avoir un <p> au début et à la fin </p>, p c'est pour paragraphe. Lorsque vous allez ajouter le code qui sera donné plus loin, vous devrez le mettre juste après le premier <p> et tout de suite avant le dernier </p> car si votre défilement est en dehors du paragraphe, et bien votre paragraphe ne défilera pas, logique.

    Le code HTML de base utilisé pour le défilement est celui-ci qui se placera directement après <p>

    <marquee direction="*" scrollamount="**">

    <marquee> c'est la balise par défaut utilisée pour les défilements, ci-dessus elle est suivit de direction qui représente justement la direction de votre contenu, pour définir sa direction vous remplacerez * par, selon votre choix, right pour aller vers la droite, left pour aller vers la gauche, up pour aller vers le haut ou down pour aller vers le bas. Enfin, l'attribut scrollamount détermine la vitesse de votre défilement, ** doit être remplacé par un chiffre qui fixera le nombre de pixels qu'il y aura entre chaque déplacements, plus le chiffre sera grand, plus le déplacement sera rapide et inversement.

    Il faut également écrire cette fin de code qui permettra de fermer la balise et se placera juste avant </p>

    </marquee>

     

    Ce tutoriel touche à sa fin, si vous avez bien suivit et compris le principe, vous devriez normalement avoir le résultat souhaité à la base. Toutefois si vous rencontrez des problèmes, je vous invite à m'en faire part dans les commentaires, je vous répondrai le plus rapidement possible.


    23 commentaires