« Modèle:Boite » : différence entre les versions
De April MediaWiki
Aller à la navigationAller à la recherche
mAucun résumé des modifications |
(More modifications) |
||
| Ligne 4 : | Ligne 4 : | ||
Pour utiliser ce mécanisme il faut avant tout ''inclure'' ce modèle, ensuite le contenu de la boîte, puis terminer en incluant le modèle pour la fin de la boîte. | Pour utiliser ce mécanisme il faut avant tout ''inclure'' ce modèle, ensuite le contenu de la boîte, puis 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: | La manière la plus simple de commencer, inclure ceci dans une page wiki, sur la droite le résultat: | ||
{{Boite | |||
| titre=Nouvelle boîte | | titre=Nouvelle boîte | ||
| bordure=orange | | bordure=orange | ||
| fond=lavender | | fond=lavender | ||
| flotte= | | flotte=right | ||
| couleurTitre=gold | | couleurTitre=gold | ||
| largeur=39%}} | | largeur=39%}} | ||
Contenu de la boîte | Contenu de la boîte | ||
Dans lequel on peut mettre les élément ''wiki'' habituels... | |||
{{BoiteFin}} | |||
{{Boite | {{Boite | flotte=left | largeur=59%}} | ||
<pre> | |||
<nowiki>{{Boite | |||
| titre=Nouvelle boîte | | titre=Nouvelle boîte | ||
| bordure=orange | | bordure=orange | ||
| Ligne 27 : | Ligne 28 : | ||
| largeur=39%}} | | largeur=39%}} | ||
Contenu de la boîte | Contenu de la boîte | ||
Dans lequel on peut mettre | |||
les éléments ''wiki'' habituels... | |||
{{BoiteFin}}</nowiki> | |||
</pre> | |||
{{BoiteFin}} | {{BoiteFin}} | ||
<br style="clear: both" /> | <br style="clear: both" /> | ||
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=green, couleur du texte | ||
* fond=rgb(0, 155, 0), couleur de fond | * fond=rgb(0, 155, 0), couleur de fond | ||
* flotte=left, quel côté [left, right, both] | * flotte=left, quel côté [left, right, both] | ||
{{Boite | |||
| titre=Couleurs | |||
| bordure=teal | |||
| fond=silver | |||
| arrondi=20px | |||
| flotte=right | |||
| couleurTitre=magenta | |||
| largeur=39%}} | |||
Vous pouvez trouver ici une liste de couleurs possibles: [http://fr.wikipedia.org/wiki/Couleurs_du_Web] | |||
{{BoiteFin}} | |||
* 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 | ||
| Ligne 48 : | Ligne 63 : | ||
Voici un test ''live'' de boîtes: | Voici un test ''live'' de boîtes: | ||
{{Boite|titre=Comment s'inscrire? | {{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 54 : | Ligne 69 : | ||
{{BoiteFin}} | {{BoiteFin}} | ||
{{Boite|titre=Comment participer? | {{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 65 : | Ligne 80 : | ||
</noinclude><div | </noinclude><div | ||
style=" | style=" | ||
clear: {{{flotte}}}; | clear: {{{flotte}}}; | ||
width: {{{largeur}}}; | width: {{{largeur}}}; | ||
margin: 0 auto 1em auto; | margin: 0 auto 1em auto; | ||
float: {{{flotte|none}}}; | float: {{{flotte|none}}}; | ||
color: {{{couleur|black}}}; | color: {{{couleur|black}}}; | ||
background-color: {{{fond}}}; | background-color: {{{fond}}}; | ||
text-align: {{{aligne|left}}}; | text-align: {{{aligne|left}}}; | ||
font-size: {{{tailleTexte|normal}}}; | font-size: {{{tailleTexte|normal}}}; | ||
-moz-border-radius: {{{arrondi|0px}}}; | -moz-border-radius: {{{arrondi|0px}}}; | ||
-webkit-border-radius: {{{arrondi|0px}}}; | -webkit-border-radius: {{{arrondi|0px}}}; | ||
border: {{{bordureType|solid}}} {{{bordureTaille|thin}}} {{{bordure}}};"> | border: {{{bordureType|solid}}} {{{bordureTaille|thin}}} {{{bordure}}};"> | ||
<div style="display: {{#ifeq: {{{titre|none}}} | none | none | ''}}; border-bottom: solid 1px {{{bordure}}}; background-color: {{{couleurTitre}}}; padding: 0.2em 0.2em; font-size: 120%; font-weight: bold">{{#ifeq:{{{icon|default}}}|default||[[Image:{{{icon|Namespace Wikipedia.svg}}}|{{{iconTaille|32px}}}|right]]}}{{{titre|}}} | <div style=" | ||
display: {{#ifeq: {{{titre|none}}} | none | none | ''}}; | |||
-webkit-border-radius: {{{arrondi|0px}}}; | |||
-moz-border-radius: {{{arrondi|0px}}}; | |||
border-bottom: solid 1px {{{bordure}}}; | |||
background-color: {{{couleurTitre}}}; | |||
padding: 0.2em 0.2em; | |||
font-size: 120%; | |||
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>[[Category:Design templates]]</noinclude> | <noinclude>[[Category:Design templates]]</noinclude> | ||
Version du 27 février 2010 à 20:55
Ceci est un modèle pour faciliter la création de boîtes. Boîtes flottant à gauche ou à droite, ou au contraire centrées.
Pour utiliser ce mécanisme il faut avant tout inclure ce modèle, ensuite le contenu de la boîte, puis 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é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}}
Diverses options sont possibles, en voici la liste complète:
- titre=test de boîte
- couleur=green, couleur du texte
- fond=rgb(0, 155, 0), couleur de fond
- flotte=left, quel côté [left, right, both]
Couleurs
Vous pouvez trouver ici une liste de couleurs possibles: [1]
- largeur=49%, taille de la boîte, en % ou px
- bordure=red, couleur de bordure de la boîte
- bordureTaille=1px, taille de la bordre [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
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
Note, 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").
