Comment créer un ticker pour votre site Web
Aussi connus sous le nom de chapiteaux, les tickers défilent sur 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 les données boursières, les téléscripteurs apparaissent parfois également sur le Web. Avec quelques lignes de code HTML et feuille de style en cascade (CSS), 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. Modifiez 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.
É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 d'ouverture et de fermeture est le contenu de cet exemple.
Étape 4
Mettez à jour les paramètres de code en fonction de vos besoins de conception. La balise chapiteau d'ouverture utilise les 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 d'un 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 ticker apparaît à l'écran à l'emplacement de la page que vous avez sélectionné à l'étape 1.