Modèle:Boite

De Nicelab
Révision de 19 août 2016 à 23:16 par Kapu (discussion | contributions) (Page créée avec « <noinclude> Ceci est un modèle pour faciliter la création de boîtes (flottant à gauche ou à droite ou encore centrées). === Description du modèle === Pour utilis... »)

(diff) ← Version précédente | Voir la version courante (diff) | Version suivante → (diff)
Aller à : navigation, rechercher

Ceci est un modèle pour faciliter la création de boîtes (flottant à gauche ou à droite ou encore centrées).


Description du modèle

Pour utiliser ce mécanisme :

  1. inclure ce modèle ;
  2. inclure le contenu de la boîte ;
  3. terminer en incluant le modèle pour la fin de la boîte.

La manière la plus simple de commencer, inclure ceci dans une page wiki, sur la droite le résultat:

{{#ifeq:default|default||
Namespace Wikipedia.svg
}}titre boîte

Contenu de la boîte

Dans lequel on peut mettre les élément wiki habituels...

{{#ifeq:default|default||
Namespace Wikipedia.svg
}}
{{Boite
  | titre=Nouvelle boîte
  | bordure=orange
  | fond=lavender
  | flotte=left
  | couleurTitre=gold
  | largeur=39%}}
Contenu de la boîte

Dans lequel on peut mettre
les éléments ''wiki'' habituels...
{{BoiteFin}}



Options

Diverses options sont possibles, en voici la liste complète:

  • titre=test de boîte
  • couleur=green, couleur du texte
{{#ifeq:default|default||
Namespace Wikipedia.svg
}}Couleurs

Vous pouvez trouver ici une liste de couleurs possibles: [1]

  • fond=rgb(0, 155, 0), couleur de fond
  • flotte=left, quel côté [left, right, both]
  • largeur=49%, taille de la boîte, en % ou px
  • bordure=red, couleur de bordure de la boîte
  • bordureTaille=1px, taille de la bordure [10px, 1%, thin]
  • bordureStyle=solid, type de la bordure [outset, inset, ridge]
  • aligne=left, de quel côté est aligné le texte [left, center, right]
{{#ifeq:Relire.png|default||}}Images

Accessibles ici: Special:Liste_des_images

  • tailleTexte=normal, taille du texte [12px, 100%, larger, small, ...]
  • arrondi=0px, taille de l'arrondi, que pour firefox et safari [10px, 1em]
  • icon=Together.png, image à placer sur la droite de la boîte
  • iconTaille=32px, taille de l'icône à placer sur la droite
  • espace_padding=0.2em 0.2em, espace de bordure de cellule

Utile ! Pour ajouter un espace entre deux boîtes successives, il suffit de faire :

<br style="clear: both; margin: 1em;" />

(adapter la taille de l'espacement en changeant la valeur du em).


Exemple concret

Voici un test live de boîtes :

{{#ifeq:default|default||
Namespace Wikipedia.svg
}}Comment s'inscrire ?
  • Aller sur la liste Transcriptions
  • S'inscrire/s'abonner
  • Puis échanger des mails entre membres du groupe
{{#ifeq:togetherApril.png|default||}}Comment participer ?


Sauts de ligne: attention, un double saut de ligne avant une boîte peut entraîner un décalage de celle ci vers le bas, car wikimedia génère des lignes vides.

Remarque: un modèle "robox" existait déjà au sein de mediawiki, mais utilisait un mécanisme technique qui n'est pas accessible pour les personnes avec des problèmes de vue (utilisation de "table" html plutôt que de "div").


Faire apparaître la boîte dans la table des matières

Par défaut, et dans un soucis de flexibilité, la boite n'apparaît pas dans la table des matières, mais il est tout à fait possible de le faire en utilisant les balises <h2></h2> pour un titre de niveau 2. Généralement, on mettra ces balises autour du titre comme ceci :

<div class="titre" style="

display: {{#ifeq:

Comment mettre un titre dans le TOC ?

| none | none | }};

-webkit-border-radius: 0px; -moz-border-radius: 0px; border-bottom: solid 1px tomato; background-color: peachpuff; padding: 0.2em 0.2em; font-size: 120%;

font-weight: bold">{{#ifeq:default|default||
Namespace Wikipedia.svg
}}

Comment mettre un titre dans le TOC ?

Comme ceci.

</div>


code :

 {{Boite|titre=<h4>Comment mettre un titre dans le TOC ?</h4>
 |bordure=tomato|fond=papayawhip|flotte=left
 |couleurTitre=peachpuff|largeur=39%}}
 Comme ceci.
 {{BoiteFin}}



{{#ifeq:default|default||
Namespace Wikipedia.svg
}}