Texte html
RésoluVoilà une heure que je m'acharne sur un petit effet de texte que j'aimerai faire et je rame !
voilà, j'arrive a faire defiler un texte de bas en haut a allure regulière
et ce que je voudrais c'est que le texte s'arrête qques secondes en plein milieu de façon a avoir le temps de lire les mots, puis de reprendre son défilement a la meme allure.
est ce possible ?
me suis je bien exprimer ??
merci encore de votre aide
Configuration: Windows XP Firefox 2.0.0.6
50 réponses
Un utilisateur cherche à faire défiler du texte de bas en haut et à insérer une pause de lecture en plein milieu avant de reprendre le défilement. Plusieurs contributions suggèrent d'utiliser un script JavaScript personnalisé (par exemple ejs_scroll) avec pause paramétrable, et d'organiser les sauts de ligne via des balises br, ou d'envisager une GIF animée comme alternative. Les échanges portent principalement sur l'ajustement des paramètres (vitesse, durée de pause, hauteur du cadre) et sur la compatibilité entre navigateurs, avec des exemples pratiques. En cas de limitation de compatibilité, certains recommandent d'éviter les balises marquee et de privilégier le JavaScript, tandis que d'autres suggèrent d'ajuster la police, la taille et les contrastes pour la lisibilité.
-
Ah,bah oui, il fallait si attendre... Le forum traduit les expréssions code html en caractères...
Bienvenue à l'association <br>"Les Peaux d'Ousse" !
*gab*
-
Oui Alain c'est vrai, je l'avais fait chez moi, mais oublié de le remettre... Ca donne :
Bienvenue à l´association <br>"Les Peaux d´Ousse" !
*gab*
-
Salut, c'est moi qui reviens faire un petit tour,
pour les messages il vaut mieux coder les caractères accentués en HTML
Bienvenue à l’association
Bienvenue à l’association
Pour avoir la liste des codes je t'ai trouvé ce site parmi tant d'autres:
https://www.toutimages.com/codes_caracteres.htm -
Désolé !
Je n'ai pas suivis ! Désolé...
C'est dans la ligne de code tout au début :
.ejs_scroll {font-size:60px;font-family:Comic Sans MS;color:yellow;text-decoration:none;text-align:center}
Font size pour la taille
font family pour la police
color pour la couleur
text-decoration pour la déco du texte (souligné, barré...)
text-align c'est l'alignement du texte (gauche, centre, droite)
Désolé !
*gab* -
laissez tomber ! j'ai reussi ;)
bye bye -
voiçi mon code pour le texte. je pensais qu'il fallait changer font-size, mais non.... Savez vous ou est le code pour changer la taille des lettres ?
merci bcp d'avance
<STYLE TYPE="text/css">
.ejs_scroll {font-size:60px;font-family:Comic Sans MS;color:yellow;text-decoration:none;text-align:center}
</STYLE>
<script language="JavaScript1.2">
ejs_scroll_largeur = 600;
ejs_scroll_hauteur = 200;
ejs_scroll_bgcolor = '#FFCC99';
ejs_scroll_background = "";
ejs_scroll_pause_seconde = 3;
ejs_scroll_message = new Array;
ejs_scroll_message[0]='<a class="ejs_scroll"><font>Bienvenue à l’association <br>"Les Peaux d’Ousse" !</FONT><br><img src="gifs%20peaux%20d%27ousse/enfantdanse.gif" width="124" height="96" align="center"></a>';
ejs_scroll_message[1]='<a class="ejs_scroll"><font>Bienvenue à l’association <br>"Les Peaux d’Ousse" !</FONT><br><img src="gifs%20peaux%20d%27ousse/enfantdanse.gif" width="124" height="96" align="center"></a>';
function d(texte)
{
document.write(texte);
}
d('<DIV ID=ejs_scroll_relativ STYLE="position:relative;width:'+ejs_scroll_largeur+';height:'+ejs_scroll_hauteur+';background-color:'+ejs_scroll_bgcolor+';background-image:url('+ejs_scroll_background+')">');
d('<DIV ID=ejs_scroll_cadre STYLE="position:absolute;width:'+(ejs_scroll_largeur-8)+';height:'+(ejs_scroll_hauteur-8)+';top:4;left:4;clip:rect(0 '+(ejs_scroll_largeur-8)+' '+(ejs_scroll_hauteur-8)+' 0)">');
d('<div id=ejs_scroller_1 style="position:absolute;width:'+(ejs_scroll_largeur-8)+';left:0;top:0;" CLASS=ejs_scroll>'+ejs_scroll_message[0]+'</DIV>');
d('<div id=ejs_scroller_2 style="position:absolute;width:'+(ejs_scroll_largeur-8)+';left:0;top:'+ejs_scroll_hauteur+';" CLASS=ejs_scroll>'+ejs_scroll_message[1]+'</DIV>');
d('</DIV></DIV>');
ejs_scroll_mode =1;
ejs_scroll_actuel = 0;
function ejs_scroll_start()
{
if(ejs_scroll_mode == 1)
{
ejs_scroller_haut = "ejs_scroller_1";
ejs_scroller_bas = "ejs_scroller_2";
ejs_scroll_mode = 0;
}
else
{
ejs_scroller_bas = "ejs_scroller_1";
ejs_scroller_haut = "ejs_scroller_2";
ejs_scroll_mode = 1;
}
ejs_scroll_nb_message = ejs_scroll_message.length-1;
if(ejs_scroll_actuel == ejs_scroll_nb_message)
ejs_scroll_suivant = 0;
else
ejs_scroll_suivant = ejs_scroll_actuel+1;
if(document.getElementById)
document.getElementById(ejs_scroller_bas).innerHTML = ejs_scroll_message[ejs_scroll_suivant];
ejs_scroll_top = 0;
if(document.getElementById)
setTimeout("ejs_scroll_action()",ejs_scroll_pause_seconde*1000)
}
function ejs_scroll_action()
{
ejs_scroll_top -= 1;
document.getElementById(ejs_scroller_haut).style.top = ejs_scroll_top;
document.getElementById(ejs_scroller_bas).style.top = ejs_scroll_top+ejs_scroll_hauteur;
if((ejs_scroll_top+ejs_scroll_hauteur) > 0)
setTimeout("ejs_scroll_action()",10)
else
ejs_scroll_stop()
}
function ejs_scroll_stop()
{
ejs_scroll_actuel = ejs_scroll_suivant;
ejs_scroll_start()
}
window.onload = ejs_scroll_start;
</SCRIPT> -
Coucou ! c'est encore moi mais pour pas aussi longtemps que la dernière fois ! ;)
Je voulais juste savoir, GAB comment tu fais pour changer la taille des lettres ? Pour mettre en plus gros "Bienvenue au Peaux d'Ousse" stp ?
merciiii -
Salut
@*gab* ; Post #42 : J'ai donné les liens mais l'info était suite à une recherche pour cette discussion ;-)
(Cette discussion contient les balises < marquee > < / marquee >)
Par contre, "Cary64", tu peux tester ton site avec le lien donner au Post #40 :-)
Vérification des règles d'accessibilité version 1 ; lien direct :
http://apinc.org
à+ -
Anonyme, on n'utilise pas les balises marquee ici... Il n'y a pas de fautes graves empéchant une utilisation du site web par les utilisateurs de navigateurs moins connus ! Regarde comme tu le dis toi même avec les normes du W3C ! http://validator.w3.org/ !
Si on ne veut pas utiliser le TAG <marquee> qui est une propriété de IE malgrès que Firefox l'intègre, le JS devient obligatoire !
C'est un plaisir d'avoir pû t'aider Cary64 ;)
*gab* -
Alors là.... je t'adoooooooooooore !!!! c'est exactement ça et ça fonctionne !!!
J'ai juste a changer la taille de la police et la taille du cadre, mais c'est ça !!
franchement merci beaucoup Gab d'avoir pris autant de temps ! tu es un génie ! ;)
Dès que mon site sera prêt, je t'enverrai un petit message pour que tu voyes TON chef d'oeuvre concernant ce fameux texte defilant !!!
Je suis ravie, vraiment
merci a tous ceux qui ont essayé de m'aider !! alain42, anonyme, warlix, simbuffy, Gab.
Je vais me faire un plaisir de mettre "RESOLU" à ce sujet !!!!! mdr
Encore merci a tous -
Salut
Défilement de texte sur une page Web :
Les balises < marquee > < / marquee > c'est pas très bien pour l'accessibilité ni le JAVA !
Penses aux personnes qui utilisent des outil d'accessibilité ... ;-) merci .
Le consortium de normalisation W3C n'autorise pas cette balise pour le défilement du texte !
W3C, World Wide Web Consortium :
https://fr.wikipedia.org/wiki/W3C
Accessibilité sur CCM, CommentCaMarche.net ! ; VOIR LES LIENS DANS LA DISCUSSION :
https://forums.commentcamarche.net/forum/affich-3432251-accessibilite-sur-ccm-commentcamarche-net
Pour une solution ; je ne peux pas t'aider comme ça à froid ; manque d'habitude et de savoir .-)
Je peux produire du code ; mais là je préfère dire clairement que je ne peux pas t'aider .
à+ -
Oui mais Anonyme, c'est trop difficile pour l'instant de faire une image animée avec une autre image animée dedans... Et puis, ça prendrais plus de place, c'est inutile, est-ce que ça marche comme ça ?
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>accueil</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> </head> <body bgcolor="#FF9966"> <p align="center"><img src="..//Site%20asso%20peaux%20d%27ousse/2bbsecret4patte2.gif" width="267" height="79"></p> <div align="center"> <STYLE TYPE="text/css"> .ejs_scroll {font-size:30px;font-family:Comic Sans MS;color:yellow;text-decoration:none;text-align:center} </STYLE> <script language="JavaScript1.2"> ejs_scroll_largeur = 600; ejs_scroll_hauteur = 200; ejs_scroll_bgcolor = '#FFCC99'; ejs_scroll_background = ""; ejs_scroll_pause_seconde = 3; ejs_scroll_message = new Array; ejs_scroll_message[0]='<a class="ejs_scroll"><font>Bienvenue à l’association <br>"Les Peaux d’Ousse" !</FONT><br><img src="gifs%20peaux%20d%27ousse/enfantdanse.gif" width="124" height="96" align="center"></a>'; ejs_scroll_message[1]='<a class="ejs_scroll"><font>Bienvenue à l’association <br>"Les Peaux d’Ousse" !</FONT><br><img src="gifs%20peaux%20d%27ousse/enfantdanse.gif" width="124" height="96" align="center"></a>'; function d(texte) { document.write(texte); } d('<DIV ID=ejs_scroll_relativ STYLE="position:relative;width:'+ejs_scroll_largeur+';height:'+ejs_scroll_hauteur+';background-color:'+ejs_scroll_bgcolor+';background-image:url('+ejs_scroll_background+')">'); d('<DIV ID=ejs_scroll_cadre STYLE="position:absolute;width:'+(ejs_scroll_largeur-8)+';height:'+(ejs_scroll_hauteur-8)+';top:4;left:4;clip:rect(0 '+(ejs_scroll_largeur-8)+' '+(ejs_scroll_hauteur-8)+' 0)">'); d('<div id=ejs_scroller_1 style="position:absolute;width:'+(ejs_scroll_largeur-8)+';left:0;top:0;" CLASS=ejs_scroll>'+ejs_scroll_message[0]+'</DIV>'); d('<div id=ejs_scroller_2 style="position:absolute;width:'+(ejs_scroll_largeur-8)+';left:0;top:'+ejs_scroll_hauteur+';" CLASS=ejs_scroll>'+ejs_scroll_message[1]+'</DIV>'); d('</DIV></DIV>'); ejs_scroll_mode =1; ejs_scroll_actuel = 0; function ejs_scroll_start() { if(ejs_scroll_mode == 1) { ejs_scroller_haut = "ejs_scroller_1"; ejs_scroller_bas = "ejs_scroller_2"; ejs_scroll_mode = 0; } else { ejs_scroller_bas = "ejs_scroller_1"; ejs_scroller_haut = "ejs_scroller_2"; ejs_scroll_mode = 1; } ejs_scroll_nb_message = ejs_scroll_message.length-1; if(ejs_scroll_actuel == ejs_scroll_nb_message) ejs_scroll_suivant = 0; else ejs_scroll_suivant = ejs_scroll_actuel+1; if(document.getElementById) document.getElementById(ejs_scroller_bas).innerHTML = ejs_scroll_message[ejs_scroll_suivant]; ejs_scroll_top = 0; if(document.getElementById) setTimeout("ejs_scroll_action()",ejs_scroll_pause_seconde*1000) } function ejs_scroll_action() { ejs_scroll_top -= 1; document.getElementById(ejs_scroller_haut).style.top = ejs_scroll_top; document.getElementById(ejs_scroller_bas).style.top = ejs_scroll_top+ejs_scroll_hauteur; if((ejs_scroll_top+ejs_scroll_hauteur) > 0) setTimeout("ejs_scroll_action()",10) else ejs_scroll_stop() } function ejs_scroll_stop() { ejs_scroll_actuel = ejs_scroll_suivant; ejs_scroll_start() } window.onload = ejs_scroll_start; </SCRIPT> </div> <p align="center"><img src="gifs%20peaux%20d%27ousse/bonjour.gif" width="168" height="187"></p> <p align="center"><img src="file:///E|/Mes%20images/photos/assoc%20peau%20d%27ousse/carnaval%202007/PICT0031.JPG" width="314" height="225"></p> <p align="center"></p> <div align="center"><!-- http://www.compteur-internet.fr compteur internet //--><table border='0' cellspacing='0' cellpadding='0' style='position:relative; width:147px; display:inline;'><tr><td><a href='http://www.compteur-internet.fr' title='compteur internet' id='cpt' target='_blank'><img src='http://www.compteur-internet.fr/img/chargement1.gif' alt='compteur internet' border='0'></a></td><td><a href='http://www.lyad.com' title='rencontre' target='_blank'><img src='http://www.compteur-internet.fr/img/chargement2.gif' alt='rencontre' border='0'></a></td></tr></table><script type="text/javascript"> var x="script"; document.write("<"+x+" SRC='http://www.compteur-internet.fr/xjsClient.asp?xid=9D71E5D4-6EE4-4DBF-BC91-B566FB7E0176&s=0&uc2=-u0152T-03-7E-0BuJQ-9D-C4C-0F&cpt=4FE25709-64D0-4468-B01B-09D44A087564&w=147&t=cpt&sw="+screen.width+"&sh="+screen.Height+"&ref="+escape(document.referrer)+"&page="+escape(document.location.pathname)+"'></"+x+">");</script></div> </body> </html>
Et voici un exemple avec des images prises sur le net, si tu vois les images (normal si elles sont difformes) c'est bon ! xD
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>accueil</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> </head> <body bgcolor="#FF9966"> <p align="center"><img src="https://www.icone-gif.com/gif/personnages/enfants/enfant_002.gif" width="267" height="79"></p> <div align="center"> <STYLE TYPE="text/css"> .ejs_scroll {font-size:30px;font-family:Comic Sans MS;color:yellow;text-decoration:none;text-align:center} </STYLE> <script language="JavaScript1.2"> ejs_scroll_largeur = 600; ejs_scroll_hauteur = 200; ejs_scroll_bgcolor = '#FFCC99'; ejs_scroll_background = ""; ejs_scroll_pause_seconde = 3; ejs_scroll_message = new Array; ejs_scroll_message[0]='<a class="ejs_scroll"><font>Bienvenue à l’association <br>"Les Peaux d’Ousse" !</FONT><br><img src="https://www.icone-gif.com/gif/personnages/clown/clown-gif-012.gif" width="124" height="96" align="center"></a>'; ejs_scroll_message[1]='<a class="ejs_scroll"><font>Bienvenue à l’association <br>"Les Peaux d’Ousse" !</FONT><br><img src="https://www.icone-gif.com/gif/personnages/clown/clown-gif-012.gif" width="124" height="96" align="center"></a>'; function d(texte) { document.write(texte); } d('<DIV ID=ejs_scroll_relativ STYLE="position:relative;width:'+ejs_scroll_largeur+';height:'+ejs_scroll_hauteur+';background-color:'+ejs_scroll_bgcolor+';background-image:url('+ejs_scroll_background+')">'); d('<DIV ID=ejs_scroll_cadre STYLE="position:absolute;width:'+(ejs_scroll_largeur-8)+';height:'+(ejs_scroll_hauteur-8)+';top:4;left:4;clip:rect(0 '+(ejs_scroll_largeur-8)+' '+(ejs_scroll_hauteur-8)+' 0)">'); d('<div id=ejs_scroller_1 style="position:absolute;width:'+(ejs_scroll_largeur-8)+';left:0;top:0;" CLASS=ejs_scroll>'+ejs_scroll_message[0]+'</DIV>'); d('<div id=ejs_scroller_2 style="position:absolute;width:'+(ejs_scroll_largeur-8)+';left:0;top:'+ejs_scroll_hauteur+';" CLASS=ejs_scroll>'+ejs_scroll_message[1]+'</DIV>'); d('</DIV></DIV>'); ejs_scroll_mode =1; ejs_scroll_actuel = 0; function ejs_scroll_start() { if(ejs_scroll_mode == 1) { ejs_scroller_haut = "ejs_scroller_1"; ejs_scroller_bas = "ejs_scroller_2"; ejs_scroll_mode = 0; } else { ejs_scroller_bas = "ejs_scroller_1"; ejs_scroller_haut = "ejs_scroller_2"; ejs_scroll_mode = 1; } ejs_scroll_nb_message = ejs_scroll_message.length-1; if(ejs_scroll_actuel == ejs_scroll_nb_message) ejs_scroll_suivant = 0; else ejs_scroll_suivant = ejs_scroll_actuel+1; if(document.getElementById) document.getElementById(ejs_scroller_bas).innerHTML = ejs_scroll_message[ejs_scroll_suivant]; ejs_scroll_top = 0; if(document.getElementById) setTimeout("ejs_scroll_action()",ejs_scroll_pause_seconde*1000) } function ejs_scroll_action() { ejs_scroll_top -= 1; document.getElementById(ejs_scroller_haut).style.top = ejs_scroll_top; document.getElementById(ejs_scroller_bas).style.top = ejs_scroll_top+ejs_scroll_hauteur; if((ejs_scroll_top+ejs_scroll_hauteur) > 0) setTimeout("ejs_scroll_action()",10) else ejs_scroll_stop() } function ejs_scroll_stop() { ejs_scroll_actuel = ejs_scroll_suivant; ejs_scroll_start() } window.onload = ejs_scroll_start; </SCRIPT> </div> <p align="center"><img src="https://www.icone-gif.com/gif/personnages/enfants/enfant_009.gif" width="168" height="187"></p> <p align="center"><img src="https://www.icone-gif.com/gif/personnages/enfants/enfant_005.gif" width="314" height="225"></p> <p align="center"></p> <div align="center"><!-- http://www.compteur-internet.fr compteur internet //--><table border='0' cellspacing='0' cellpadding='0' style='position:relative; width:147px; display:inline;'><tr><td><a href='http://www.compteur-internet.fr' title='compteur internet' id='cpt' target='_blank'><img src='http://www.compteur-internet.fr/img/chargement1.gif' alt='compteur internet' border='0'></a></td><td><a href='http://www.lyad.com' title='rencontre' target='_blank'><img src='http://www.compteur-internet.fr/img/chargement2.gif' alt='rencontre' border='0'></a></td></tr></table><script type="text/javascript"> var x="script"; document.write("<"+x+" SRC='http://www.compteur-internet.fr/xjsClient.asp?xid=9D71E5D4-6EE4-4DBF-BC91-B566FB7E0176&s=0&uc2=-u0152T-03-7E-0BuJQ-9D-C4C-0F&cpt=4FE25709-64D0-4468-B01B-09D44A087564&w=147&t=cpt&sw="+screen.width+"&sh="+screen.Height+"&ref="+escape(document.referrer)+"&page="+escape(document.location.pathname)+"'></"+x+">");</script></div> </body> </html>
*gab* -
Salut
Et comme indiqué au Post #10 ? :
Faire une image au format ".gif" animé, avec des temps de poses comme on veut ;-)
Comme ici, en bas de la page :
- http://poloastucien.free.fr/ghost_h.html
- http://poloastucien.free.fr/polo2.gif
(Sous le navigateur Web Internet Firefox, l'image ".gif" animée, est accéléré ; pour l'instant ... bizarre)
à+
Merci de ton aide anonyme, mais c'est pas ça que je recherche... Ce que je recherche est au post 30, c exactement ça que je veux. Mais si tu veux, j'arrive pas à l'insere dans ma page de code suivante :
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<!-- TemplateBeginEditable name="doctitle" -->
<title>accueil</title>
<!-- TemplateEndEditable -->
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<!-- TemplateBeginEditable name="head" --><!-- TemplateEndEditable -->
</head>
<body bgcolor="#FF9966">
</form>
<p align="center"><img src="..//Site%20asso%20peaux%20d%27ousse/2bbsecret4patte2.gif" width="267" height="79">
</p>
<p align="center"> </p>
<marquee>
</marquee>
<p align="center">
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso-8859-1">
<TITLE> </TITLE>
<CENTER>
<MARQUEE direction=up height=90% width=80% ScrollAmount=2 bgcolor="#6699FF" scrolldelay="15">
<DIV Align=Center >
<p><FONT Face="Marriage" size=24 color="#FFFFFF" > Bienvenue à l'association</FONT> <FONT Face="marriage size=16 color="yellow" >
</FONT></p>
<p><FONT Face="Marriage" size=18 color="yellow" >"Les Peaux d'Ousse"
!</FONT></p>
<p><font color="red" size="18" face="Marriage"><img src="gifs%20peaux%20d%27ousse/enfantdanse.gif" width="124" height="96"></font></p>
</DIV>
</MARQUEE>
</CENTER>
<div align="center"></div>
</BODY>
<HTML>
<HEAD>
</BODY>
</HTML>
<p align="center"><img src="gifs%20peaux%20d%27ousse/bonjour.gif" width="168" height="187">
<p align="center"><img src="file:///E|/Mes%20images/photos/assoc%20peau%20d%27ousse/carnaval%202007/PICT0031.JPG" width="314" height="225">
</p>
<p align="center"> </p>
<div align="center"><!-- http://www.compteur-internet.fr compteur internet //--><table border='0' cellspacing='0' cellpadding='0' style='position:relative; width:147px; display:inline;'><tr><td><a href='http://www.compteur-internet.fr' title='compteur internet' id='cpt' target='_blank'><img src='http://www.compteur-internet.fr/img/chargement1.gif' alt='compteur internet' border='0'></a></td><td><a href='http://www.lyad.com' title='rencontre' target='_blank'><img src='http://www.compteur-internet.fr/img/chargement2.gif' alt='rencontre' border='0'></a></td></tr></table><script type="text/javascript"> var x="script"; document.write("<"+x+" SRC='http://www.compteur-internet.fr/xjsClient.asp?xid=9D71E5D4-6EE4-4DBF-BC91-B566FB7E0176&s=0&uc2=-u0152T-03-7E-0BuJQ-9D-C4C-0F&cpt=4FE25709-64D0-4468-B01B-09D44A087564&w=147&t=cpt&sw="+screen.width+"&sh="+screen.Height+"&ref="+escape(document.referrer)+"&page="+escape(document.location.pathname)+"'></"+x+">");</script>
</div>
Est ce que tu comprends ?
merci en tt cas -
Mais si, tu l'a fais, tu sais le cadre dans lequel mon texte "bienvenue a l'asso peaux d'ousse" defile (pour moi c ça le cadre. tu vois ce que je veux dire ? Si tu veux, j'ai les 2 bébé tout en haut, puis mon "cadre" avec dedans mon texte qui defile de bas en haut, puis, l'image "bonjour" et enfin la photo en dessous et le compteur encore end essous.
Et bien moi j'ai tout sauf le texte defilant ou tu t'es pris la tete.
comprend pas pkoi.... -
Salut
Et comme indiqué au Post #10 ? :
Faire une image au format ".gif" animé, avec des temps de poses comme on veut ;-)
Comme ici, en bas de la page :
- http://poloastucien.free.fr/ghost_h.html
- http://poloastucien.free.fr/polo2.gif
(Sous le navigateur Web Internet Firefox, l'image ".gif" animée, est accéléré ; pour l'instant ... bizarre)
à+ -
Tu ne dois pas baisser les bras ! :p
Je voulais juste te demander, quel cadre ? Parce qu'il n'y a pas de cadre dans ce que tu m'as donné ^^.
Où veux-tu qu'il y ai un cadre, je te le met :)
*gab* -
Je m'excuse mais ça ne marche pas :(
Tout ce qui concerne le cadre ne marche pas... enfait j'ai rien, comme çi je n'avais aps fait de cadre.. j'ai juste mes images avant et après le cadre c tt :(
ppff.. je suis dsl, laisse tomber, je vais faire autrement..
merci en tt cas de tt le temps que tu s passé dessus
bye -
Voilou :)
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>accueil</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> </head> <body bgcolor="#FF9966"> <p align="center"><img src="..//Site%20asso%20peaux%20d%27ousse/2bbsecret4patte2.gif" width="267" height="79"></p> <div align="center"> <STYLE TYPE="text/css"> .ejs_scroll {font-size:30px;font-family:Comic Sans MS;color:yellow;text-decoration:none;text-align:center} </STYLE> <script language="JavaScript1.2"> ejs_scroll_largeur = 600; ejs_scroll_hauteur = 200; ejs_scroll_bgcolor = '#FF9966'; ejs_scroll_background = ""; ejs_scroll_pause_seconde = 3; ejs_scroll_message = new Array; ejs_scroll_message[0]='<a class="ejs_scroll"><font>Bienvenue à l’association <br>"Les Peaux d’Ousse" !</FONT><br><img src="gifs%20peaux%20d%27ousse/enfantdanse.gif" width="124" height="96" align="center"></a>'; ejs_scroll_message[1]='<a class="ejs_scroll"><font>Bienvenue à l’association <br>"Les Peaux d’Ousse" !</FONT><br><img src="gifs%20peaux%20d%27ousse/enfantdanse.gif" width="124" height="96" align="center"></a>'; function d(texte) { document.write(texte); } d('<DIV ID=ejs_scroll_relativ STYLE="position:relative;width:'+ejs_scroll_largeur+';height:'+ejs_scroll_hauteur+';background-color:'+ejs_scroll_bgcolor+';background-image:url('+ejs_scroll_background+')">'); d('<DIV ID=ejs_scroll_cadre STYLE="position:absolute;width:'+(ejs_scroll_largeur-8)+';height:'+(ejs_scroll_hauteur-8)+';top:4;left:4;clip:rect(0 '+(ejs_scroll_largeur-8)+' '+(ejs_scroll_hauteur-8)+' 0)">'); d('<div id=ejs_scroller_1 style="position:absolute;width:'+(ejs_scroll_largeur-8)+';left:0;top:0;" CLASS=ejs_scroll>'+ejs_scroll_message[0]+'</DIV>'); d('<div id=ejs_scroller_2 style="position:absolute;width:'+(ejs_scroll_largeur-8)+';left:0;top:'+ejs_scroll_hauteur+';" CLASS=ejs_scroll>'+ejs_scroll_message[1]+'</DIV>'); d('</DIV></DIV>'); ejs_scroll_mode =1; ejs_scroll_actuel = 0; function ejs_scroll_start() { if(ejs_scroll_mode == 1) { ejs_scroller_haut = "ejs_scroller_1"; ejs_scroller_bas = "ejs_scroller_2"; ejs_scroll_mode = 0; } else { ejs_scroller_bas = "ejs_scroller_1"; ejs_scroller_haut = "ejs_scroller_2"; ejs_scroll_mode = 1; } ejs_scroll_nb_message = ejs_scroll_message.length-1; if(ejs_scroll_actuel == ejs_scroll_nb_message) ejs_scroll_suivant = 0; else ejs_scroll_suivant = ejs_scroll_actuel+1; if(document.getElementById) document.getElementById(ejs_scroller_bas).innerHTML = ejs_scroll_message[ejs_scroll_suivant]; ejs_scroll_top = 0; if(document.getElementById) setTimeout("ejs_scroll_action()",ejs_scroll_pause_seconde*1000) } function ejs_scroll_action() { ejs_scroll_top -= 1; document.getElementById(ejs_scroller_haut).style.top = ejs_scroll_top; document.getElementById(ejs_scroller_bas).style.top = ejs_scroll_top+ejs_scroll_hauteur; if((ejs_scroll_top+ejs_scroll_hauteur) > 0) setTimeout("ejs_scroll_action()",10) else ejs_scroll_stop() } function ejs_scroll_stop() { ejs_scroll_actuel = ejs_scroll_suivant; ejs_scroll_start() } window.onload = ejs_scroll_start; </SCRIPT> </div> <p align="center"><img src="gifs%20peaux%20d%27ousse/bonjour.gif" width="168" height="187"></p> <p align="center"><img src="file:///E|/Mes%20images/photos/assoc%20peau%20d%27ousse/carnaval%202007/PICT0031.JPG" width="314" height="225"></p> <p align="center"></p> <div align="center"><!-- http://www.compteur-internet.fr compteur internet //--><table border='0' cellspacing='0' cellpadding='0' style='position:relative; width:147px; display:inline;'><tr><td><a href='http://www.compteur-internet.fr' title='compteur internet' id='cpt' target='_blank'><img src='http://www.compteur-internet.fr/img/chargement1.gif' alt='compteur internet' border='0'></a></td><td><a href='http://www.lyad.com' title='rencontre' target='_blank'><img src='http://www.compteur-internet.fr/img/chargement2.gif' alt='rencontre' border='0'></a></td></tr></table><script type="text/javascript"> var x="script"; document.write("<"+x+" SRC='http://www.compteur-internet.fr/xjsClient.asp?xid=9D71E5D4-6EE4-4DBF-BC91-B566FB7E0176&s=0&uc2=-u0152T-03-7E-0BuJQ-9D-C4C-0F&cpt=4FE25709-64D0-4468-B01B-09D44A087564&w=147&t=cpt&sw="+screen.width+"&sh="+screen.Height+"&ref="+escape(document.referrer)+"&page="+escape(document.location.pathname)+"'></"+x+">");</script></div> </body> </html>
Par contre plus tard, pour tes images, ça ne marchera pas sur internet si tu garde ce style de nom : file:///E|/Mes%20images/photos/assoc%20peau%20d%27ousse/carnaval%202007/PICT0031.JPG
Il faut que tu les remplaces par le nom avec l'extention en évitant les accents, et les espaces, je te met en gras les images, et puis je te donne un exemple : 2bbsecret4patte2.gif au lieu de ..//Site%20asso%20peaux%20d%27ousse/2bbsecret4patte2.gif
*gab* -
Heu.... Non, non, je vous assure que je fais pas exprès :s
En fait j'ai testé ton code Gab, et ça marche impec mais je sais pas l'inserer dans les codes de ma feuille !
Alors je me disais que... si il te restait un peu de force :) si tu pouvais me le coller au milieu de tout mes codes, car j'y suis depuis 3/4 d'h et je désespère ! :(
Voilà tous le code de ma page d'accueil :
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<!-- TemplateBeginEditable name="doctitle" -->
<title>accueil</title>
<!-- TemplateEndEditable -->
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<!-- TemplateBeginEditable name="head" --><!-- TemplateEndEditable -->
</head>
<body bgcolor="#FF9966">
</form>
<p align="center"><img src="..//Site%20asso%20peaux%20d%27ousse/2bbsecret4patte2.gif" width="267" height="79">
</p>
<p align="center"> </p>
<marquee>
</marquee>
<p align="center">
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso-8859-1">
<TITLE> </TITLE>
<CENTER>
<MARQUEE direction=up height=90% width=80% ScrollAmount=2 bgcolor="#00000" scrolldelay="15">
<DIV Align=Center >
<p><FONT Face="Marriage" size=24 color= "yellow" > Bienvenue à l'association</FONT> <FONT Face="marriage size=16 color="yellow" >
</FONT></p>
<p><FONT Face="Marriage" size=18 color="yellow" >"Les Peaux d'Ousse"
!</FONT></p>
<p><font color="red" size="18" face="Marriage"><img src="gifs%20peaux%20d%27ousse/enfantdanse.gif" width="124" height="96"></font></p>
<p><var scrollerpause="3000">
</DIV>
</MARQUEE>
</CENTER>
<div align="center"></div>
</BODY>
<HTML>
<HEAD>
</BODY>
</HTML>
<p align="center"><img src="gifs%20peaux%20d%27ousse/bonjour.gif" width="168" height="187">
<p align="center"><img src="file:///E|/Mes%20images/photos/assoc%20peau%20d%27ousse/carnaval%202007/PICT0031.JPG" width="314" height="225">
</p>
<p align="center"> </p>
<div align="center"><!-- http://www.compteur-internet.fr compteur internet //--><table border='0' cellspacing='0' cellpadding='0' style='position:relative; width:147px; display:inline;'><tr><td><a href='http://www.compteur-internet.fr' title='compteur internet' id='cpt' target='_blank'><img src='http://www.compteur-internet.fr/img/chargement1.gif' alt='compteur internet' border='0'></a></td><td><a href='http://www.lyad.com' title='rencontre' target='_blank'><img src='http://www.compteur-internet.fr/img/chargement2.gif' alt='rencontre' border='0'></a></td></tr></table><script type="text/javascript"> var x="script"; document.write("<"+x+" SRC='http://www.compteur-internet.fr/xjsClient.asp?xid=9D71E5D4-6EE4-4DBF-BC91-B566FB7E0176&s=0&uc2=-u0152T-03-7E-0BuJQ-9D-C4C-0F&cpt=4FE25709-64D0-4468-B01B-09D44A087564&w=147&t=cpt&sw="+screen.width+"&sh="+screen.Height+"&ref="+escape(document.referrer)+"&page="+escape(document.location.pathname)+"'></"+x+">");</script>
</div>
Merciiii encore et encore !!!!!!!!!!!!!! -
Alors là...
Respect à tous les 2 !!! Merci c'est ce que je voulais !! je n'ai plus qu'à diminuer mon cadre pour que ce soit bien centré et changer la couleur et les polices !!
Merci d'avoir passer autant de tant Gab !!
Et merci à Alain42 pour sa proposition !
Je vous tiens au courant ! je suis trop contente !
Je me permet de vous faire un bisous ! :)
Et dès que c'est exactement ce que je veux, je vous fait signe !!
a tt a l'heure !
- 1
- 2
- 3