Modèle:Boite

De Centre de Ressources Numériques - Labomedia
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:

Nouvelle boîte

Contenu de la boîte


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

{{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

Couleurs

  • 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]
Labomedia.png

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 :

toto fait du velo

Labomedia.png

Comment participer ?