Les deux révisions précédentesRévision précédenteProchaine révision | Révision précédente |
wiki:personnalisation_personnelle [Le 21/09/2008 à 00:13] – myst6re | wiki:personnalisation_personnelle [Le 15/08/2022 à 14:43] (Version actuelle) – modification externe 127.0.0.1 |
---|
| |
==== Voila à quoi ça ressemble à la fin : ==== | ==== Voila à quoi ça ressemble à la fin : ==== |
| <invisi> |
|<userbox couleurbord:#456785;couleurfond-g:#fcda45;couleurtxt-d:#456785;couleurfond-d:lightsteelblue;img::wiki:sora.png;>Cet utilisateur aime [[:ff8|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:#456785;couleurfond-g:#fcda45;couleurtxt-d:#456785;couleurfond-d:lightsteelblue;img::wiki:sora.png;>Cet utilisateur aime [[:ff8|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>| | |<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>| |
| </invisi> |
<note>Le mieux est de rassembler les userbox dans un tableau comme ce que je viens de faire. Regardez [[:wiki:syntax#tableaux|ici]] pour savoir comment construire un tableau.</note> | <note>Le mieux est de rassembler les userbox dans un tableau comme ce que je viens de faire. Regardez [[:wiki:syntax#tableaux|ici]] pour savoir comment construire un tableau.</note> |
| |
==== Ok, comment je fais ? ==== | ==== Ok, comment je fais ? ==== |
| |
En attendant qu'une liste d'userbox soit créée (l'userbox est tout récent sur WikiSquare), vous devez créer les votre. Pour ce faire, suivez les exemples ci-dessous : | → **[[:wiki:userbox|Liste des userbox !]]** |
| |
| Pour créer vos userboxes, suivez les exemples ci-dessous : |
| |
<userbox | <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 ''>'' et 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>''. | 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 ==== | ==== Liste des propriétés ==== |
| **couleurfond-g**:{COULEUR}; |Définit la couleur de fond (background) à gauche.| | | **couleurfond-g**:{COULEUR}; |Définit la couleur de fond (background) à gauche.| |
| **couleurfond-d**:{COULEUR}; |Définit la couleur de fond (background) à droite.| | | **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-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.| | | **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.| | | **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.| | | **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 2}, voici quelques précision à propos de ces balises : | 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 de la couleur. | * {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). | * {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. | * {TEXTE} : La seule balise autorisée dans ce texte est ''%%\\ %%'' qui permet de mettre deux lignes de texte au lieu d'une seule. |
| |
| |