Coucou, voilà un nouveau tuto ! :*
(Oui je sais, sur mon sondage il y avait plus de votes pour "Comment customiser ses titres" que "Comment faire un index", mais je trouvais ça plus urgent de faire l'index en premier)
J'ai complètement oublié l'existence de mes tutos et mon dernier date de mars, et j'ai vu par hasard mon dossier Word avec mon tuto et je me suis dit qu'il faudrait un jour le finir et le mettre en ligne x')
Vous voulez faire un index ? Vous êtes au bon endroit ! :3
Un index peut être fait pour : Une guilde, des Sorts de Magies, des Chapitres, Episodes. Si vous avez le moindre doute sur l'utilité ou non de créer un index, comme pour des participants, ou un type de pages ou je ne sais quoi, allez demander à un admin. Ceci est un conseil, pour éviter qu'après on supprime votre Index sans tenir compte du travail que vous aurez fait dessus.
Reportez vous directement à la partie qui vous intéresse.
Créer un index sans sous-partie
Voilà un exemple d'index, que je prendrai comme exemple tout au long de l'explication :
v - e | ||
---|---|---|
Marionnettiste • Arbre Marionnette • Marionnette de Pierre • Tapis Marionnette • Poupée de Boue |
(Je reprend une de mes créations, honte à moi uu)
Donc cet index sert à faciliter la navigation entre les sorts de la Magie des Poupées. Trois couleurs ont été utilisées :
LightPink | Brown | White |
---|
Vous devrez vous aussi choisir 3 couleurs (maximum, faut pas des index multicolores surtout, c'est pas esthétique et illisible !) : une foncée, une moyenne, et une claire (respectivement ici : brown, lightpink, white). NE PRENEZ PAS DE DÉGRADÉ ! Pour la simple et bonne raison que personne ne pense à mettre ça sous tout les navigateurs.
Voilà donc le code que ce Modèle contient :
{| class="mw-collapsible mw-collapsed" width=100% style="border-radius:10px;background:lightpink;border:3px solid black;" ! align="center" style="border-radius:10px;background:Brown;border:1px solid black" width=100% |<center>[[Magie des Poupées|<font color=white>'''Magie des Poupées'''</font>]]</center> |- | align="center" style="background:lightpink;vertical-align:top;font-size:smaller" |<font color=brown>[[Marionnettiste|<font color=brown>'''Marionnettiste'''</font>]] - '''[[Poupée de Bois|<font color=brown>'''Poupée de Bois'''</font>]] - '''[[Poupée de Pierre|<font color=brown>'''Poupée de Pierre'''</font>]] - '''[[Poupée Tapis|<font color=brown>'''Poupée Tapis'''</font>]] - '''[[Poupée de Boue|<font color=brown>'''Poupée de Boue'''</font>]]</font> |} <noinclude>[[Catégorie:Palettes de Navigation]]</noinclude>
Ca peut choquer si on est pas habitué et si on comprend pas ! XD
Donc, première étape : créer la page du modèle !
Pour cela, dans votre petite barre URL en haut, vous devez mettre :
fr.fairy-tail.wikia.com/wiki/Modèle:Index
Bon, on va pas mettre que ça, après l'"Index", mettez votre magie/guilde/jesaispasquoi, comme si de rien n'était. Moi je vais mettre : "Index Magie des Poupées". Vous faites entrée, et tadaaa ! Vous voilà sur un modèle !
Étape 2, simple : Première ligne de code
{| class="mw-collapsible mw-collapsed" width=100% style="border-radius:10px; background:lightpink; border:3px solid black;"
Voilà donc la première ligne de code. Insérez la. Bon, là c'est facile, y'a pas grand chose à changer ! Remplacez donc "lightpink" par votre couleur moyenne.
Et voilà, cette étape est finie ! C'est une des plus simples, ça va se compliquer après, désolée o:)
Étape 3 : la ligne pour le titre
! align="center" style="border-radius:10px;background:Brown;border:1px solid black" width=100% |<center>[[Magie des Poupées|<font color=white>'''Magie des Poupées'''</font>]]</center>
C'est déjà un peu plus long ! Mais c'est toujours simple vous verrez : remplacez donc Brown par votre couleur foncée. Remplacez ensuite les deux "Magie des Poupées" par votre magie/guilde/trucmachinchouette. Remplacez ensuite le white par votre couleur claire.
Et voilà pour cette étape ! :D
Étape 4, la dernière : le contenu
|- | align="center" style="background:lightpink;vertical-align:top;font-size:smaller" |<font color=brown>[[Marionnettiste|<font color=brown>'''Marionnettiste'''</font>]] - '''[[Poupée de Bois|<font color=brown>'''Poupée de Bois'''</font>]]
Là ça devient drôle ! Mais ça reste simple ;) remplacez donc le lightpink par votre couleur moyenne. On passe donc maintenant au contenu de l'index : mettez donc vos membres de guildes/sorts/bidulechouetteyoupi après le premier "<font color=brown>" (avec le brown que vous remplacerez par votre couleur foncée en passant). Mettez chaque bidule entre crochets afin de mettre le lien, vous avez donc [[Marionnettiste]] pour l'instant. Rajoutez un |< /nowiki>''' après '''Marionnettiste''', puis mettez '''<nowiki><font color=brown>'''Marionnettiste'''</font>. Remplacez bien sûr Marionnettiste par le nom du bidule, et brown par la couleur foncée. Mettez ensuite un espace et un tiret ( - ) puis continuez pour chaque bidule. Terminez par un </font> afin de fermer la première balise de font.
Et voilà ! Terminez en ajoutant ces deux petits symboles :
|}
Et votre index est prêt !
Faire un index avec des sous-parties
(Il risque d'y avoir beaucoup de c/c de la partie explicant l'index sans sous-partie, vous étonnez pas èé) Je prendrai cet exemple :
Donc cet index sert à faciliter la navigation entre les sorts de la Magie des Cheveux, divisés en deux parties : Les sorts de Frea et ceux de Vivaldus. Quatre couleurs ont été utilisées :
Midnightblue | Lightblue | Black | Orangered |
---|
Vous devrez vous aussi choisir 3 couleurs (maximum, faut pas des index multicolores surtout, c'est pas esthétique et illisible !) : une foncée, une moyenne, une couleur d'écriture et une couleur de fond (respectivement ici : midnightblue, lightblue, black, orangered). NE PRENEZ PAS DE DÉGRADÉ ! Pour la simple et bonne raison que personne ne pense à mettre ça sous tout les navigateurs.
Voilà donc le code que ce Modèle contient :
{| class="mw-collapsible mw-collapsed" width=100% style="border-radius:10px;background:orangered;border:3px solid black;" ! align="center" style="border-radius:10px;background:midnightblue;border:1px solid black" width=100% |<center>[[Magie des Cheveux|<font color=lightblue>Magie des Cheveux</font>]]</center> |- | align="center" style="background:lightblue" width=100% |<font color=midnightblue>'''Sorts de [[Vivaldus Taka|<font color=midnightblue>'''Vivaldus Taka'''</font>]]'''</font> |- | align="center" style="background:orangered;vertical-align:top;font-size:smaller" |<font color=black>'''[[Fouet de Cheveux|<font color=black>'''Fouet de Cheveux'''</font>]] - [[Absorption|<font color=black>'''Absorption'''</font>]]'''</font> |- | align="center" style="background:lightblue" width=100% |<font color=midnightblue>'''Sorts de [[Frea Corona|<font color=midnightblue>'''Frea Corona'''</font>]]'''</font> |- | align="center" style="background:orangered;vertical-align:top;font-size:smaller" |<font color=black>'''[[Chevelure Rousse|<font color=black>'''Chevelure Rousse'''</font>]] - [[Marque de Cheveux|<font color=black>'''Marque de Cheveux'''</font>]] - [[Bouclier de Cheveux|<font color=black>'''Bouclier de Cheveux'''</font>]] - [[Croc de Loup Capillaire|<font color=black>'''Croc de Loup Capillaire'''</font>]]''' - [[Flammes de Lucioles Capillaires|<font color=black>'''Flammes de Lucioles Capillaires'''</font>]] - [[Technique du Paon Capillaire|<font color=black>'''Technique du Paon Capillaire'''</font>]] - [[Chevelure Ardente|<font color=black>'''Chevelure Ardente'''</font>]]</font> |} <noinclude>[[Catégorie:Palettes de Navigation]]</noinclude>
Ca peut choquer si on est pas habitué et si on comprend pas ! XD
Donc, première étape : créer la page du modèle !
Pour cela, dans votre petite barre URL en haut, vous devez mettre :
fr.fairy-tail.wikia.com/wiki/Modèle:Index
Bon, on va pas mettre que ça, après l'"Index", mettez votre magie/guilde/jesaispasquoi, comme si de rien n'était. Moi je vais mettre : "Index Magie des Cheveux". Vous faites entrée, et tadaaa ! Vous voilà sur un modèle !
Étape 2, simple : Première ligne de code
{| class="mw-collapsible mw-collapsed" width=100% style="border-radius:10px;background:orangered;border:3px solid black;"
Voilà donc la première ligne de code. Insérez la. Bon, là c'est facile, y'a pas grand chose à changer ! Remplacez donc "orangered" par votre couleur de fond.
Et voilà, cette étape est finie ! C'est une des plus simples, ça va se compliquer après, désolée o:)
Étape 3 : la ligne pour le titre
! align="center" style="border-radius:10px;background:midnightblue;border:1px solid black" width=100% |<center>[[Magie des Cheveux|<font color=lightblue>Magie des Cheveux</font>]]</center>
C'est déjà un peu plus long ! Mais c'est toujours simple vous verrez : remplacez donc Midnightblue par votre couleur foncée. Remplacez ensuite les deux "Magie des Cheveux" par votre magie/guilde/trucmachinchouette. Remplacez ensuite le Lightblue par votre couleur claire.
Étape 4 : Ligne de titre de sous-partie
|- | align="center" style="background:lightblue" width=100% |<font color=midnightblue>'''Sorts de [[Vivaldus Taka|<font color=midnightblue>'''Vivaldus Taka'''</font>]]'''</font>
Là, remplacez donc déjà Vivaldus Taka par le nom du Mage, si c'est un Index de Sorts (sinon, remplacez tout le contenu, mais la plupart des indexs à sous parties sont pour des sorts). Remplacez le Lightblue par votre couleur claire et le s deux Midnightblue par votre couleur foncée. Ca peut paraître identique au grand titre, mais là la couleur de fond et d'écriture est inversée.
Étape 5 : Contenu
|- | align="center" style="background:orangered;vertical-align:top;font-size:smaller" |<font color=black>'''[[Fouet de Cheveux|<font color=black>'''Fouet de Cheveux'''</font>]] - [[Absorption|<font color=black>'''Absorption'''</font>]]'''</font>
Là ça devient drôle ! Mais ça reste simple ;) remplacez donc le Orangered par votre couleur de fond. On passe donc maintenant au contenu de l'index : mettez donc vos membres de guildes/sorts/bidulechouetteyoupi après le premier "<font color=black>" (avec le black que vous remplacerez par votre couleur d'écriture en passant). Mettez chaque bidule entre crochets afin de mettre le lien, vous avez donc [[Fouet de Cheveux]] pour l'instant. Rajoutez un |< /nowiki>''' après '''Fouet de Cheveux''', puis mettez '''<nowiki><font color=black>'''Fouet de Cheveux'''</font>. Remplacez bien sûr Fouet de Cheveux par le nom du bidule, et black par la couleur d'écriture. Mettez ensuite un espace et un tiret ( - ) puis continuez pour chaque bidule. Terminez par un </font> afin de fermer la première balise de font.
Étape 6 : Rajouter une autre ligne
Donc là c'est tout simple, il suffit juste de faire un c/c de votre première ligne de sous partie avec son titre et son contenu. Faites bien attention aux |- si vous en oubliez un ou en mettez un de trop, l'index ne marchera pas. (Petite info : cette barre et ce tiret servent à rajouter une ligne, si vous n'en mettez pas, aucune ligne ne sera rajoutée).
Terminez donc en rajoutant ces deux petits symboles :
}}
et voilà !:D
Petites remarques
- Quand vous choisissez les couleurs de votre index, mettez vous en tête que : ça doit être agréable à l'oeil, ne doit pas faire mal aux yeux, rappeller un peu la magie ou la chose à laquelle l'index se rapporte
- N'oubliez pas de mettre <noinclude>[[Catégorie:Palettes de Navigation]]</noinclude> à la fin de l'index, ça le catégorisera.
- Si vous pensez qu'un index est inutile, demandez déjà à un admin si son utilité est fiable avant de le faire.
- Si après l'avoir fait vous vous rendez compte qu'un index a déjà été crée pour la chose à laquelle vous l'avez faite, tant pis pour vous : ne remplacez pas l'ancien index par le votre, vous avez mal regardé s'il y en avait déjà un, tant pis pour vous, vous avez fait un code inutile.
- Si un index est moche, à refaire, avec un bug ou je sais pas, modifiez le au lieu d'en faire un nouveau.
- Quand vous faites une nouvelle page pour une magie ou quoi, n'oubliez pas de mettre l'index en bas de la page et de rajouter un lien vers votre nouvelle page dans cet index.
- N'oubliez pas de cliquer sur tout vos liens de l'index avant de le mettre sur les pages, ça prend 2 min et ça permet de voir si les liens sont bons ou pas.
Voilà, si vous avez des choses ou quoi à rajouter, commenter ou corriger ou je ne sais quoi, dites le moi !:D
Liste des Liens utiles |
---|
TUTO sur la création d'un Index |
TUTO sur Div et les différences contenances du style |
TUTO sur les dégradés |
Générateur de Dégradés Chrome/Firefox |
Liens en vrac |
Liste des couleurs |