![...](/f/2462b3d46743d68f5fff008367265e18.jpg)
Ajoutez un ticker à votre site Web en utilisant quelques lignes de code HTML et CSS.
Également appelés chapiteaux, les tickers défilent sur toute la largeur d'un écran de visualisation, présentant des messages conçus pour être visualisés et compris en un coup d'œil. Couramment utilisés à la télévision pour afficher les faits saillants de l'actualité ou des données boursières, les téléscripteurs apparaissent parfois également sur le Web. Avec quelques lignes de code HTML et CSS (Cascading Style Sheet), vous pouvez rapidement ajouter ce type de contenu à votre site Web.
Étape 1
Ouvrez votre page Web et affichez son code HTML. Si vous utilisez un outil d'édition visuelle tel qu'Adobe Dreamweaver, ouvrez la page et cliquez sur la zone où vous souhaitez ajouter votre ticker. Changez votre mode d'affichage en Mode Code. Cela vous montre le code HTML qui contrôle l'apparence de votre page. Si vous utilisez un éditeur de texte, ouvrez votre page dans l'éditeur et faites défiler jusqu'à la partie de la page où vous souhaitez ajouter le ticker.
Vidéo du jour
Étape 2
Appuyez sur la touche "Entrée" pour insérer une ligne vide.
Étape 3
Copiez et collez le code suivant sur la ligne vide :
Ce code définit un élément de sélection, qui fait glisser le contenu sur l'écran de droite à gauche par défaut. Le paragraphe contenu entre les balises de sélection d'ouverture et de fermeture est le contenu de cet exemple.
Étape 4
Mettez à jour les paramètres du code en fonction de vos besoins de conception. La balise d'ouverture de chapiteau utilise des règles de style CSS pour définir une couleur d'arrière-plan gris clair, ainsi qu'une bordure de 1 pixel de large de gris légèrement plus foncé. Toutes ces valeurs peuvent être ajustées. De plus, remplacez le contenu de l'espace réservé situé entre les balises de paragraphe d'ouverture et de fermeture par du texte ou des images de votre choix.
Étape 5
Enregistrez votre page et ouvrez-la dans un navigateur Web. Le téléscripteur apparaît à l'écran à l'emplacement de la page que vous avez sélectionné à l'étape 1.