Impressum

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
popularité : 100%
1 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.8 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.2 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.7 ko


Retour au Menu

GIF - 509 octets


GIF - 505 octets


GIF - 507 octets


GIF - 490 octets




Publications

Derniers articles publiés

Agenda

<<

2017

 

<<

Juillet

 

Aujourd'hui

LuMaMeJeVeSaDi
262728293012
3456789
10111213141516
17181920212223
24252627282930
31123456
Aucun évènement à venir les 6 prochains mois

Météo

Ville(SZXX0013)

Conditions météo à 0h0
par weather.com®

Inconnu

°C


Inconnu
  • Vent :  km/h - N/D
  • Pression :  mbar tendance symbole
Prévisions >>


Annonces

Embed Twitter « responsive tools »

Pour le faire sur votre site


Embed Twitter « RWD »

Pour le faire sur votre site


Embed Twitter dans SPIP

Pour le faire sur votre site


Sites favoris


39 sites référencés dans ce secteur

Brèves

Plugin Publication Ouverte

vendredi 19 septembre 2008

Le plugin « Publication Ouverte » a pour but de fournir une interface de publication d’article publique et anonyme permettant à n’importe quel visiteur d’un site spip de publier un article sans aucune authentification. Cette méthode de gestion/création de contenu est appelé « Publication ouverte » (ou open-publishing en anglais). La publication ouverte est principalement pratiqué par le réseau indymédia, ainsi que de nombreux autres sites d’informations alternatives.

Plugin Bouquinerie

vendredi 19 septembre 2008

Le plugin Bouquinerie permet de mettre en place rapidement et simplement un site proposant :

  • la présentation du commerce de type bouquinerie, ou librairie
  • la présentation de son catalogue de livre.

L’espace privée permet la gestions de multiples catalogues (recherches, doublons, modification des enregistrements), l’importation de catalogues en provenance de sites tiers, et l’exportation des catalogues au format xml.

KAYE, un cahier de texte électronique pour l’école primaire

vendredi 19 septembre 2008

Descriptif du plugin

Sur l’espace public

  • Le visiteur peut sélectionner le cahier de texte de la classe de son choix (Si le plugin accès resteint est installé sur le site, après authentification, ne s’affichent que les cahiers de texte sur lesquels le visiteur a les droits de lecture)
  • Le visiteur peut ordonner les résultats du tableau par discipline, par date, par consigne...

Dans l’espace privé

  • Les élèves (rédacteurs) peuvent écrire les devoirs Les enseignants (administrateurs) gèrent le cahier de texte
  • Lors de la création d’un classe, on choisit obligatoirement un enseignant référent (administrateur).
  • Si le plugin accès restreint est installé on peut choisir une zone.

Dans l’espace public : pour administrateurs connectés

  • Si le plugin crayon est activé, les administrateurs peuvent modifier les devoirs sans repasser par l’espace privé

Source

Pédagogie efficace appliquée à l’apprentissage de la construction d’un site Spip de A à Z

vendredi 6 octobre 2006

l’Institut national de la jeunesse et de l’éducation populaire applique une pédagogie adaptée pour l’enseignement et l’apprentissage de la construction d’un site SPIP de A à Z.

En effet, en informatique comme en bien d’autres domaines, les cours ne sont pas suffisants. Il importe de les accompagner d’une activité collaborative théorique et pratique à distance d’une durée suffisante. En ce sens, il propose pour la modique somme de 150 euros : 5 jours de présentiel (12, 13, 14 et 15 septembre 2006, 15 décembre 2006), 3 mois d’accompagnement à distance, et une pédagogie à la fois centrée sur le projet de chaque stagiaire et sur le travail collaboratif.

Objectifs :

  • Construction de son propre site SPIP par chaque stagiaire.
  • Acquisition des notions de base concernant les standards W3C et le référencement Web. Contenu du stage :
  • Approfondissements du langage html et des feuilles de style.
  • Les squelettes et boucles SPIP.
  • Construire un squelette en respectant les standards 3WC (construire un squelette sans tableau, etc.).
  • Installation de la newsletter Spip-lettres.
  • Création de rubriques en accès privé (extranet).
  • Outils de syndication avec d’autres sites (Spip2spip, rss).

Pour plus d’information :

Bilan

Nul doute que cette formation sera une réussite. Nous somme intéressés de visionner les sites construits par chaque stagiaire. La liste en sera probablement publiée.