Texte défilant pour titre du blog

amedyaz-amsebrid Messages postés 13 Date d'inscription   Statut Membre Dernière intervention   -  
 nitouli -
Bonjour,
Je voudrais savoir comment faire pour rendre le texte du titre de mon blog, défilant. Merci.
A voir également:

1 réponse

mister-gwada97one Messages postés 110 Date d'inscription   Statut Membre Dernière intervention   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
amedyaz-amsebrid Messages postés 13 Date d'inscription   Statut Membre Dernière intervention  
 
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
nitouli
 
ouii c vrai
0