J'ai cherché longtemps avant de trouver ce script où le texte défile sans sursauter. Cela donne ceci :
|
Bonjour et bienvenue dans mon site !
|
J'ai réussi à l'installer en taponnant un peu aussi je vous dis comment faire à ma façon mais il se peut qu'il y en ait d'autres. Ne vous découragez pas et taponnez un peu jusqu'à ce que ça marche car il y a des données à modifier dans le script et dans le petit fichier à télécharger. Mais en faisant comme je vous mentionne, cela devrait marcher du premier coup !
Ceci dit, j'ai trouvé ce script sur Mioplanet où ils vous donnent d'autres explications complémentaires ainsi que d'autres versions de présentation du texte défilant (avec ou sans boîte, etc.).
2 étapes :
1. Téléchargez le fichier webticker_lib.js et mettez-le dans le même dossier que la page où vous allez installer la bande défilante. Vous l'ouvrez avec un logiciel comme Notepad, Bloc-notes ou Wordpad. C'est là que vous changez les données de la police, en haut dans le code. Enregistrez puis fermez.
2. Copiez puis collez ce script dans votre code html là où vous voulez voir apparaître la bande défilante dans votre page :
Vous modifiez uniquement ce qui est
en rouge
( ce qui est //.... est des
explications, vous ne les insérez pas dans votre page html)
<table border="0"
cellpadding="4" cellspacing="0"
width="100%" bgcolor="#0093A8"
>
// la grandeur et couleur de la table où apparaîtra le texte défilant
<td>
<DIV ID="TICKER" STYLE="overflow:hidden; width:520px;
height:18px">
// la largeur de l'espace pour le texte (width:520px)
et la hauteur de la police (height:18px)
<b><font face="Arial" color="#FFFFFF" size="2">
Bonjour et bienvenue dans mon site !
// le
texte que vous voulez voir défiler
</font></b></DIV>
<script src="webticker_lib.js"></script></td>
Mioplanet : autres explications complémentaires
Bonne chance et amusez-vous bien !
Do
Vous êtes dans le site de :