Bonjour à toutes et à tous !
Sur ce topic, vous trouverez toutes les indications et la démarche a suivre pour insérer une "Scroll Box", vos Stats et faire des Tableaux !
Pour faciliter vos modifications, je vous conseil de copier/coller les codes. Cela vous permettra de gagner du temps et d'être sur de ne rien avoir oublié.
Scroll Box
Attaquons la Box
Intérêt
Elle permet de masquer en partie un texte trop long ou une multitude d'infos gagnant ainsi de la place sur les pages. Elle donne aussi un aspect visuel plutôt sympa.
Code de Base
{{Scroll Box
|content=
*Infos
}}
Ce qui nous donne : - Luffy
- Zoro
- Sanji
- Usopp
- Chopper
- Nami
- Robin
- Brook
- Franky
- Etc
- Etc
Notez bien, il n'y a pas de limite aux infos insérées dans les scroll box, cependant une mise en page précise ce doit d'être respecter pour qu'elle soit claire.
A chaque nouvelle infos, allez à la ligne et commencez par
*
Aussi, si il y a trop peu d'informations, l'utilité de la scroll box ne sera pas visible et ne servira donc a rien pensez-y !
Scroll Box Personnalisable
Ci-dessous, le code par défaut. Vous pouvez le bidouiller un peu et l'arranger a votre sauce si vous voulez !
<span style="font-family:POLICE D’ÉCRITURE;
color:CODE HEXADECIMAL DE LA COULEUR
DU TITRE; font-size: 1.5em">TITRE</span>
<div style="width:auto; height:150px; overflow:auto;
margin-bottom:2px; padding-left:0.5em; padding-right:0.5em;
border:1px solid CODE HEXADECIMAL DE LA COULEUR DE LA BORDURE;
-moz-border-radius-topleft:0.5em; -moz-border-radius-bottomleft:0.5em;
-webkit-border-top-left-radius:0.5em;">
Notez bien, pour ce type de Scroll Box, veuillez l'utiliser uniquement sur vos pages de profils.
Tableaux
Il existe plusieurs type de tableaux. Sur ce topic je vous montrerais 4 types.
Intérêt
Ils permettent une classification nette et précise si besoin. L'aspect visuel est aussi un atout.
1ère Forme : Code de Base
{{CharTable
|titre1=GRAND TITRE
|titre1col=1
|col1=
;TITRE D'UNE SOUS PARTIE
*Infos
----
;TITRE D'UNE SOUS PARTIE
*Infos
----
;TITRE D'UNE SOUS PARTIE
*Infos
|titre2=GRAND TITRE
|col2=
;TITRE D'UNE SOUS PARTIE
*Infos
|titre3=GRAND TITRE
|col3=
;TITRE D'UNE SOUS PARTIE
*Infos
----
;TITRE D'UNE SOUS PARTIE
*Infos
}}
Ce qui nous donne (exemple sur la page du Chapitre 689) :
| Pirates | Marines | Autres |
|---|---|---|
|
|
|
Notez bien, il ne faut surtout pas toucher au code de base sinon ça va partir dans tout les sens, contenter vous de changer les infos. Les liens fonctionnent parfaitement.
Si vous souhaitez rajouter des titre suffit de copier coller une partie en changeant simplement le numéro (si il y a 2 fois "|titre2=" ça marcheras pas)
Ce type de tableau est présent sur les pages Chapitres.
2ème Tableau : Code de Base
{| align="center" cellpadding="2" cellspacing="0" style="font-size:95%;
border: 2.9px NOM DE LA COULEUR DE LA BORDURE (ANGLAIS) solid;
-webkit-border-radius:8px;-moz-border-radius:7px;-khtml-border-radius:7px;" border="0"
! align="center" scope="col" width="5%;"| Portrait
! align="center" scope="col"| TITRE PREMIERE PARTIE
! align="center" scope="col"| TITRE DEUXIEME PARTIE
! align="center" scope="col"| TITRE TROISIEME PARTIE
|-
| [[Fichier:IMAGE AU CHOIX|120px|link=NOM DU PERSONNAGE]]
| <center>[[LIEN VERS LA PAGE PERSO|
<font color="CODE HEXADECIMAL DE LA COULEUR DU LIEN">NOM</font>]]</center>
|
* Infos deuxième partie
|
* Infos troisième partie
|-
|}
Ce qui peut donner :
| Portrait | Nom | Status | Pouvoirs |
|---|---|---|---|
| |
| Fruit du Démon : Mero Mero no Mi
Haki : Busoshoku (Armement), Haoshoku (Royal) et Kenbunshoku (Observation) |
Notez bien, il est facile de rajouter plusieurs personnages sur ce même tableau. Il suffit de copier/coller toute la partie après les "align"=center..." et de remplacer par des informations autres que celle que vous avez déjà mise pour le premier personnage.
Aussi, ce type de tableau ce retrouve le plus souvent sur les pages Grades de la Marines.
3ème Tableau : Code de Base
{| align="center" border="1" cellpadding="2" cellspacing="0"
style="font-size:100%; border-collapse:collapse;"
width="100%" style="font-size:0.83em;
background:CODE HEXADECIMAL DE LA COULEUR DU FOND; color:CODE HEXADECIMAL DE LA COULEUR DU TEXTE; "
! colspan="3" align="center" bgcolor="CODE HEXADECIMAL DU FOND DU TITRE"| '''TITRE DU TABLEAU'''
|-
! align="center" scope="col" width="5%;"| Portrait
! align="center" scope="col"| TITRE DEUXIEME PARTIE
! align="center" scope="col"| TITRE TROISIEME PARTIE
|-
| [[Fichier:IMAGE AU CHOIX|120px]]
| <center>[[LIEN DU PERSONNAGE|<font color="CODE HEXADECIMAL DE LA COULEUR DU NOM">NOM</font>]]</center>
|<center>Infos troisième partie</center>
|-
|}
Ce qui peut donner :
| Personnages Détestés | ||
|---|---|---|
| Portrait | Nom | Raisons |
| | |
Notez bien, pour rajouter des personnage même chose que pour le tableau précédent. Aussi, ce type de tableau ne doit être présent que sur les pages de profils.
4ème Tableau : Code de Base
{| class="sortable" border="1" style="border-collapse:collapse" cellpadding="2" cellspacing="0" style="font-size:85%; border-collapse:collapse;" width="100%"
|- bgcolor="#B0B0B0"
! style="width:7em;" |NOM PREMIER TITRE
! style="width:7em;" |NOM DEUXIÈME TITRE
|-
| <center>INFOS LIÉES AU PREMIER TITRE</center>
| <center>INFOS LIÉES AU DEUXIÈME TITRE</center>
|-
|}
Ce qui peut donner (ceci est un exemple, je précise ! :D) :
| Personnages | Vitesse | Force |
|---|---|---|
| | | |
| | | |
| | | |
Notez bien, le nombres de titres est infini, sauf que, évidemment, a un certain moment vos infos seront tellement compressées que ce ne sera pas très joli.
Stats
Finissons sur le plus simple.
Intérêt
Honnêtement je sais pas trop :D. Ils permettent surtout de voir réellement ce qu'un contributeur a modifié, et oui, le nombre de modifications dans le cadre en bleu sur les profils n'est pas vraiment une source fiable.
Code de Base
{{Userstats|PSEUDO|bgcolor=NOM DE LA COULEUR DU FOND
|headercolor=CODE HEXADECIMAL DE LA COULEUR DU CADRE
|bordercolor=NOM DE LA COULEUR DES LIGNES (ANGLAIS)
|titlecolor=NOM DE LA COULEUR DU TITRE (ANGLAIS)
|textcolor=NOM DE LA COULEUR DU TEXTE (ANGLAIS)
|width=50% (largeur du tableau)}}
Pour les couleurs, pour vous aidez allez ici. Merci d'avoir lu jusqu'au bout, Bonne modifications à tous !
