Texte défilant pour titre du blog

amedyaz-amsebrid Messages postés 13 Statut Membre -  
 nitouli -
Bonjour,
Je voudrais savoir comment faire pour rendre le texte du titre de mon blog, défilant. Merci.
Configuration: Windows XP
Firefox 3.5.2

1 réponse

  1. mister-gwada97one Messages postés 141 Statut Membre 7
     
    voilà un exemple:

    <html>
    
    <head>
    <meta http-equiv="Content-Type"
    content="text/html; charset=iso-8859-1">
    <meta name="GENERATOR" content="Microsoft FrontPage Express 2.0">
    <title>Superbe texte déffilant</title>
    </head>
    
    <body bgcolor="
    <script language="Javascript1.2"><!--
    var tags_avant = '<FONT FACE="Monotype Corsiva" color="var tags_apres  = '</FONT face="Monotype Corsiva">' //Balise Html après le texte 
    var speed = 30            //vitesse d'écriture
    var speed2 = 100000        //temp de pause
    
    // Ci-dessous : Rajoutez des messages sans oublier de changer le numéro du msg[...] 
    msg = new Array()
    msg[0]="Bonjour je vous presente ce petit script qui est vraimment superbe.<br>Comme vous le voyez vous pouvez sauter de ligne a tout moment attention on y vas.<br>Il suffit de mettre la balise ;<br;> et voila.<br>Vous pouvez changer :<br>- La dimension du texte.<br>- Les couleurs.<br>- La vitesse d'écriture.<br>- Le temps de pause a la fin du texte.<br>- Mettre des lignes.<br>----------------------------------------------------------<br><br>- Ou des pointilles.<br>_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ <br>- Vous pouvez aussi l'agrémenter d'une musique genre clic-clic machine a écrire.<br>- Voila j'espère que la démo vous a plus.<br>Si vou voulez m'envoyer un mail voici mon adresse :<br>pitrack1@club-internet.fr<br><br><center>Salut a tous les webmaster et bon surf a tous.</center>"
    
    
    
    //Définissez la position de l'animation dans votre page en coordonnées left/top: 
    //Ci dessous pour netscape (left=0 top=0 correspond au coin en haut à gauche)
     if(navigator.appName == "Netscape") {
     document.write('<layer left=40 top=130 id="ticker"></layer><br>');
     } 
    //Ci dessous pour internet explorer 
     if (navigator.appVersion.indexOf("MSIE") != -1){
     document.write('<span left=4 top=180 id="ticker"></span><br>');
     }
    
    var msg2 = msg; var x = 0; var y = 0;
    function upticker(){ 
    if (y > msg2.length - 1) {
    y = 0; setTimeout("upticker()",speed);}
    else{if (x > msg2[y].length) {
    msg = msg2[y];x = 0; y++;
    setTimeout("upticker()",speed2);}
    else {msg = msg2[y].substring(0,x++);
    setTimeout("upticker()",speed);}
    if(navigator.appName == "Netscape") {
    document.ticker.document.write(tags_avant+msg+tags_apres);
    document.ticker.document.close();}
    if (navigator.appVersion.indexOf("MSIE") != -1){
    ticker.innerHTML = tags_avant+msg+tags_apres;};};} 
    setTimeout("upticker()",speed);
    
    //--></script>
    
    
    </body>
    </html> 
    0
    1. amedyaz-amsebrid Messages postés 13 Statut Membre
       
      Merci beaucoup mister-gwada pour la peine que vous vous êtes donée, mais je ne comprend rien à tous ces codes, où dois-je les mettre et comment ?
      Comme je suis débutant en HTML, je voudrais l'avoir en langage simple, étape par étape. Merci d'avance.
      0
    2. nitouli
       
      ouii c vrai
      0