Modèle:Boite
De Centre de Ressources Numériques - Labomedia
Ceci est un modèle pour faciliter la création de boîtes (flottant à gauche ou à droite ou encore centrées).
Sommaire
Description du modèle
Pour utiliser ce mécanisme :
- inclure ce modèle ;
- inclure le contenu de la boîte ;
- 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]
- 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