« 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:
<pre>
 
<nowiki>{{Boite
{{Boite
   | titre=Nouvelle boîte
   | titre=Nouvelle boîte
   | bordure=orange
   | bordure=orange
   | fond=lavender
   | fond=lavender
   | flotte=left
   | flotte=right
   | couleurTitre=gold
   | couleurTitre=gold
   | largeur=39%}}
   | largeur=39%}}
Contenu de la boîte
Contenu de la boîte
{{BoiteFin}}</nowiki>
</pre>


Voici ce que cela donne:
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, [http://fr.wikipedia.org/wiki/Couleurs_du_Web couleur] du texte
* 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? |couleur=blue|bordure=tomato|fond=papayawhip|flotte=left|couleurTitre=peachpuff|largeur=39%}}
{{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? |couleur=blue|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 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
TogetherApril.png
Comment participer?

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").