Texte html

Résolu
cary64 Messages postés 58 Date d'inscription   Statut Membre Dernière intervention   -  
 Utilisateur anonyme -
bonsoir a tous,

Voilà 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
A voir également:

50 réponses

Précédent
Réponse 21 / 50
cary64
 
en fait voilà : je veux pas de pause entre les lignes, mais seulement après l'image, lorsque toute les lignes sont apparente dans le cadre, comme çi toi dnas ton cadre jaune "test1" "test2" et "test 3" defilent et qu'on voit les 3 lignes, et qu'ensuite ces 3 lignes reste figé 5 sec dans le cadre jaune et ensuite reprennent leur defilement...

suis je claire ?? :s
0
Réponse 22 / 50
Anonyme
 
Salut

Je n'en suis pas sûr :

Mais : les accents, les guillemets, le point d'exclamation ; c'est pas top ...

Je pense que tu peux coder les caractères spéciaux ; je n'ai pas le codage sous la main .

à+
0
Réponse 23 / 50
Utilisateur anonyme
 
Oui, je suis en train de chercher pour les caractères, ce script ne tolère pas beaucoup de choses... J'essaye d'en faire quelque chose, mais j'ai du mal !

*gab*
0
Réponse 24 / 50
cary64
 
Merci beaucoup Gab,

T'embête pas non plus là dessus, tu dois avoir autre chose à faire !

Moi je suis en train de surfer sur google pour trouver qqch qui puisse m'aider mais....

Je suis sure que c'est possible en plus ! ça m'énerve !

Et si je trouve un site ou il y a ce genre d'effet ? ça t'aiderai ?

merci encore Gab !!
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
Réponse 25 / 50
Utilisateur anonyme
 
Ah oui ^^ Si tu trouve c'est bon ^^

Pour l'instant j'en suis à ça :

<html>
<!-- DEBUT DU SCRIPT -->
<div align="center">
<STYLE TYPE="text/css">
.ejs_scroll {font-size:40px;font-family:Verdana;color:#000000;text-decoration:none;text-align:center}
</STYLE>

<script language="JavaScript1.2">

/*
SCRIPT EDITE SUR L'EDITEUR JAVASCRIPT
http://www.editeurjavascript.com
*/

ejs_scroll_largeur = 600;
ejs_scroll_hauteur = 300;
ejs_scroll_bgcolor = '#FFCC99';
/* Mettre ici le chemin de l'image de fond */
ejs_scroll_background = "";
/* Mettre ici le temps en secondes */
ejs_scroll_pause_seconde = 3;

ejs_scroll_message = new Array;

ejs_scroll_message[0]='<a class="ejs_scroll"><font>Bienvenue à l’association</font> "Les Peaux d’Ousse" !</FONT></a>';
ejs_scroll_message[1]='<a class="ejs_scroll"><font>Bienvenue à l’association "Les Peaux d’Ousse" !</FONT></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>
<!-- FIN DU SCRIPT -->
</div>
</html>


Bon maintenant suffit de mettre l'image ! xD

Je triche un peu avec le retour à la ligne en ajustant la taille, tu me donnera plus tard la taille du cadre, et j'ajusterais le texte pour tricher :D xD


*gab*
0
Réponse 26 / 50
Utilisateur anonyme
 
Up !

J'arrive à sa maintenant :

<html>
<!-- DEBUT DU SCRIPT -->
<div align="center">
<STYLE TYPE="text/css">
.ejs_scroll {font-size:45px;font-family:Verdana;color:#000000;text-decoration:none;text-align:center}
</STYLE>

<script language="JavaScript1.2">

/*
SCRIPT EDITE SUR L'EDITEUR JAVASCRIPT
http://www.editeurjavascript.com
*/

ejs_scroll_largeur = 600;
ejs_scroll_hauteur = 300;
ejs_scroll_bgcolor = '#FFCC99';
/* Mettre ici le chemin de l'image de fond */
ejs_scroll_background = "";
/* Mettre ici le temps en secondes */
ejs_scroll_pause_seconde = 3;

ejs_scroll_message = new Array;

ejs_scroll_message[0]='<a class="ejs_scroll"><font>Bienvenue à l’association "Les Peaux d’Ousse" !</FONT><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 "Les Peaux d’Ousse" !</FONT><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>
<!-- FIN DU SCRIPT -->
</div>
</html>



Mais c'est pas correct... Juste de la triche :p

*gab*
0
Réponse 27 / 50
cary64
 
mais c'est pas mal du tout !!

Le principe est là ! chui contente !

Après ce n'est plus que de la mise en page ! avec mon image, la bonne police (comic) etc...

tu es un génie ;)

merci Gab !!


dès que mon site sera en ligne, je te le dirai !

Bon, je vais me coucher, je regarderai ça demain ! Merci encore Gab !!!!!
0
Réponse 28 / 50
Alain42
 
J'ai essayé une solution regardes si ça te convient:

Modifies les lignes ejs_scroll_message[0]=' comme ceci: 

ejs_scroll_message[0]='<a href="http://192.168.0.4/lien1" class="ejs_scroll">Premi&egrave;re ligne 1<br>Premie&egrave;re ligne 2<br>Premi&egrave;re ligne 3</FONT></a>';
ejs_scroll_message[1]='<a href="http://192.168.0.7/lien2" class="ejs_scroll">Deuxi&egrave;me 1<br>Deuxi&egrave;me 2<br>Deuxi&egrave;me 3</FONT></a>';
   etc....



le <br> te fait les sauts de ligne tu peux en mettre plus de trois mais dans ce cas il doit falloir augmenter la taille de la petit fenêtre jaune 

ejs_scroll_hauteur = 100;


Voilà
0
Réponse 29 / 50
Utilisateur anonyme
 
Ok ok ok, pour changer la police et la couleur c'est sur la 5ième ligne, pour la police, tu remplace "Verdana" par celle que tu veux, et la couleur, c'est "#000000" tu change avec ton code couleur voulue ! Par contre ne change pas la taille du texte, sinon tout ce décale :p xD

Voilà :)

