Personnaliser sa page personnelle

En vous inscrivant sur le wiki, vous pouvez créer une page qui vous ressemble. Ajoutez-y le tableau ci-dessous, et agrémentez votre page d'userbox !

Comment dire qui je suis à la communauté ?

Le plus simple est de créer un tableau avec toutes vos informations dedans, voila le modèle du tableau, à remplir à votre guise :
<HTML><div style="float:left;margin-right:1em;"></HTML>
^{{:wiki:chocobo2.png|VOTRE IMAGE}}^^
^Votre pseudo^^
^Nom|Votre nom|
^Localisation|Votre ville|
^Date de naissance|Votre date de naissance|
^Taille|Votre taille|
^Poids|Votre poids|
^Jeu préféré|Votre jeu préféré|
^Style de musique|Votre style de musique|
^Style vestimentaire|Votre style vestimentaire|
^Coiffure le matin|Votre coiffure le matin|
^Et caetera|Votre... ah non|
<HTML></div></HTML>
Il est pas beau mon tableau ? :-P
VOTRE IMAGE
Votre pseudo
NomVotre nom
LocalisationVotre ville
Date de naissanceVotre date de naissance
TailleVotre taille
PoidsVotre poids
Jeu préféréVotre jeu préféré
Style de musiqueVotre style de musique
Style vestimentaireVotre style vestimentaire
Coiffure le matinVotre coiffure le matin
Et caeteraVotre… ah non

Les Userbox

Les userbox sont des petites boites personnalisables, où vous pouvez indiquer par exemple que vous aimez les champignon (même si tout le monde s'en fou), ou que dans la vraie vie virtuelle vous êtes Tidus, ou plus intéressant, que vous détestez Final Fantasy VII, les possibilités sont infinies !

Voila à quoi ça ressemble à la fin :

<userbox couleurbord:#456785;couleurfond-g:#fcda45;couleurtxt-d:#456785;couleurfond-d:lightsteelblue;img::wiki:sora.png;>Cet utilisateur aime Kingdom Hearts</userbox><userbox couleurbord:green;couleurfond-g:green;couleurtxt-g:black;couleurfond-d:white;couleurtxt-d:green;txt:FF7
Pas fini;>Cet utilisateur n'a pas terminé Final Fantasy VII</userbox>
<userbox couleurbord:#fedb5b;couleurfond-g:#fedb5b;couleurtxt-d:#000;couleurfond-d:#FFF;img::wiki:chocobo2.png;>Je suis un chocobo !</userbox><userbox couleurbord:#FBD48F;couleurfond-g:#FBD48F;couleurtxt-g:black;couleurfond-d:white;couleurtxt-d:#F38C52;txt:FF8;>Cet utilisateur aime Final Fantasy VIII</userbox>

Le mieux est de rassembler les userbox dans un tableau comme ce que je viens de faire. Regardez ici pour savoir comment construire un tableau.

Ok, comment je fais ?

Liste des userbox !

Pour créer vos userboxes, suivez les exemples ci-dessous :

<userbox
couleurbord:#456785;
couleurfond-g:#fcda45;
couleurfond-d:lightsteelblue;
couleurtxt-d:#456785;
img:{{:wiki:sora.png}};
>
Cet utilisateur aime [[:kh|Kingdom Hearts]]
</userbox>

<userbox couleurbord:#456785;couleurfond-g:#fcda45;couleurtxt-d:#456785;couleurfond-d:lightsteelblue;img::wiki:sora.png;>Cet utilisateur aime Kingdom Hearts</userbox>

<userbox
couleurbord:green;
couleurfond-g:green;
couleurtxt-g:black;
couleurfond-d:white;
couleurtxt-d:green;
txt:FF7\\ Pas fini;
>
Cet utilisateur n'a pas terminé Final Fantasy VII
</userbox>

<userbox couleurbord:green;couleurfond-g:green;couleurtxt-g:black;couleurfond-d:white;couleurtxt-d:green;txt:FF7
Pas fini;>Cet utilisateur n'a pas terminé Final Fantasy VII</userbox>

Comme vous le voyez, d'abord on ouvre la balise <userbox puis on ajoute tout pleins de propriétés, vous n'êtes pas obligé de toutes les mettre. Par contre elles doivent toutes se finir par un point-virgule ;. Ensuite on met un > puis le texte qui sera à droite dans l'userbox. Ce texte peut être formaté (gras, italique, liens…), il n'a pas de limites de lignes (mais ça peut faire moche si y'en a trop, c'est vous qui voyez ;-) ). Enfin on ferme avec la balise fermante </userbox>.

Liste des propriétés

PropriétéDescription
couleurbord:{COULEUR}; Définit la couleur de la bordure de l'userbox.
couleurfond-g:{COULEUR}; Définit la couleur de fond (background) à gauche.
couleurfond-d:{COULEUR}; Définit la couleur de fond (background) à droite.
couleurtxt-g:{COULEUR}; Définit la couleur du texte à gauche. Inutile quand la propriété “img:” est utilisée.
couleurtxt-d:{COULEUR}; Définit la couleur du texte à droite.
img:{IMAGE}; Définit l'image à gauche. L'image est automatiquement recadrée si elle est trop grande.
txt:{TEXTE}; Définit le texte de gauche. Le texte ne s'affiche pas quand la propriété “img:” est utilisée.

Dans le tableau ci-dessus, j'ai utilisé des balises {COULEUR}, {IMAGE} et {TEXTE}, voici quelques précision à propos de ces balises :

  • {COULEUR} : Vous pouvez mettre #000000, rgb(), ou le nom en anglais de la couleur (red, green…).
  • {IMAGE} : Il est conseillé d'utiliser les balises image {{ }}, mais vous pouvez aussi n'indiquer que le chemin de l'image (:wiki:image.jpg par exemple).
  • {TEXTE} : La seule balise autorisée dans ce texte est \\ qui permet de mettre deux lignes de texte au lieu d'une seule.
Recent changes RSS feed Valid XHTML 1.0 Valid CSS Powered by DokuWiki GNU FDL

Qui sommes-nous ?
Aidez WikiSquare en le faisant connaître !
Sauf mention contraire, tous les textes sont disponibles sous les termes de la GNU Free Documentation License.
Les images sont sous le copyright de leurs auteurs.

Page générée en 0.018407821655273 seconde.