Bienvenue sur cette page regroupant tous les codes disponibles sur un wiki !
Le but de cette page est de vous permettre de pouvoir coder facilement et à votre guise vos pages d'utilisateur et autre sans avoir nécessairement besoin d'apprendre à coder.
Tous les codages se font en Mode Source. Gardez à l'esprit que ces codes ne marcheront pas si vous les utilisez en Editeur Visuel.
Les plus simples[]
Cette partie regroupe tous les codes basiques. (Écrire en gras, écrire en italique...)
Écrire en gras[]
Pour écrire en gras, il vous suffit de mettre trois apostrophes autour de votre texte, comme ceci : '''Un texte original'''
Un texte original
Après, évidemment, pour tous ces genre de choses il est possible de le faire via la barre d'outils de modification, ou encore en utilisant le raccourci "Ctrl + B" sur ordinateur.
Écrire en italique[]
Pour écrire en italique, mettez deux apostrophes autour de votre texte, comme ceci : ''Un texte très original''
Un texte très original
Encore une fois, ceci est faisable via la barre d'outils de modification, ou par le raccourci de clavier "Ctrl + I".
Souligner un texte[]
Mettez un <u> devant votre texte et un </u> à la fin de votre phrase : <u>Et voilà le super résultat, avec encore un autre texte original !</u>
Et voilà le super résultat, avec encore un autre texte original !
C'est également disponible dans la barre d'outils de modification, et par le raccourci de clavier "Ctrl + U".
Barrer un texte[]
Pour barrer votre texte, mettez simplement <s> devant et un </s> derrière.
Wouah ! On peut encore lire !
Toujours disponible dans la barre d'outils de modification, ça l'est aussi par le raccourci "Ctrl + Maj + 5"
Mettre un alinéa[]
Il vous suffit de mettre deux points (:) au début de la ligne où vous souhaitez faire un alinéa, prenons l'exemple de ce petit texte :
:D’un souffle printanier l’air tout à coup s’embaume.
Dans notre obscur lointain un spectre s’est dressé,
Cela donnera la chose suivante :
- D’un souffle printanier l’air tout à coup s’embaume.
Dans notre obscur lointain un spectre s’est dressé,
Écrire en formaté[]
Pour cela, c'est très simple. Il suffit de mettre un espace au début du message (attention, pour ce code, il est impératif d’être en mode source !).
Comme çaaaa !!!
Écrire en bas[]
Il faut mettre <*sub>Votre texte</sub>
Ce qui donne : Un texte original pour lequel je n’ai aucune idée
Écrire en haut[]
Il faut mettre <*sup>Votre texte</sup>
Ce qui donne : Et... un autre texte original ^^’
Mettre un lien vers une page[]
Il faut mettre le nom de la page entre deux crochets :
[*[La Dame Blanche du Château de Veauce]*]
Et ça donne ça : La Dame Blanche du Château de Veauce
ATTENTION à ne pas oublier les majuscules et les accents, et à bien recopier à la lettre, parce que sinon le lien sera invalide (en rouge plutôt qu'en rose
Écrire en gros[]
Il suffit juste de mettre le code <*big> ton texte et bien sûr <*/big> (plus tu mets de <*big>, plus c'est gros, plus tu mets de </big>, plus ça rapetisse) OROPO Le HIBOUX !!!
Écrire en petit[]
C'est le même code que pour écrire en gros, mais à la place de big, il faut mettre small : <*small> blablabla <*/small> (plus tu mets de <*small> plus c'est petit, plus tu mets de <*/small> plus ça s’agrandit vers la taille normale) QILBY le BG !!!
Mettre une marge de chaque côté de la page[]
Pour cela, mettez : <*blockquote> Votre superbe texte très intéressant </blockquote>
Et ça donne ça ! Ceci est un texte très intéressant !!! J'écris un peu pour la marge du fond =) Et sinon, la vie et tout ? xD Moi ça va hein fraaaannnnchement =))))
Les codes plus compliqués[]
Voici maintenant les codes un peu plus compliqués à retenir !
Écrire en couleur[]
Pour colorer votre texte, vous devez mettre <*font color=LeNomDeVotreCouleurEnAnglais>Votre texte</*font>. Voici la liste des couleurs possibles :
vert = green = <*font color=green>
vert clair (ou émeraude) = lime= <*font color=lime>
vert pâle = mangenta = <*font color=mangenta>
vert presque transparent = darkseagreen = <*font color=darkseagreen>
vert fluo = springgreen = <*font color=springgreen>
vert printemps = greenyellow = <*font color=greenyellow>
vert printemps foncé = cien = <*font color=cien>
vert foncé = darkgreen = <*font color=darkgreen>
vert = mulberry = <*font color=mulberry>
kaki = darkkhaki = <*font color=darkkhaki>
marron clair = cian = <*font color=cian>
caca d'oie = olive = <*font color=olive>
bleu foncé = blue = <*font color=blue>
bleu marine = darkblue = <*font color=darkblue>
indigo = indigo = <*font color=indigo>
bleu clair (cyan) = cyan= <*font color=cyan>
bleu ciel = skyblue = <*font color=skyblue>
bleu très clair = lightblue = <*font color=lightblue>
bleu très clair (encore) = aquamarine = <*font color=aquamarine>
turquoise clair = turquoise= <*font color=turquoise>
turquoise = darkturquoise = <*font color=darkturquoise>
turquoise clair (encore) = cadetblue = <*font color=cadetblue>
turquoise foncé = teal = <*font color=teal>
bleu acier = steelblue = <*font color=steelblue>
bleu = lavander = <*font color=lavander>
corail = coral = <*font color=coral>
rouge-orangé = orangered = <*font color=orangered>
rouge fluo= red = <*font color=red>
rouge = scarlet= <*font color=scarlet>
rouge foncé = darkred = <*font color=darkred>
violet bleuté : blueviolet = <*font color=blueviolet>
violet bleuté foncé = darkviolet = <*font color=darkviolet>
Violet terne: Thistle = <*font color= Thistle>
violet = purple = <*font color=purple>
violet clair = violet = <*font color=violet>
violet pâle = plum = <*font color=plum>
rose-violet = periwinkle = <*font color=periwinkle>
rose fluo = magenta = <*font color=magenta>
rose foncé = deeppink = <*font color=deeppink>
rose pâle = pink = <*font color=pink>
Rose presque blanc => AliceBlue =<*/font color=AliceBlue>
saumon = salmon = <*font color=salmon>
beige = bisque = <*font color=bisque>
jaune pâle = mengenta = <*font color=mengenta>
ocre = kakhi = <*font color=khaki>
jaune = yellow = <*font color=yellow>
doré = gold = <*font color=gold>
orange = orange = <*font color=orange>
orange foncé = darkorange = <*font color=darkorange>
marron clair= brown = <*font color=brown>
marron = maroon = <*font color=maroon>
marron très clair = Tan = <*font color= Tan>
ivoire = ivory = <*font color=ivory>
blanc = white = <*font color=white>
blanc pâle = lavender = <*font color=lavender>
noir (en fait c'est plutôt du gras) = black = <*font color=black>
argenté (gris clair) = silver = <*font color=silver>
Sinon, vous pouvez mettre une couleur personnalisé avec ce code : <*font color=#000000> (le nom de la couleur en chiffre, par exemple 000000 me fera écrire en noir alors que ffffff me fera écrire en blanc). Pour trouver le code de ces couleurs, vous pouvez aller sur ce site : Codes Couleur HTML (htmlcolorcodes.com). Et voici quelques unes des couleurs possibles avec ce code :
vert foncé = <*font color=#174100>
vert clair (ou émeraude) = <*font color=#0fff00>
vert = <*font color=#0da000>
bleu foncé = <*font color=#0002ff>
bleu clair (cyan) = <*font color=5df8fd>
bleu (ou turquoise)= <*font color=#67d8cf>
turquoise = <*font color=#1edd83>
rouge fluo = <*font color=#ff0000>
rouge = <*font color=#9b0000>
violet = <*font color=#72009b>
rose fluo = <*font color=#ff00ec>
rose pâle = <*font color=#ffa6f8>
jaune = <*font color=#fffd00>
doré = <*font color=#ffbe00>
orange = <*font color=#ff7300>
marron = <*font color=#4d2800>
blanc = <*font color=#ffffff>
noir (en fait c'est plutôt du gras) = <*font color=#000000>
argenté (gris clair) = <*font color=#b2b2b2>
Écrire avec une police différente[]
<*font face="nom de la police">ton texte<*/font> Voici la liste des polices possibles :
comic sans ms !
AR DECODE
AR DELANEY
AR BLANCA
AR BERKLEY
AR BONNIE
AR HERMANN
Ink Free
Segoe Print
Segoe Script
papyrus
POLYA
courier
Courier New
Monaco
Lucida
shadow
Indiana Toys
Autre manière :
Écrire en shadow:
Voici le code : <*div style="text-shadow:2px 2px 2.5px lenomdetacouleur;">texte<*/div>
Les onglets[]
Voici maintenant le code pour mettre des onglets :
<*tabber>
Nom de l'onglet 1 = Contenu de l'onglet
|-|
Nom de l'onglet 2 = Contenu de l'onglet
</*tabber>
Ce qui donne ça :
Codes que seuls les dieux sur Terre peuvent mémoriser[]
Masquer un texte[]
Voici le code très très court qui sert à masquer un texte : <*div class="mw-collapsible mw-collapsed wikitable">ton texte</*div>
Voici un texte inutile
Ecrire avec un contour[]
Ce code est, comme l'a si bien expliqué notre amie Rubis, un code que seuls les dieux vivants sur Terre peuvent mémoriser. Vous pouvez essayer si ça vous tente, mais attention, c'est à vos risques et périls ! Voici le code : <*div style="border:5px Le nom du contour et le nom de la couleur en anglais;padding:10px">votre texte Et pour les noms des contours...
Et voilà ! Pas besoin d'aperçu, vous voyez tout ce que ça donne plus haut ;)
Les fonds[]
<*div style="padding:5px; width:98%; background:Tacouleur; text-align:center; color:Tacouleur; border-radius:1em 1em 1em 1em; border:DeepPink 10px">
<*div style="background:linear-gradient:(to right, tacouleur, tacouleur);box-shadow: 0px 0px 28px couleurdetonombre;">ton texte
Le code de Brise[]
<*h1 class="wds-midlight-aqua">
D'autres codes de fond[]
<*div style="background:
linear-gradient(324deg, TaCouleur 4%, transparent 4%) -70px 43px,
linear-gradient( 36deg, TaCouleur 4%, transparent 4%) 30px 43px,
linear-gradient( 72deg, TonAutreCouleur 8.5%, transparent 8.5%) 30px 43px,
linear-gradient(288deg, TonAutreCouleur 8.5%, transparent 8.5%) -70px 43px,
linear-gradient(216deg, TonAutreCouleur 7.5%, transparent 7.5%) -70px 23px,
linear-gradient(144deg, TonAutreCouleur 7.5%, transparent 7.5%) 30px 23px,
linear-gradient(324deg, TaCouleur 4%, transparent 4%) -20px 93px, linear-gradient( 36deg, TaCouleur 4%, transparent 4%) 80px 93px, linear-gradient( 72deg, TonAutreCouleur 8.5%, transparent 8.5%) 80px 93px, linear-gradient(288deg, TonAutreCouleur 8.5%, transparent 8.5%) -20px 93px, linear-gradient(216deg, TonAutreCouleur 7.5%, transparent 7.5%) -20px 73px, linear-gradient(144deg, TonAutreCouleur 7.5%, transparent 7.5%) 80px 73px; background-color: TaCouleur; background-size: 100px 100px;">
<*div style="background: radial-gradient(circle closest-side at 60% 43%, TaCouleur 26%, rgba(187,0,51,0) 27%), radial-gradient(circle closest-side at 40% 43%, TaCouleur 26%, rgba(187,0,51,0) 27%), radial-gradient(circle closest-side at 42% 22%, TonAutreCouleur 43%, rgba(221,51,85,0) 45%), radial-gradient(circle closest-side at 58% 22%, TonAutreCouleur 43%, rgba(221,51,85,0) 45%), radial-gradient(circle closest-side at 50% 35%, TonAutreCouleur 32%, rgba(221,51,85,0) 27%),
radial-gradient(circle closest-side at 60% 43%, TaCouleur 26%, rgba(187,0,51,0) 27%) 50px 50px,
radial-gradient(circle closest-side at 40% 43%, TaCouleur 26%, rgba(187,0,51,0) 27%) 50px 50px,
radial-gradient(circle closest-side at 40% 22%, TonAutreCouleur 40%, rgba(221,51,85,0) 45%) 52px 50px,
radial-gradient(circle closest-side at 60% 22%, TonAutreCouleur 40%, rgba(221,51,85,0) 45%) 48px 50px,
radial-gradient(circle closest-side at 50% 35%, TonAutreCouleur 30%, rgba(221,51,85,0) 37%) 50px 50px;
background-color:TaCouleur;
background-size:100px 100px;">
<*div style="background-color: hsl(34, 53%, 82%); background-image: repeating-linear-gradient(45deg, transparent 5px, hsla(197, 62%, 11%, 0.5) 5px, hsla(197, 62%, 11%, 0.5) 10px, hsla(5, 53%, 63%, 0) 10px, hsla(5, 53%, 63%, 0) 35px, hsla(5, 53%, 63%, 0.5) 35px, hsla(5, 53%, 63%, 0.5) 40px, hsla(197, 62%, 11%, 0.5) 40px, hsla(197, 62%, 11%, 0.5) 50px, hsla(197, 62%, 11%, 0) 50px, hsla(197, 62%, 11%, 0) 60px, hsla(5, 53%, 63%, 0.5) 60px, hsla(5, 53%, 63%, 0.5) 70px, hsla(35, 91%, 65%, 0.5) 70px, hsla(35, 91%, 65%, 0.5) 80px, hsla(35, 91%, 65%, 0) 80px, hsla(35, 91%, 65%, 0) 90px, hsla(5, 53%, 63%, 0.5) 90px, hsla(5, 53%, 63%, 0.5) 110px, hsla(5, 53%, 63%, 0) 110px, hsla(5, 53%, 63%, 0) 120px, hsla(197, 62%, 11%, 0.5) 120px, hsla(197, 62%, 11%, 0.5) 140px ), repeating-linear-gradient(135deg, transparent 5px, hsla(197, 62%, 11%, 0.5) 5px, hsla(197, 62%, 11%, 0.5) 10px, hsla(5, 53%, 63%, 0) 10px, hsla(5, 53%, 63%, 0) 35px, hsla(5, 53%, 63%, 0.5) 35px, hsla(5, 53%, 63%, 0.5) 40px, hsla(197, 62%, 11%, 0.5) 40px, hsla(197, 62%, 11%, 0.5) 50px, hsla(197, 62%, 11%, 0) 50px, hsla(197, 62%, 11%, 0) 60px, hsla(5, 53%, 63%, 0.5) 60px, hsla(5, 53%, 63%, 0.5) 70px, hsla(35, 91%, 65%, 0.5) 70px, hsla(35, 91%, 65%, 0.5) 80px, hsla(35, 91%, 65%, 0) 80px, hsla(35, 91%, 65%, 0) 90px, hsla(5, 53%, 63%, 0.5) 90px, hsla(5, 53%, 63%, 0.5) 110px, hsla(5, 53%, 63%, 0) 110px, hsla(5, 53%, 63%, 0) 140px, hsla(197, 62%, 11%, 0.5) 140px, hsla(197, 62%, 11%, 0.5) 160px );">
<*div style="background: radial-gradient(circle at 80% 25%, TaCouleur 5%, transparent 9%), radial-gradient(circle at 20% 90%, TaCouleur 2%, transparent 5%), radial-gradient(circle at 40% 40%, rgba(244, 197, 124, .25) 30%, transparent 40%), radial-gradient(circle at 75% 80%, rgba(86, 203, 164, .2) 15%, transparent 20%), radial-gradient(circle at 20% 70%, rgba(203, 168, 181, .25) 15%, transparent 19%), radial-gradient(circle at 75% 75%, TaCouleur 4%, transparent 7%), radial-gradient(circle at 50% 0%, TaCouleur 6%, transparent 10%), radial-gradient(circle at 50% 100%, TaCouleur 6%, transparent 10%), radial-gradient(circle at 0% 60%, TaCouleur 4%, transparent 7%), radial-gradient(circle at 100% 60%, #f8ac4a 4%, transparent 7%), radial-gradient(circle at 30% 40%, TaCouleur 2%, transparent 5%), radial-gradient(circle at 15% 25%, TaCouleur 2%, transparent 5%), radial-gradient(circle at 100% 0%, TaCouleur 1%, transparent 4%), radial-gradient(circle at 0% 100%, TaCouleur 1%, transparent 4%), radial-gradient(circle at 0% 0%, TaCouleur 1%, transparent 4%), radial-gradient(circle at 100% 100%, TaCouleur 1%, transparent 4%); background-size: 75px 75px; background-color: TaCouleur; ;border-radius:4px;border:2px ridge TaCouleur;color:TaCouleur;font-family:georgia;text-align:center;">
<*div style="background-position: 0px 0px, 40px 60px, 130px 270px, 70px 100px; background-image: radial-gradient(TaCouleur, rgba(255, 255, 255, 0.2) 2px, transparent 40px), radial-gradient(TaCouleur, rgba(255, 255, 255, 0.15) 1px, transparent 30px), radial-gradient(TaCouleur, rgba(255, 255, 255, 0.1) 2px, transparent 40px), radial-gradient(rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0.1) 2px, transparent 30px); background-size: 550px 550px, 350px 350px, 250px 250px, 150px 150px; background-color: TonAutreCouleur; border: 2px solid #1A1645; color:UneAutreCouleur;border-radius: 2pc">
radial-gradient(circle at 40% 40%, rgba(226, 56, 236, .25) 30%, transparent 40%), radial-gradient(circle at 75% 80%, rgba(122, 93, 199 , .2) 15%, transparent 20%), radial-gradient(circle at 20% 70%, rgba(87, 27, 126, .25) 15%, transparent 19%), radial-gradient(circle at 75% 75%, #571B7E 4%, transparent 7%), radial-gradient(circle at 50% 0%, #E3E4FA 6%, transparent 10%), radial-gradient(circle at 50% 100%, #E3E4FA 6%, transparent 10%), radial-gradient(circle at 0% 60%, #d2ff2a 4%, transparent 7%), radial-gradient(circle at 100% 60%, #d2ff2a 4%, transparent 7%), radial-gradient(circle at 30% 40%, #E3E4FA 2%, transparent 5%), radial-gradient(circle at 15% 25%, #7A5DC7 2%, transparent 5%), radial-gradient(circle at 100% 0%, #d2ff2a 1%, transparent 4%), radial-gradient(circle at 0% 100%, #7A5DC7 1%, transparent 4%), radial-gradient(circle at 0% 0%, #d2ff2a 1%, transparent 4%), radial-gradient(circle at 100% 100%, #d2ff2a 1%, transparent 4%); background-color: #220047; background-size: 100px 100px; border: 5px dotted #d2ff2a; color: #d2ff2a; text-align: center; margin: 5px; padding: 5px">
Voilà, fin du guide des codes ! J'espère qu'il vous sera utile (Flamme : pour décorer vos petites pages d'utilisateurs !)