Différences entre versions de « Aide:Infobox »

De Wiki Olydri
Sauter à la navigation Sauter à la recherche
 
(10 versions intermédiaires par 2 utilisateurs non affichées)
Ligne 13 : Ligne 13 :
 
* {{m|Infobox personnage non joueur}}
 
* {{m|Infobox personnage non joueur}}
 
* {{m|Infobox quête}}
 
* {{m|Infobox quête}}
 +
* {{m|Infobox localité}}
 +
 +
Pour le RPG:
 +
* {{m|Infobox personnage joueur-RPG}}
 +
* {{m|Infobox personnage non joueur-RPG}}
 +
* {{m|Infobox item-RPG}}
 +
* {{m|Infobox quête-RPG}}
  
 
== Comment créer une infobox ? ==
 
== Comment créer une infobox ? ==
Ligne 58 : Ligne 65 :
 
|-
 
|-
 
| {{m|Infobox/Séparateur optionnel}} || le même, mais en fonction d'une condition
 
| {{m|Infobox/Séparateur optionnel}} || le même, mais en fonction d'une condition
 +
|-
 +
| {{m|Infobox/Localisation}} || localise un lieu sur la carte d'Olydri
 
|-
 
|-
 
| {{m|Infobox/Fin}} || Il faut toujours mettre cette brique en fin de l'infobox
 
| {{m|Infobox/Fin}} || Il faut toujours mettre cette brique en fin de l'infobox
Ligne 149 : Ligne 158 :
  
 
Voila, vous savez l'essentiel sur la création d'une infobox. Si vous en créez une n"oubliez pas de prévoir ensuite la documentation.
 
Voila, vous savez l'essentiel sur la création d'une infobox. Si vous en créez une n"oubliez pas de prévoir ensuite la documentation.
 +
 +
=== Les sous-modèles ===
 +
Pour rendre le code plus lisible, une partie des traitements sont fait dans des sous modèles. Ainsi, dans l'{{m|infobox personnage non joueur}}, le texte du premier sous titre dépend du type.
 +
 +
Plutôt que mettre une ligne compliquée qui aurait été :
 +
<pre>
 +
