Aller au contenu

Modèle:Méta-bandeau

Un livre de Wikilivres.

Il s'agit d'un modèle pour faire des modèles sous forme de bandeaux :

Tout d'abord, un exemple complet :

{{Méta-bandeau|couleur=rouge|image=Stop hand nuvola.svg|titre=Attention !|Attention...}} :

Attention !link={{{link}}}

Attention...

Comportement par défaut :

{{Méta-bandeau}}

link={{{link}}}

Par défaut, un bandeau à cette taille, la couleur grise (neutre), pas de titre et cette icône

Mettre un titre

À priori, on utilise une couleur mais ce n'est pas obligatoire.

{{Méta-bandeau|titre=Titre du bandeau}} :

Titre du bandeaulink={{{link}}}

Mon bandeau avec un titre.

Titre du bandeaulink={{{link}}}

Mon bandeau avec un titre.

Titre du bandeaulink={{{link}}}

Mon bandeau avec un titre.

Titre du bandeaulink={{{link}}}

Mon bandeau avec un titre.

Titre du bandeaulink={{{link}}}

Mon bandeau avec un titre.

Titre du bandeaulink={{{link}}}

Mon bandeau avec un titre.

Titre du bandeaulink={{{link}}}

Mon bandeau avec un titre sans couleur.

Choisir la couleur

Couleur général du cadre (paramètre couleur)

  • {{Méta-bandeau|couleur=vert}} :

link={{{link}}}

Vert : utilisé pour les messages positifs

  • {{Méta-bandeau|couleur=jaune}} :

link={{{link}}}

Jaune : utilisé pour notifier de tâches à effectuer

  • {{Méta-bandeau|couleur=orange}} :

link={{{link}}}

Orange : utilisé pour les messages d'avertissements ou d'informations importantes (plus important que le bleu)

  • {{Méta-bandeau|couleur=rouge}} :

link={{{link}}}

Rouge : utilisé pour les messages d'avertissements très importants (plus qu'un bandeau orange)

  • {{Méta-bandeau|couleur=violet}} :

link={{{link}}}

Violet : utilisé pour les messages de maintenance

  • {{Méta-bandeau|couleur=bleu}} :

link={{{link}}}

Bleu : utilisé pour les messages d'information

  • {{Méta-bandeau}} :

link={{{link}}}

Gris (par défaut) : utilisé pour les messages neutres

Couleur de fond du texte (paramètre fondtexte, blanc par défaut)

  • {{Méta-bandeau|couleur=bleu|fondtexte=yellow}} :

link={{{link}}}

Bleu : utilisé pour les messages d'information, avec un texte sur fond jaune.

Régler la largeur

{{Méta-bandeau|largeur=petite}} :

link={{{link}}}

Bandeau de la largeur « petite »

{{Méta-bandeau|largeur=moyenne}} :

link={{{link}}}

Bandeau de la largeur « moyenne »

{{Méta-bandeau|largeur=grande}} :

link={{{link}}}

Bandeau de la largeur « grande »

{{Méta-bandeau|largeur=654px}} :

link={{{link}}}

Bandeau de la largeur personnalisée : 654px

Remarque : on pourrait aussi utiliser cette image par défaut :

Occupation dans la page

  • {{Méta-bandeau|clear=both}} : occupe toute la largeur (par défaut).
  • {{Méta-bandeau|clear=left}} : occupe la partie gauche.
  • {{Méta-bandeau|clear=right}} : occupe la partie droite.

Exemple :

link={{{link}}}

Bandeau à gauche d'une image.

L'image change est alors par défaut déplacée à gauche pour éviter que l'objet de droite ne la décale en bas. Toutefois, pour listes à puces, il vaut mieux préserver leur alignement vertical en la reforçant à droite :

{{Méta-bandeau|clear=left|imageside=right|
* Ligne 1
* Ligne 2
* Ligne 3
}}

link={{{link}}}

  • Ligne 1
  • Ligne 2
  • Ligne 3

Personnalisation du style

Deux paramètres permettent d'ajouter des directives de style CSS :

stylebandeau
Style supplémentaire pour le bandeau (partie externe). Ex : {{Méta-bandeau|stylebandeau=float:left;clear:none;}}.
styletexte
Style supplémentaire pour le texte (partie interne).

Variante

Afin de permettre un contenu plus libre, il existe une variante en deux parties qui encadrent le contenu :

Voir aussi : Modèle:Méta-étiquette