*gab*
0
Réponse 30 / 50
Utilisateur anonyme
 
Ouii ! Merci Alain42, j'ai pourtant essayé avec <br> mais aucun résultat, et là sa marche xD Alors voilà, enfin le dernier xD :

<html>
<!-- DEBUT DU SCRIPT -->
<div align="center">
<STYLE TYPE="text/css">
.ejs_scroll {font-size:30px;font-family:verdana;color:#000000;text-decoration:none;text-align:center}
</STYLE>

<script language="JavaScript1.2">

/*
SCRIPT EDITE SUR L'EDITEUR JAVASCRIPT
http://www.editeurjavascript.com
*/

ejs_scroll_largeur = 600;
ejs_scroll_hauteur = 300;
ejs_scroll_bgcolor = '#FFCC99';
/* Mettre ici le chemin de l'image de fond */
ejs_scroll_background = "";
/* Mettre ici le temps en secondes */
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>
<!-- FIN DU SCRIPT -->
</div>
</html>
0
Réponse 31 / 50
cary64
 
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 !
0
Réponse 32 / 50
cary64
 
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 !!!!!!!!!!!!!!
0
Réponse 33 / 50
Utilisateur anonyme
 
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*
0
Réponse 34 / 50
cary64
 
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
0
Réponse 35 / 50
Utilisateur anonyme
 
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*
0
Réponse 36 / 50
Anonyme
 
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)

à+
0
Réponse 37 / 50
cary64
 
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....
0
Réponse 38 / 50
cary64
 
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
0
Réponse 39 / 50
Utilisateur anonyme
 
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*
0
Réponse 40 / 50
Anonyme
 
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 .

à+
0

Discussions similaires

la balise <br> ou <br />
faamugol -
rwaness -

8 réponses
<br> ou <br /> ou </br>
corentin.93 -
jessy006 -

11 réponses
Balise </br>
erf -
erf -

3 réponses
Formule Excel : "SI" une cellule contient un mot, alors ?
Tonio5933 -
Mike-31 -

9 réponses
Excel formule : savoir si une cellule contient partie texte
plunderer007 -
francois -

14 réponses