Salut à tous !
Ce billet s'adresse essentiellement aux contributeurs faisant partie de la Team ModelBuilder, mais elle peut également servir aux personnes extérieures à l'équipe, c'est juste que le fait d'appartenir à la Team encadre mieux ! :p
(Voir aussi: Fairy Tail Wiki:Tableau des Quêtes.)
Création d'une page Modèle[]
Deux possibilités s'offrent à vous :
- On passe par le petit encadré "Participer" en haut à droite du site, puis on clique sur "Ajouter un page", Il vous suffira ensuite d'ajouter la mention "Modèle:" puis le nom que vous souhaitez donner à votre modèle !
- Exemple: Modèle:Banane (Ne pas oublier les deux points :, si vous les oublier ça va créer une page article, et du coup ça marche pas XD)
- Prendre l'adresse URL du site: http://fr.fairy-tail.wikia.com/wiki/ et y ajouter : toujours la mention "Modèle:" + le nom de votre modèle !
- Exemple: http://fr.fairy-tail.wikia.com/wiki/Modèle:Banane (comme ci dessus, ne pas oublier les : ! )
- Soit vous copier/coller l'url que j'ai mis là, soit vous supprimez tout ce qui apparaît après "wiki/" dans l'url :p
(Pour plus de précisions, voir: Aide:Modèles & [1])
Création d'un Bac à Sable[]
Le Bac à Sable comme son nom l'indique est une page de modèle permettant de faire mumuse ! XD L'idée c'est de stocker, ou tester des codes en vrac sur une même page !
Chaque utilisateur est libre d'avoir son bac à sable, soit sa page brouillon
Pour cela c'est très simple, on va procéder un peu de la même manière expliqué précédemment !
Il suffit de taper : Modèle:Bac à Sable/Pseudo Utilisateur ou Surnom Exemple:Modèle:Bac à Sable/Madi → Bac à sable de Lady Quartz.
(Pour ceux qui préfère appeler leur modèle "Brouillon/" au lieu de bac à sable c'est comme vous voulez ! :p)
Balises[]
Les balises pour faire simple c'est tout ces petits codages qu'on trouve entre ">" & "<" :
- sup, small, big, u, s, strike, nowiki, pre, noinclude, br, etc... → Je vous invite à encadrer un texte de ces balises pour voir ce que chacune fait par vous même :)
- Exemple: <sup>texte</sup> → texte (ne pas oublier de fermer la balise avec le / entre les < & > comme montré dans l'exemple.)
- span & div, deux balises qui elles ont besoin d'un "complément" si on met juste le mot entre les symboles, il se passera rien de flagrant XD
- Si on ajoute des compléments après la mention "style=" " tel que color, background, border etc... c'est là qu'on verra à quoi sert ces deux balises !
- Exemple: <span style="color:red; border: 2px dotted red">tutu</span> → tutu / <span>tutu</span> → tutu
(Voir aussi: Tuto Balises Simples ; Tuto Balises complexes )
Décoder le contenu d'un codage[]
Le codage est en grande partie composer de mots anglais que vous connaissez ou qui sont transparents/compréhensibles
►Ne pas hésiter donc à mettre sur Google trad un terme du codage pour comprendre à quoi il correspond !
Ci dessous, vous aurez les mots basiques, soit ceux que vous croiserez le + mais bien entendu, les codages ne se limitent pas à ces mots ! XD
| Élément du code | Traduction | Exemple(s) |
|---|---|---|
| Couleur(s) | color → Couleur du Texte | <span style="color:blue">T</span> <font color=blue>T</font> |
- Toutes les couleurs sont nommées en Anglais (du moins celles ayant un nom x) puisqu'il y a tellement de teintes...)
- Aide:Couleur vous aidera à trouver les noms anglais "+ complexes" puisque qu'on ne se limite pas à Black, yellow, blue etc...
- Toujours important de ne pas oublier les " " qui peuvent faire buguer le code s'ils ne sont pas mis ! (sauf pour le code utilisant "font" ils sont facultatifs)
| Élément du code | Traduction | Exemple(s) |
|---|---|---|
| Bordure | border► Le type/"dessin" de bordure border-radius► forme de la bordure, arrondie, carrée, moitié-moitié etc... |
<span style="border:2px dotted blue">haha</span> haha <span style="border:2px dotted blue; border-radius:1em 2em 1em 2em">haha</span> haha |
- Consulter Modèle:Bordures pour retrouver les différentes bordures disponibles.
- Jouer sur les chiffres: 1em 2em 1em 2em / 2em 1em 2em 1em ► peut changer le sens que la bordure prend :)
| Élément du code | Traduction | Exemple(s) |
|---|---|---|
| Fond | background ► Couleur du fond | background:red <span style="background:red">haha</span> haha |
| Élément du code | Traduction | Exemple(s) |
|---|---|---|
| Écart | padding ► réajuster l'écart entre la bordure et le texte | padding:2px <span style="border:2px solid blue; border-radius:1em 2em 1em 2em;padding:2px">haha </span> Sans padding:haha |
- S'applique aux modèles comportant des cadres.
| Élément du code | Traduction | Exemple(s) |
|---|---|---|
| Largeur | width ► Largeur | width:15em width="100%" On le retrouve sous différente forme, tout dépend de quel codage vous l'avez tiré x) |
- C'est donc à vous de jouer sur les chiffres pour voir ce qui vous convient :)
- ça s'applique essentiellement pour les modèles comprenant des cadres, puisque width désigne la largeur ! (Infoboxes, Tableaux, Indexes etc...)
| Élément du code | Traduction | Exemple(s) |
|---|---|---|
| Modification du Texte | font-size ► Taille du Texte (qui est plus simple que les balises big & small) font-family ► La Police du Texte |
<span style="font-family:vivaldi">Haha</span> Haha <span style="font-size:30px">Haha</span> Haha text-align="left" left pour gauche right pour droite center pour centre partie de code qu'on retrouve surtout en infoboxe, tableau :) |
- Toujours important de ne pas oublier les " " qui peuvent faire buguer le code s'ils ne sont pas mis !
- A noter, que selon le navigateur ou l'ordinateur, les polices peuvent ne pas s'afficher, cela ne veut pas forcément dire que le code est erroné.
- Pour trouver le nom de la police qui vous convient, consulter Word, Publisher ou encore Google Drive. :)
Documentation[]
La documentation d'un modèle permet de renseigner l'utilisateur de comment utiliser le modèle, et surtout à quoi il sert :)
Elle n'existe pas toujours sur les modèles mais parfois elle est présente en bas de page ! N'hésitez pas à descendre la page du modèle ou à ajouter "/doc" dans l'url juste derrière le nom du modèle !
Pour tout créateur de modèle visant une utilisation par n'importe qui, il est conseillé de créer la documentation afin de l'expliquer pour les personnes extérieures !
Créer une documentation[]
Deux façons:
- L'ajouter directement sur la page du modèle en l'encadrant dans la balise <noinclude></noinclude> afin qu'elle ne se retrouve pas sur toutes les pages où se trouve le modèle !
- Créer la page de documentation du modèle, en "sous-page", pour cela il suffit de mettre /doc juste derrière le nom du modèle. (en sous-page, car cela permet de créer un lien entre les 2 pages, lorsque l'on visitera la page de documentation, le lien vers le modèle sera affiché !)
- Ex: Modèle:Cadre → Modèle:Cadre/doc
- on ajoutera ensuite à la page du Modèle juste en dessous du codage: <noinclude>{{/doc}}</noinclude> permettant d'afficher directement sur la page du modèle la documentation.