Effet des balises marquee sur un texte

Pour un texte qui défile vers le haut :

TEXTE1  
<marquee direction="up">TEXTE1</marquee>

Pour un texte qui défile vers le bas :

TEXTE2

<marquee direction="down">TEXTE2</marquee>

Pour un texte qui défile de gauche à droite : 

TEXTE3

<marquee direction="left">TEXTE3</marquee>

Pour un texte qui défile de droite à gauche :  

TEXTE4

<marquee direction="right">TEXTE4</marquee>

Dans les quatres exemples du dessus :
Les parties en vert correspondent au texte qui défileras.
En jaune : les balises marquee qui animent votre texte.
En orange : les direction que votre texte prendras. up/haut ; down/bas ; left/gauche ; right/droite

 

Pour un texte qui défile de droite à gauche avec un background de couleur :

TEXTE

<MARQUEE DIRECTION="left" HEIGHT="30%" WIDTH="100%" BGCOLOR="#450c1f">TEXTE</MARQUEE>

En vert : Changez cette partie par le texte que vous souhaitez faire défiler.
En orange : Changez la partie orange du code par la direction que vous souhaitez que votre texte prenne ; up/haut ; down/bas ; left/gauche ; right/droite
height="30%" : Changez sa valeur pour augmenter ou diminuer la hauteur du background de votre texte.    
width="100%" : Changez sa valeur pour augmenter ou diminuer la longueur du background de votre texte.
bgcolor="#bbee00" : Changez la couleur de votre background par le code couleur correspondant à celle que vous désirez.

Pour un texte qui vas et viens :

TEXTE

<MARQUEE BEHAVIOR="alternate" DIRECTION="left" HEIGHT="30%" WIDTH="100%" BGCOLOR="#450c1f">TEXTE</MARQUEE>

TEXTE

<MARQUEE BEHAVIOR="scroll" DIRECTION="left" HEIGHT="30%" WIDTH="100%" BGCOLOR="#450c1f">TEXTE</MARQUEE>

En vert : Changez cette partie par le texte que vous souhaitez faire défiler.
En orange : Changez la partie orange du code par la direction que vous souhaitez que votre texte prenne ; up/haut ; down/bas ; left/gauche ; right/droite
height="30%" : Changez sa valeur pour augmenter ou diminuer la hauteur du background de votre texte.    
width="100%" : Changez sa valeur pour augmenter ou diminuer la longueur du background de votre texte.
bgcolor="#bbee00" : Changez la couleur de votre background par le code couleur correspondant à celle que vous désirez.
behavior= "alternate/rebondissant" "srcoll/défilant" : Cette partie du code définiras l'effet sur votre texte.


Pour un texte qui défile de bas en haut :

TEXTE

<MARQUEE BEHAVIOR="scroll" DIRECTION="left" HEIGHT="30%" WIDTH="100%" BGCOLOR="#450c1f">
<CENTER><FONT COLOR="#FFCC00" SIZE="13px"><B><blink>TEXTE</blink></B></FONT></CENTER>
</MARQUEE>

En vert : Changez cette partie par le texte que vous souhaitez faire défiler.
En orange : Changez la partie orange du code par la direction que vous souhaitez que votre texte prenne ; up/haut ; down/bas ; left/gauche ; right/droite
height="30%" : Changez sa valeur pour augmenter ou diminuer la hauteur du background de votre texte.    
width="100%" : Changez sa valeur pour augmenter ou diminuer la longueur du background de votre texte.
bgcolor="#bbee00" : Changez la couleur de votre background par le code couleur correspondant à celle que vous désirez.
behavior= "alternate/rebondissant" "srcoll/défilant" : Cette partie du code définiras l'effet sur votre texte.

font color="#ffffff" : Changez la couleur de votre texte par le code couleur correspondant à celle que vous désirez.
size="13px" : Changer sa valeur pour augmenter ou diminuer la taille de votre texte.
En rouge : vous pouvez intégrer tous les effets que vous désirez à votre texte déroulant.

Pour mettre deux textes qui rebondissent :

TEXTE D'EXEMPLE DE DROITETEXTE D'EXEMPLE DE GAUCHE

<TD WIDTH="100%">
<MARQUEE BEHAVIOR="alternate" DIRECTION="left
"
   BGCOLOR="#334400
" WIDTH="100%" HEIGHT=200>
<CENTER>
TEXTE D'EXEMPLE DE DROITE</CENTER>
</MARQUEE></TD>

<TD WIDTH="60%">
<MARQUEE BEHAVIOR="alternate" DIRECTION="right"
   BGCOLOR="#334400
" WIDTH="100%" HEIGHT=200>
<CENTER>
TEXTE D'EXEMPLE DE GAUCHE</CENTER>
</MARQUEE>
</TD>

Vous pouvez combiner ce code avec tous ce que vous avez pu voir plus haut :

En vert : Changez cette partie par le texte que vous souhaitez faire défiler.
En orange :
Changez la partie orange du code par la direction que vous souhaitez que votre texte prenne ; up/haut ; down/bas ; left/gauche ; right/droite
height="30%" :
Changez sa valeur pour augmenter ou diminuer la hauteur du background de votre texte.    
width="100%" :
Changez sa valeur pour augmenter ou diminuer la longueur du background de votre texte.
bgcolor="#bbee00" :
Changez la couleur de votre background par le code couleur correspondant à celle que vous désirez.
behavior= "alternate/rebondissant" "srcoll/défilant" :
Cette partie du code définiras l'effet sur votre texte.

font color="#ffffff" :
Changez la couleur de votre texte par le code couleur correspondant à celle que vous désirez.
size="13px" :
Changer sa valeur pour augmenter ou diminuer la taille de votre texte.
vous pouvez intégrer tous les effets que vous désirez à votre texte déroulant.

L'élément TD est un élément ouvert (il est conseillé de le fermer) ; il introduit des données: texte, icone, image, etc..

Les balises marquee, sont à mon avis, un bon moyen de s'exercer à manipuler les codes.

Commentaires (2)

1. Sami (site web) 25/08/2013

Hi,
just to ask, can i input this text <marquee direction="left">TEXTE3</marquee>
on my layout ?

Thx

2. Licorne 16/02/2013

<marquee direction="down">LicorneVerte</marquee>

Ajouter un commentaire

Vous utilisez un logiciel de type AdBlock, qui bloque le service de captchas publicitaires utilisé sur ce site. Pour pouvoir envoyer votre message, désactivez Adblock.

Créer un site gratuit avec e-monsite - Signaler un contenu illicite sur ce site