-->{{Infobox/Sous-titre| {#switch: {{lc:{{{1|}}}}}|sup=Personnage supérieur d'Olydri|pnj=Personnage non joueur|boss=Boss d'instance|mdj=[[Maître du jeu]]|hacker=Hacker
 +
|#default=Personnage non joueur}} | C0E0FF }}<!--
 +
</pre>
 +
 +
J'ai préféré faire un sous modèle du nom de <code>{{m|PNJ/Type}}</code> contenant :
 +
<pre>
 +
{#switch: {{lc:{{{1|}}}}}
 +
|sup=Personnage supérieur d'Olydri
 +
|pnj=Personnage non joueur
 +
|boss=Boss d'instance
 +
|mdj=[[Maître du jeu]]
 +
|hacker=Hacker
 +
|#default=Personnage non joueur
 +
}}
 +
</pre>
 +
 +
et mettre dans le code de l'infobox la ligne suivante :
 +
<pre>
 +
-->{{Infobox/Sous-titre | {{PNJ/Type|{{{type|}}} }} |C0E0FF }}<!--
 +
</pre>
 +
 +
Les différents sous modèles utilisés sont :
 +
* {{m|PNJ/Catégorie}}
 +
* {{m|PNJ/Liste}}
 +
* {{m|PNJ/Nom sous-type}}
 +
* {{m|PNJ/Sous-type}}
 +
* {{m|PNJ/Type}}
  
 
=== Les couleurs d'une infobox ===
 
=== Les couleurs d'une infobox ===
  
{{Avertissement|La suite est en cours de rédaction}}
+
Les couleurs des infobox se définissent en plusieurs endroits :
 +
* dans {{m|1=Infobox/Début|2=width=|3=border=}}, le paramètre <code>border</code> indique la couleur de la bordure. la valeur attendue est l'une de celle de [http://www.w3schools.com/tags/ref_color_tryit.asp?color=LightGrey de tableau]
 +
*dans {{m|1=Infobox/Titre|2=1=Titre|3=2=couleur fond|4=3=couleur texte}},<br />{{m|Infobox/Sous-titre|2=1=Nom du sous-titre|3=2=Couleur fond|4=3=Couleur texte}} et<br />{{m|Infobox/Sous-titre optionnel|2=1=Nom du sous-titre|3=2=Le ou les paramètres déclenchant l'apparition|4=3=Couleur fond|5=4=Couleur texte}},<br />les deux derniers paramètres, comme l'indique les noms : des valeurs RGB en hexa sont attendue.
 +
 
 +
 
 +
Les couleurs des infobox sont les suivantes :
 +
{| class=wikitable
 +
|-
 +
! Infobox
 +
! couleur de la bordure
 +
! couleur du fond du titre
 +
! texte du titre
 +
! couleur du fond du sous-titre
 +
! texte du sous-titre
 +
|-
 +
| {{m|Infobox faction}} || black || {{m|Infobox faction/Couleurs titre|2=<nowiki>{{{charte couleur|}}} </nowiki>}} || 000000 (noir) || {{m|Infobox faction/Couleurs sous-titre|2=<nowiki>{{{charte couleur|}}} </nowiki>}} || 000000 (noir)
 +
|-
 +
| {{m|Infobox guilde}} || black || {{m|Infobox faction/Couleurs titre|2=<nowiki>{{{faction|}}} </nowiki>}} || 000000 (noir) || {{m|Infobox faction/Couleurs sous-titre|2=<nowiki>{{{faction|}}} </nowiki>}} || 000000 (noir)
 +
|-
 +
| {{m|Infobox personnage joueur}} || black || {{m|Infobox faction/Couleurs titre|2=<nowiki>{{{faction|}}} </nowiki>}} || 000000 (noir) || {{m|Infobox faction/Couleurs sous-titre|2=<nowiki>{{{faction|}}} </nowiki>}} || 000000 (noir)
 +
|-
 +
| {{m|Infobox personnage non joueur}} || black || {{m|Infobox faction/Couleurs titre|2=<nowiki>{{{faction|}}} </nowiki>}} || 000000 (noir) || {{m|Infobox faction/Couleurs sous-titre|2=<nowiki>{{{faction|}}} </nowiki>}} || 000000 (noir)
 +
|-
 +
| {{m|Infobox localité}} || black || {{m|Infobox faction/Couleurs titre|2=<nowiki>{{{faction|}}} </nowiki>}} || 000000 (noir) || {{m|Infobox faction/Couleurs sous-titre|2=<nowiki>{{{faction|}}} </nowiki>}} || 000000 (noir)
 +
 
 +
|-
 +
| {{m|Infobox personnage IRL}} || black || D0A060 (brun) || 000000 (noir) || E8D0B0 (brun clair) || 000000 (noir)
 +
|-
 +
| {{m|Infobox item}} || black || 606060 (gris) || FFFFFF (blanc) || 808080 (gris clair) || FFFFFF (blanc)
 +
|-
 +
| {{m|Infobox quête}} || {{m|Infobox quête/Couleurs liseré|2=<nowiki>{{{type quête|}}} </nowiki>}} || {{m|Infobox quête/Couleurs titre|2=<nowiki>{{{type quête|}}} </nowiki>}} || 000000 (noir) || {{m|Infobox quête/Couleurs sous-titre|2=<nowiki>{{{type quête|}}} </nowiki>}} || 000000 (noir)
 +
|}
 +
 
 +
Comme vous pouvez le constater, les couleurs de certaines infobox dépendent de la valeur d'un des paramètres. Vous pouvez même avoir plusieurs couleurs, comme l'infobox d'[[Arthéon]], de [[Judge Dead]] ou de [[Tenshirock]].
 +
 
 +
Cela fonctionne comme pour les sous modèles. Voici le code de <code>{{m|Infobox faction/Couleurs titre}}</code> :
 +
<pre>
 +
{{#switch: {{lc:{{{1|}}}}}
 +
|empire= FFF755
 +
|coalition= FF9080
 +
|ordre= 80FF80
 +
|chaos= 8DB6E6
 +
|sans= 009ACD
 +
|#default= B0B0B0
 +
}}
 +
</pre>
 +
 
 +
Le modèle <code><nowiki>{{lc:}}</nowiki></code> met son argument en minuscule : que vous fassiez <code><nowiki>{{lc:empire}}</nowiki></code>, <code><nowiki>{{lc:Empire}}</nowiki></code> ou <code><nowiki>{{lc:EMPIRE}}</nowiki></code>, vous aurez toujours pour résultat <code>{{lc:EMPIRE}}</code>.
 +
 
 +
Donc en fonction de la faction, le sous modèle affichera une couleur différente qui sera :
 +
* <code>FFF755</code> (jaune) pour l'Empire
 +
* <code>FF9080</code> (rouge) pour la Coalition
 +
* <code>80FF80</code> (vert) pour l'Ordre
 +
* <code>009ACD</code> (bleu) pour le Chaos
 +
* <code>8DB6E6</code> (un bleu différent) pour les sans factions
 +
* <code>B0B0B0</code> (gris) pour toutes les autres valeurs
  
=== Créer une charte de couleur ===
+
On pourrait imaginer l'utilisation de cette palette pour l'infobox des lieux proposés en exemple plus haut, mais il serait préférable de créer une nouvelle palette avec qui propose un autre couleur pour les zones neutres et une autre pour les territoires disputés comme la [[plaine d'Armorin]].
  
Ces modèles ne doivent pas pas êtres insérés directement dans un article, ils définissent une couleur des info-box en fonction de la faction :
+
[[Catégorie:Aide]]
* {{m|Infobox faction/Couleurs titre}}
 
* {{m|Infobox faction/Couleurs sous-titre}}
 
* {{m|Infobox quête/Couleurs titre}}
 
* {{m|Infobox quête/Couleurs sous-titre}}
 
* {{m|Infobox quête/Couleurs liseré}}
 

Version actuelle datée du 26 avril 2021 à 21:58

Une infobox est un tableau préformaté qui présente sommairement des informations importantes sur un sujet dans un encadré placé en général à droite de l'article. Les informations contenues dans une infobox ne doivent pas se substituer à l’article ; il convient que le contenu d’une infobox reste très sommaire.

Comment utiliser une infobox ?

Il suffit de trouver l'infobox adaptée à la page, consulter sa documentation pour en connaître les paramètres et l'insérer au début de la page.

Voici la liste des infobox existantes :

Pour le RPG:

Comment créer une infobox ?

Note : Avant d'attaquer cette section, il faut que vous ayez bien compris les notions expliquées dans Aide:Modèle.

Faire une étude des pages

La première chose à faire lorsque l'on veut créer une nouvelle infobox est de définir le périmètre de l'infobox, c'est à dire l'ensemble des pages existantes et à créer sur laquelle l'infobox sera mise. En général, il s'agit des pages contenues dans une catégorie et ses sous-catégories.

Ensuite, il faut consulter les différentes pages et déterminer quelles informations pourront faire l'objet d'un paramètre d'une infobox.

Exemple :
Pour faire une infobox sur des lieux géographiques, on va définir le périmètre comme les pages se trouvant dans la catégorie Géographie ou dans une de ses sous catégories, on va cependant exclure les continents.
En examinant les différentes pages, on peut voir qu'un lieu géographique a un nom et se trouve sur un continent, qu'il y a différents types (ville, plaine, rivage, maraicage, région, ...), qu'il y a une condition sur les niveau des PJ qui doivent s'y rendre, que certaines dépendent de faction, d'autres son neutre (Je simplifie, pour faire l'infobox, il faudra une étude plus poussée). On peut voir aussi que certains lieux sont illustrés d'autre non.
On commence ainsi à mettre en évidence un certain nombre d'informations :
  • nom du lieu
  • type de lieu
  • illustration
  • continent
  • niveau des PJ qui peuvent s'y rendre
  • faction contrôlant le lieu

Assembler les briques d'info-box

Une fois cette étude terminée, on peut passer à la création de l'infobox.

Les infobox sont créés à partir de briques de base. Ces briques sont les suivantes :

{{Infobox/Début}} Il faut toujours mettre cette brique en début de l'infobox. On peut préciser la largeur de l'infobox
{{Infobox/Titre}} Pour afficher le titre de l'infobox. En général, on y met le nom de la page. Il est possible de choisir une couleur de fond et une couleur de texte
{{Infobox/Image}} pour afficher une illustration
{{Infobox/Sous-titre}} pour afficher un sous titre
{{Infobox/Sous-titre optionnel}} pour afficher un sous titre en fonction d'une condition
{{Infobox/Ligne mixte}} pour afficher une information avec son nom
{{Infobox/Ligne mixte optionnelle}} pour afficher une information avec son nom en fonction d'une condition
{{Infobox/Ligne simple}} pour afficher une information sur deux colonnes
{{Infobox/Séparateur}} pour mettre un séparateur entre deux séries de ligne mixte
{{Infobox/Séparateur optionnel}} le même, mais en fonction d'une condition
{{Infobox/Localisation}} localise un lieu sur la carte d'Olydri
{{Infobox/Fin}} Il faut toujours mettre cette brique en fin de l'infobox

Ces briques s'assemblent les unes à la suite des autres. Par exemple le code ci dessous donnera l'infobox à droite :

Votre titre ici...
{{Infobox/Début|width=200}}
{{Infobox/Titre|Votre titre ici...|80B0E0|FFF000}}
{{Infobox/Fin}}

Pour reprendre les informations de l'exemple :

nom de l'information paramètre de l'infobox position dans l'infobox Commentaire
nom du lieu nom dans {{Infobox/Titre}} simplifions le nom du paramètre pour l'infobox
illustration image dans{{Infobox/Image}}
légende s'il y a une image, il faut prévoir un légende de l'image et sa taille
taille image
type de lieu type dans {{Infobox/Sous-titre}} simplifions le nom du paramètre pour l'infobox
continent continent dans {{Infobox/Ligne mixte}}
niveau des PJ qui peuvent s'y rendre niveau dans {{Infobox/Ligne mixte}}
faction contrôlant le lieu faction dans {{Infobox/Ligne mixte}}

A partir de ce tableau, vous pouvez écrire le code de l'infobox :

Infobox
Lieu d'Olydri
Continent :
Niveau :
Faction :
{{Infobox/Début|width=350}}
{{Infobox/Titre| {{{titre|}}} | 80B0E0 }}
{{Infobox/Image| {{{image|}}} | {{{légende|}}} | {{{taille image|220}}} | {{{légende|Illustration.}}} }}
{{Infobox/Sous-titre| {{{type|Lieu d'Olydri}}} | C0E0FF }}
{{Infobox/Ligne mixte| Continent | {{{continent|}}} }}
{{Infobox/Ligne mixte| Niveau | {{{niveau|}}} }}
{{Infobox/Ligne mixte| Faction | {{{faction|}}} }}
{{Infobox/Fin}}

Ce n'est pas le cas dans l'exemple, mais vous pouvez utiliser plusieurs briques optionnelles, qui ne s'affichent que sous certaines conditions. L'écriture du code ci dessus peut alors provoquer des saut de ligne qui nuisent à l’esthétique de l'infobox. Une première solution est de mettre le code sur une seule ligne :

{{Infobox/Début|width=350}} {{Infobox/Titre| {{{titre|}}} | 80B0E0 }} {{Infobox/Image| {{{image|}}} | {{{légende|}}} | {{{taille image|220}}} | {{{légende|Illustration.}}} }} {{Infobox/Sous-titre| {{{type|Lieu d'Olydri}}} | C0E0FF }} {{Infobox/Ligne mixte| Continent | {{{continent|}}} }} {{Infobox/Ligne mixte| Niveau | {{{niveau|}}} }} {{Infobox/Ligne mixte| Faction | {{{faction|}}} }} {{Infobox/Fin}}

Mais cette solution pose un problème de lisibilité. Fort heureusement, la syntaxe wiki propose des commentaires (<!-- un commentaire -->) : il suffit de mettre le saut de ligne en commentaire :

{{Infobox/Début|width=350}}<!--
-->{{Infobox/Titre| {{{titre|}}} | 80B0E0 }}<!--
-->{{Infobox/Image| {{{image|}}} | {{{légende|}}} | {{{taille image|220}}} | {{{légende|Illustration.}}} }}<!--
-->{{Infobox/Sous-titre| {{{type|Lieu d'Olydri}}} | C0E0FF }}<!--
-->{{Infobox/Ligne mixte| Continent | {{{continent|}}} }}<!--
-->{{Infobox/Ligne mixte| Niveau | {{{niveau|}}} }}<!--
-->{{Infobox/Ligne mixte| Faction | {{{faction|}}} }}<!--
-->{{Infobox/Fin}}

Voila, vous savez l'essentiel sur la création d'une infobox. Si vous en créez une n"oubliez pas de prévoir ensuite la documentation.

Les sous-modèles

Pour rendre le code plus lisible, une partie des traitements sont fait dans des sous modèles. Ainsi, dans l'{{infobox personnage non joueur}}, le texte du premier sous titre dépend du type.

Plutôt que mettre une ligne compliquée qui aurait été :

-->{{Infobox/Sous-titre| {#switch: {{lc:{{{1|}}}}}|sup=Personnage supérieur d'Olydri|pnj=Personnage non joueur|boss=Boss d'instance|mdj=[[Maître du jeu]]|hacker=Hacker
|#default=Personnage non joueur}} | C0E0FF }}<!--

J'ai préféré faire un sous modèle du nom de {{PNJ/Type}} contenant :

{#switch: {{lc:{{{1|}}}}}
|sup=Personnage supérieur d'Olydri
|pnj=Personnage non joueur
|boss=Boss d'instance
|mdj=[[Maître du jeu]]
|hacker=Hacker
|#default=Personnage non joueur
}}

et mettre dans le code de l'infobox la ligne suivante :

-->{{Infobox/Sous-titre | {{PNJ/Type|{{{type|}}} }} |C0E0FF }}<!--

Les différents sous modèles utilisés sont :

Les couleurs d'une infobox

Les couleurs des infobox se définissent en plusieurs endroits :


Les couleurs des infobox sont les suivantes :

Infobox couleur de la bordure couleur du fond du titre texte du titre couleur du fond du sous-titre texte du sous-titre
{{Infobox faction}} black {{Infobox faction/Couleurs titre|{{{charte couleur|}}} }} 000000 (noir) {{Infobox faction/Couleurs sous-titre|{{{charte couleur|}}} }} 000000 (noir)
{{Infobox guilde}} black {{Infobox faction/Couleurs titre|{{{faction|}}} }} 000000 (noir) {{Infobox faction/Couleurs sous-titre|{{{faction|}}} }} 000000 (noir)
{{Infobox personnage joueur}} black {{Infobox faction/Couleurs titre|{{{faction|}}} }} 000000 (noir) {{Infobox faction/Couleurs sous-titre|{{{faction|}}} }} 000000 (noir)
{{Infobox personnage non joueur}} black {{Infobox faction/Couleurs titre|{{{faction|}}} }} 000000 (noir) {{Infobox faction/Couleurs sous-titre|{{{faction|}}} }} 000000 (noir)
{{Infobox localité}} black {{Infobox faction/Couleurs titre|{{{faction|}}} }} 000000 (noir) {{Infobox faction/Couleurs sous-titre|{{{faction|}}} }} 000000 (noir)
{{Infobox personnage IRL}} black D0A060 (brun) 000000 (noir) E8D0B0 (brun clair) 000000 (noir)
{{Infobox item}} black 606060 (gris) FFFFFF (blanc) 808080 (gris clair) FFFFFF (blanc)
{{Infobox quête}} {{Infobox quête/Couleurs liseré|{{{type quête|}}} }} {{Infobox quête/Couleurs titre|{{{type quête|}}} }} 000000 (noir) {{Infobox quête/Couleurs sous-titre|{{{type quête|}}} }} 000000 (noir)

Comme vous pouvez le constater, les couleurs de certaines infobox dépendent de la valeur d'un des paramètres. Vous pouvez même avoir plusieurs couleurs, comme l'infobox d'Arthéon, de Judge Dead ou de Tenshirock.

Cela fonctionne comme pour les sous modèles. Voici le code de {{Infobox faction/Couleurs titre}} :

{{#switch: {{lc:{{{1|}}}}}
 |empire= FFF755
 |coalition= FF9080
 |ordre= 80FF80
 |chaos= 8DB6E6
 |sans= 009ACD
 |#default= B0B0B0
}}

Le modèle {{lc:}} met son argument en minuscule : que vous fassiez {{lc:empire}}, {{lc:Empire}} ou {{lc:EMPIRE}}, vous aurez toujours pour résultat empire.

Donc en fonction de la faction, le sous modèle affichera une couleur différente qui sera :

  • FFF755 (jaune) pour l'Empire
  • FF9080 (rouge) pour la Coalition
  • 80FF80 (vert) pour l'Ordre
  • 009ACD (bleu) pour le Chaos
  • 8DB6E6 (un bleu différent) pour les sans factions
  • B0B0B0 (gris) pour toutes les autres valeurs

On pourrait imaginer l'utilisation de cette palette pour l'infobox des lieux proposés en exemple plus haut, mais il serait préférable de créer une nouvelle palette avec qui propose un autre couleur pour les zones neutres et une autre pour les territoires disputés comme la plaine d'Armorin.