« Modèle:Boite » : différence entre les versions
De April MediaWiki
Aller à la navigationAller à la recherche
(More modifications) |
Aucun résumé des modifications |
||
| (13 versions intermédiaires par 5 utilisateurs non affichées) | |||
| Ligne 1 : | Ligne 1 : | ||
<noinclude> | <noinclude> | ||
Ceci est un modèle pour faciliter la création de boîtes | Ceci est un modèle pour faciliter la création de boîtes (flottant à gauche ou à droite ou encore centrées). | ||
Pour utiliser ce mécanisme | |||
=== 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: | La manière la plus simple de commencer, inclure ceci dans une page wiki, sur la droite le résultat: | ||
{{Boite | {{Boite | ||
| titre= | | titre=titre boîte | ||
| bordure=orange | | bordure=orange | ||
| fond=lavender | | fond=lavender | ||
| Ligne 35 : | Ligne 41 : | ||
{{BoiteFin}} | {{BoiteFin}} | ||
<br style="clear: both" /> | <br style="clear: both" /> | ||
=== Options === | |||
Diverses options sont possibles, en voici la liste complète: | Diverses options sont possibles, en voici la liste complète: | ||
* titre=test de boîte | * titre=test de boîte | ||
* couleur=green, couleur du texte | * couleur=green, couleur du texte | ||
{{Boite | {{Boite | ||
| titre=Couleurs | | titre=Couleurs | ||
| Ligne 48 : | Ligne 55 : | ||
| flotte=right | | flotte=right | ||
| couleurTitre=magenta | | couleurTitre=magenta | ||
| largeur= | | largeur=49%}} | ||
Vous pouvez trouver ici une liste de couleurs possibles: [http://fr.wikipedia.org/wiki/Couleurs_du_Web] | Vous pouvez trouver ici une liste de couleurs possibles: [http://fr.wikipedia.org/wiki/Couleurs_du_Web] | ||
{{BoiteFin}} | {{BoiteFin}} | ||
* 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 | * largeur=49%, taille de la boîte, en % ou px | ||
* bordure=red, couleur de bordure de la boîte | * bordure=red, couleur de bordure de la boîte | ||
* bordureTaille=1px, taille de la | * bordureTaille=1px, taille de la bordure [10px, 1%, thin] | ||
* bordureStyle=solid, type de la bordure [outset, inset, ridge] | * bordureStyle=solid, type de la bordure [outset, inset, ridge] | ||
* aligne=left, de quel côté est aligné le texte [left, center, right] | * aligne=left, de quel côté est aligné le texte [left, center, right] | ||
{{Boite | |||
| titre=Images | |||
| bordure=LimeGreen | |||
| fond=LawnGreen | |||
| arrondi=5px | |||
| flotte=right | |||
| couleurTitre=Green | |||
| largeur=30% | |||
| icon=Relire.png}} | |||
Accessibles ici: [[Special:Liste_des_images]] | |||
{{BoiteFin}} | |||
* tailleTexte=normal, taille du texte [12px, 100%, larger, small, ...] | * tailleTexte=normal, taille du texte [12px, 100%, larger, small, ...] | ||
* arrondi=0px, taille de l'arrondi, que pour firefox et safari [10px, 1em] | * 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 | * icon=Together.png, image à placer sur la droite de la boîte | ||
* iconTaille=32px, taille de l'icône à placer sur la droite | * 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 : | |||
<nowiki><br style="clear: both; margin: 1em;" /></nowiki> | |||
(adapter la taille de l'espacement en changeant la valeur du ''em''). | |||
{{Boite|titre=Comment s'inscrire? |bordure=tomato|fond=papayawhip|flotte=left|couleurTitre=peachpuff|largeur=39%}} | |||
=== Exemple concret === | |||
Voici un test ''live'' de boîtes : | |||
{{Boite|titre=Comment s'inscrire ? |bordure=tomato|fond=papayawhip|flotte=left|couleurTitre=peachpuff|largeur=39%}} | |||
* Aller sur la [http://www.april.org/wws/arc/transcriptions liste Transcriptions] | * Aller sur la [http://www.april.org/wws/arc/transcriptions liste Transcriptions] | ||
* S'inscrire/s'abonner | * S'inscrire/s'abonner | ||
| Ligne 69 : | Ligne 97 : | ||
{{BoiteFin}} | {{BoiteFin}} | ||
{{Boite|titre=Comment participer? |bordure=mediumpurple|fond=lavenderblush|flotte=right|couleurTitre=thistle|largeur=59% | {{Boite|titre=Comment participer ? |bordure=mediumpurple|fond=lavenderblush|flotte=right|couleurTitre=thistle|largeur=59% | ||
|icon=togetherApril.png|iconTaille=64px}} | |icon=togetherApril.png|iconTaille=64px}} | ||
* Où trouver les [[vidéos à transcrire|vidéos les plus récentes]], [http://www.april.org/media/ les anciennes.] | * Où trouver les [[vidéos à transcrire|vidéos les plus récentes]], [http://www.april.org/media/ les anciennes.] | ||
| Ligne 76 : | Ligne 104 : | ||
{{BoiteFin}} | {{BoiteFin}} | ||
<br style="clear: both" /> | |||
'''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 <nowiki><h2></h2></nowiki> pour un titre de niveau 2. Généralement, on mettra ces balises autour du titre comme ceci : | |||
{{Boite|titre=<h4>Comment mettre un titre dans le TOC ?</h4> |bordure=tomato|fond=papayawhip|flotte=left | |||
|couleurTitre=peachpuff|largeur=39%}} | |||
Comme ceci. | |||
{{BoiteFin}} | |||
<br style="clear: both" /> | |||
code : | |||
<nowiki> | |||
{{Boite|titre=<h4>Comment mettre un titre dans le TOC ?</h4> | |||
|bordure=tomato|fond=papayawhip|flotte=left | |||
|couleurTitre=peachpuff|largeur=39%}} | |||
Comme ceci. | |||
{{BoiteFin}}</nowiki> | |||
</noinclude><div | </noinclude><div class="boite" | ||
style=" | style=" | ||
clear: {{{flotte}}}; | clear: {{{flotte}}}; | ||
| Ligne 91 : | Ligne 145 : | ||
-webkit-border-radius: {{{arrondi|0px}}}; | -webkit-border-radius: {{{arrondi|0px}}}; | ||
border: {{{bordureType|solid}}} {{{bordureTaille|thin}}} {{{bordure}}};"> | border: {{{bordureType|solid}}} {{{bordureTaille|thin}}} {{{bordure}}};"> | ||
<div style=" | <div class="titre" style=" | ||
display: {{#ifeq: {{{titre|none}}} | none | none | ''}}; | display: {{#ifeq: {{{titre|none}}} | none | none | ''}}; | ||
-webkit-border-radius: {{{arrondi|0px}}}; | -webkit-border-radius: {{{arrondi|0px}}}; | ||
| Ligne 97 : | Ligne 151 : | ||
border-bottom: solid 1px {{{bordure}}}; | border-bottom: solid 1px {{{bordure}}}; | ||
background-color: {{{couleurTitre}}}; | background-color: {{{couleurTitre}}}; | ||
padding: 0.2em 0.2em; | padding: {{{espace_padding|0.2em 0.2em}}}; | ||
font-size: 120%; | font-size: 120%; | ||
font-weight: bold">{{#ifeq:{{{icon|default}}}|default||[[Image:{{{icon|Namespace Wikipedia.svg}}}|{{{iconTaille|32px}}}|right]]}}{{{titre|}}} | font-weight: bold">{{#ifeq:{{{icon|default}}}|default||[[Image:{{{icon|Namespace Wikipedia.svg}}}|{{{iconTaille|32px}}}|right]]}}{{{titre|}}} | ||
</div> | </div> | ||
<div style="padding: 0.2em 0.5em"> | <div style="padding: 0.2em 0.5em"> | ||
<noinclude>[[ | <noinclude>[[Catégorie:Modèle]]</noinclude> | ||
Dernière version du 2 juillet 2011 à 10:40
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[modifier]
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:
titre boîte
Contenu de la boîte
Dans lequel on peut mettre les élément 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[modifier]
Diverses options sont possibles, en voici la liste complète:
- titre=test de boîte
- couleur=green, couleur du texte
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]
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[modifier]
Voici un test live de boîtes :
Comment s'inscrire ?
- Aller sur la liste Transcriptions
- S'inscrire/s'abonner
- Puis échanger des mails entre membres du groupe
- Où trouver les vidéos les plus récentes, les anciennes.
- Où trouver les fichiers audio.
- Lorsque le choix est fait, le texte transcrit ou la relecture finie, envoyer un mail à la liste
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[modifier]
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 :
Comment mettre un titre dans le TOC ?
Comme ceci.
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}}
