Ici & Là

01 Société 02 Histoire 03 Science 04 Science fiction 05 SPIP 06 NTIC 07 Sondages 08 Divers
La meilleure façon de réaliser ses rêves est de se réveiller (Paul Valéry)

Accueil > SPIP > HTML et CSS > Défilement Horizontal et Vertical avec la balise MARQUEE : Code HTML dans (...)

Défilement de textes et d’images

Défilement Horizontal et Vertical avec la balise MARQUEE : Code HTML dans SPIP

Non reconnue par le W3C la balise MARQUEE peut être d’une grande utilité

mardi 15 janvier 2008, par François Daniel Giezendanner

Notez cet article
0 vote

(Dernière mise à jour : 2 novembre 2010)

 Présentation

La balise MARQUEE permet de faire défiler du texte et des images horizontalement et verticalement dans les articles et les brèves de SPIP en utilisant Firefox, Internet Explorer, Safari, Camino (et probablement d’autres navigateurs).

Elle peut être utilisée directement dans le champ de saisie du texte des articles et des brèves de SPIP.


 Syntaxe

La balise <marquee> permet à un texte placé entre le début et la fin de la balise de se déplacer selon la direction voulue dans une boite de défilement.

Exemple :

Vous pouvez paramétrer la couleur de la boite (bgcolor), sa taille par rapport à la largeur de la page (width), le sens du défilement (direction) et le nombre de répétitions de l’effet de défilement (0 équivaut à un défilement continu)

La syntaxe est du type <MARQUEE Attributs > ... </MARQUEE>, par exemple :

<marquee bgcolor="yellow" width="20%" direction="right" loop="0">Votre message</marquee>


 Liste des attributs

MARQUEE= (MARQUE)
Définition Elément permettant de créer des zones de défilement de texte dans un document HTML 2.0 3.2
Syntaxe <MARQUEE Attributs > ... </MARQUEE>
Attributs spécifiques
Align= Permet d’aligner un texte par rapport à une marque :

align="top" Texte aligné en haut,

align="middle" Texte aligné au centre,

align="bottom" Texte aligné en bas

Behaviour= Permet de définir le comportement du texte dans une marque :

behavior="scroll" Passage du texte,

behavior="slide" Texte arrive et stop,

behavior="alternate" Texte gauche/droite

Bgcolor= Spécifie la couleur de fond d’une marque ( deprecated ) :

bgcolor="#rrggbb" Couleur de fond du Marquee

Direction= Indique la direction de défilement du texte :

direction="right" Texte arrive par la droite,

direction="left" Texte arrive par la gauche

Height= Permet de définir la hauteur (en pixels) d’une marque :

height="nombre//pourcentage" Hauteur de Marquee

Hspace= Spécifie l’espace horizontal (en pixels) entre le texte et le bord gauche ou droit de la marque :

hspace="nombre"

Vspace= Spécifie l’espace vertical (en pixels) entre le texte et le bord supérieur ou inférieur de la marque :

vspace="nombre"

Loop= Introduit une boucle qui permet de repasser le texte dans la marque :

loop="nombre//infinie" Nombre de boucle, x : nombre de défilements, -1 : pour 1 seule, Infinite : pour continuel

Scrolldelay= Définit un délai entre deux apparitions du texte :

scrolldeley="nombre" Délais en millisecondes

Scrollamount= Permet de paramétrer (en pixels) l’intervalle entre deux apparitions du texte, minimum 1 :

scrollamount="nombre" Vitesse

Width= Définit la largeur (en pixels) du Marquee :

width="nombre//pourcentage"

Note : L’élément MARQUEE est un élément fermé.
Remarque : L’élément MARQUEE est spécifique d’Internet Explorer et ne figure pas dans les spécifications HTML 3.2 ou HTML 4.0.

 Balises Hors W3C

Bien que non reconnus par le W3C certaines balises peuvent être d’une grande utilité pour la mise en forme de données ou l’utilisation d’effets spécifiques, c’est le cas de la balise MARQUEE par exemples.

On trouvera une liste de ces balises Hors W3C sur le site « www.startyourdev.com » à la page :


 Un site Sarka-SPIP qui utilise la balise MARQUEE

La balise MARQUEE est par exemple utilisé sur le site :


 Exemples d’utilisation de la balise MARQUEE

La balise MARQUEE est un Méta tag dont on trouvera des exemples ici :


 La balise marquee pour suppléer à :

  • Une brève qui défile
    jeudi 31 mai 2007, par natalia. Dernier ajout vendredi 1er juin 2007
    Le but de cette contrib est de permettre à l’équipe de rédaction de faire défiler une brève au choix sans l’intervention du webmestre. Exemple ici.
    http://www.spip-contrib.net/Une-breve-qui-defile

 Illustrations avec un défilement vertical du texte


Exemple 1

MARQUEE - Exemple DIRECTION=up
CECI EST UNE
FAÇON DE FAIRE
DÉROULER LE
LE TEXTE VERS
LE HAUT

C'EST SIMPLE
ET RAPIDE.

Article 19
Article 18
Article 17
Article 16
Article 15
Article 14


Le code utilisé dans le texte de l’article est :

JPEG - 53.7 ko

Ou plus simplement, Exemple 2 :

MARQUEE - Exemple DIRECTION=up
CECI EST UNE
FAÇON DE FAIRE
DÉROULER LE
LE TEXTE VERS
LE HAUT

C'EST SIMPLE
ET RAPIDE.

Article 19
Article 18
Article 17
Article 16
Article 15
Article 14


Le code utilisé dans le texte de l’article est :

JPEG - 46.9 ko

Ou encore Exemple 3 :

MARQUEE - Exemple DIRECTION=up
CECI EST UNE
FAÇON DE FAIRE
DÉROULER LE
LE TEXTE VERS
LE HAUT

C'EST SIMPLE
ET RAPIDE.

Le code utilisé dans le texte de l’article est :

JPEG - 47.9 ko

Autre exemple 4 :

MARQUEE - Exemple DIRECTION=up
CECI EST UNE
FAÇON DE FAIRE
DÉROULER LE
LE TEXTE VERS
LE HAUT

C'EST SIMPLE
ET RAPIDE.

Le code utilisé dans le texte de l’article est :

JPEG - 54.5 ko

Exemple 5 :

MARQUEE - Exemple DIRECTION=up
CECI EST UNE
FAÇON DE FAIRE
DÉROULER LE
LE TEXTE VERS
LE HAUT

C'EST SIMPLE
ET RAPIDE.

Le code utilisé dans le texte de l’article est :

JPEG - 49.3 ko

Exemple 6 :

MARQUEE - Exemple DIRECTION=up





La Plate-forme ICP du SEM opérationnel pour SPIP

La plate-forme ICP du SEM est maintenant opérationnel pour SPIP, elle doit nous permettre de travailler de manière plus confortable que par le passé et la vitesse d'exécution est nettement plus élevée. Vingt-huit (28) sites SPIP (y inclus ceux qui seront migrés depuis P7) vont êtres installés en production dans le courant du mois de février.



Le code utilisé dans le texte de l’article est :

GIF - 23.8 ko


Retour au Menu