« Modèle:Boite » : différence entre les versions

De April MediaWiki
Aller à la navigationAller à la recherche
(Bordure arrondie)
(Couleur et taille texte, et doc)
Ligne 1 : Ligne 1 :
<noinclude>
<noinclude>
Ceci est un modèle pour faciliter la création de boîtes. Des boîtes flottant sur la gauche ou la droite.
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.
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.


Note, un modèle 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").
La manière la plus simple de commencer, inclure ceci dans une page wiki:
<pre>
<nowiki>{{Boite
  | titre=Nouvelle boîte
  | bordure=orange
  | fond=lavender
  | flotte=left
  | couleurTitre=gold
  | largeur=39%}}
Contenu de la boîte
{{BoiteFin}}</nowiki>
</pre>


Voici un test ''live'' de ces boîtes:
Voici ce que cela donne:
 
{{Boite
  | titre=Nouvelle boîte
  | bordure=orange
  | fond=lavender
  | flotte=left
  | couleurTitre=gold
  | largeur=39%}}
Contenu de la boîte
{{BoiteFin}}
 
<br style="clear: both" />
 
Diverses options sont possibles, en voici la liste complète:
* titre=test de boîte
* couleur=green, [[http://fr.wikipedia.org/wiki/Couleurs_du_Web couleur]] du texte
* 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 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:


{{Boite|titre=Comment s'inscrire? |couleur=blue|bordure=tomato|fond=papayawhip|flotte=left|couleurTitre=peachpuff|largeur=39%}}
{{Boite|titre=Comment s'inscrire? |couleur=blue|bordure=tomato|fond=papayawhip|flotte=left|couleurTitre=peachpuff|largeur=39%}}
Ligne 20 : Ligne 60 :
* Lorsque le choix est fait, le texte transcrit ou la relecture finie, envoyer un mail à la [mailto:transcriptions@april.org liste]
* Lorsque le choix est fait, le texte transcrit ou la relecture finie, envoyer un mail à la [mailto:transcriptions@april.org liste]
{{BoiteFin}}
{{BoiteFin}}
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").


</noinclude><div
</noinclude><div
Ligne 27 : Ligne 69 :
margin: 0 auto 1em auto;
margin: 0 auto 1em auto;
float: {{{flotte|none}}};
float: {{{flotte|none}}};
color: {{{color|black}}};
background-color: {{{fond}}};
background-color: {{{fond}}};
text-align: {{{aligne|left}}};
text-align: {{{aligne|left}}};
text-size: {{{tailleTexte|normal}}};
-moz-border-radius: {{{arrondi|0px}}};
-moz-border-radius: {{{arrondi|0px}}};
-webkit-border-radius: {{{arrondi|0px}}};
-webkit-border-radius: {{{arrondi|0px}}};

Version du 27 février 2010 à 17:54

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:

{{Boite
  | titre=Nouvelle boîte
  | bordure=orange
  | fond=lavender
  | flotte=left
  | couleurTitre=gold
  | largeur=39%}}
Contenu de la boîte
{{BoiteFin}}

Voici ce que cela donne:

Nouvelle boîte

Contenu de la boîte


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