ExplicationsOn sait que ce n'est pas toujours facile d'esthétiser ses posts quand on n'y connait rien en matière de codage, qu'on ne possède pas les logiciels adéquats, ou tout simplement qu'on ne sait pas où aller ni par où commencer... C'est pour ça qu'on t'a mitonné des éléments pré-codés dans l'esprit du forum, faciles à déchiffrer et à utiliser à ta guise durant ton aventure, voire travestir si tu as quelques notions d'HTML et de CSS. Pioche et fais-toi plaisir si tu le souhaites. C'est cadeau.

(Si tu ne le sens pas il n'y a aucune obligation. On pose ça là, tu en fais ce que tu veux !)

---

❖ Styliser le texte ❖ Polices du forum

❖ Caractères spéciaux ❖ Bouts de code

❖ Fiches de réponse ❖ Signatures

Formes du texte
Texte de citation

Code:

<ii>Texte de citation</ii>

Texte surligné

Code:

<u>Texte surligné</u>

Texte grassement souligné

Code:

<l>Texte grassement souligné</l>

Texte souligné avec des pointillés

Code:

<d>Texte souligné avec des pointillés</d>

Texte souligné puis surligné au survol de la souris

Code:

<ss>Texte souligné puis surligné au survol de la souris</ss>

Texte avec son petit effet design / minimaliste

Code:

<t-class>Texte avec son petit effet design / minimaliste</t-class>

Texte précédé d'un éclair

Code:

<sy>Texte précédé d'un éclair</sy>

Le mini titre qui sort un peu du lot

Code:

<tt0>Le mini titre qui sort un peu du lot</tt0>

Affichage automatique d'un lien

Code:

<a href="#">Affichage automatique d'un lien</a>

Affichage d'un lien + explicite et + classe

Code:

<span id="liensxx">Insère ton contenu entre des balises span ou div contenant l'id "liensxx". Tous les liens en leur sein prendront cette apparence. <a href="#">Affichage d'un lien + explicite et + classe </a></span>

Affichage d'un lien + sobre et + classe

Code:

<span id="liensx">Insère ton contenu entre des balises span ou div contenant l'id "liensx". Tous les liens en leur sein prendront cette apparence. <a href="#">Affichage d'un lien + sobre et + classe </a></span>

Voici une petite lettrine sobre ! Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras ultricies est leo, ac imperdiet augue porttitor et. Sed eros neque, blandit in nisl a, suscipit dictum urna. Aenean eu elementum lectus, at dignissim neque.

Code:

<o>V</o>oici une petite lettrine sobre !

Voici une petite lettrine plus flex ! Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras ultricies est leo, ac imperdiet augue porttitor et. Sed eros neque, blandit in nisl a, suscipit dictum urna. Aenean eu elementum lectus, at dignissim neque.

Code:

<o2>V</o2>oici une petite lettrine plus flex !

Une petite "feuille" personnalisable qui se met sur le côté de ton texte.

Code:

<img src="https://zupimages.net/up/20/40/bqq7.gif" class="fle" />Bla bla

Exemple devant une lettrine :

Un gros titre qui dénote un peu

Code:

<tb>Un gros titre qui dénote un peu</tb>

Le présent gros titre

Code:

<ftitre>Le présent gros titre</ftitre>

Ou celui-ci, plus modestement (ou pas)

Code:

<bandotitre>Ou celui-ci, plus modestement (ou pas)</bandotitre></cdre-band>

Bandeau de texte

Code:

<bandeau>Bandeau de texte</bandeau>

Cadre simple

Code:

<cdre-band>Cadre simple</cdre-band>

Couleurs du texte et boutons
Texte important

Code:

<x>Texte important</x>

Texte utilisant la couleur 1 du forum

Code:

<c1>Texte utilisant la couleur 1 du forum</c1>

Texte utilisant la couleur 2 du forum

Code:

<c2>Texte utilisant la couleur 2 du forum</c2>

Texte du groupe des ténébreux

Code:

<ten>Texte du groupe des</ten> <bteneb>ténébreux</bteneb>

Ici les ténébreux du s.c.e.a.u

Code:

<tenebsceau>Ici les ténébreux du s.c.e.a.u</tenebsceau>

Ici les ténébreux de la h.o.r.d.e

Code:

<tenebhorde>Ici les ténébreux de la h.o.r.d.e</tenebhorde>

Texte du groupe des épicuriens

Code:

<ep>Texte du groupe des</ep> <btepic>épicuriens</btepic>

Ici les épicuriens du s.c.e.a.u

Code:

<epicsceau>Ici les épicuriens du s.c.e.a.u</epicsceau>

Ici les épicuriens de la h.o.r.d.e

Code:

<epichorde>Ici les épicuriens de la h.o.r.d.e</epichorde>

Texte du groupe des vaillants

Code:

<vai>Texte du groupe des</vai> <btvail>vaillants</btvail>

Ici les vaillants du s.c.e.a.u

Code:

<vailsceau>Ici les vaillants du s.c.e.a.u</vailsceau>

Ici les vaillants de la h.o.r.d.e

Code:

<vailhorde>Ici les vaillants de la h.o.r.d.e</vailhorde>

Texte du groupe des cérébraux

Code:

<cer>Texte du groupe des</cer> <btcereb>cérébraux</btcereb>

Ici les cérébraux du s.c.e.a.u

Code:

<cerebsceau>Ici les cérébraux du s.c.e.a.u</cerebsceau>

Ici les cérébraux de la h.o.r.d.e

Code:

<cerebhorde>Ici les cérébraux de la h.o.r.d.e</cerebhorde>

Texte du groupe marginaux

Code:

<marg>Texte utilisant la couleur du groupe</marg> <btmargi>marginaux</btmargi>

Ici les marginaux du s.c.e.a.u

Code:

<margisceau>Ici les marginaux du s.c.e.a.u</margisceau>

Ici les marginaux de la h.o.r.d.e

Code:

<margihorde>Ici les marginaux de la h.o.r.d.e</margihorde>

Texte des membres du s.c.e.a.u

Code:

<sc>Texte des membres du <btsceau>s.c.e.a.u</btsceau></sc>

Texte des membres de la h.o.r.d.e

Code:

<hor>Texte des membres de la <bthorde>h.o.r.d.e</bthorde></hor>

Petites bannières
Texte au fond dégradé pour titre de paragraphe

Code:

<blou-arc>Texte au fond dégradé pour titre de paragraphe</blou-arc>

Texte au fond dégradé chaud

Code:

<coarc>Texte au fond dégradé chaud</coarc>

Texte au fond dégradé utilisant les couleurs du forum

Code:

<rad>Texte au fond dégradé utilisant les couleurs du forum</rad>

Texte au fond dégradé type 2

Code:

<rad2>Texte au fond dégradé type 2</rad2>

Texte utilisant pour fond la couleur 1 du forum

Code:

<bt2>Texte utilisant pour fond la couleur 1 du forum</bt2>

Texte utilisant pour fond la couleur 1 BIS du forum

Code:

<bt4>Texte utilisant pour fond la couleur 1 BIS du forum</bt4>

Texte utilisant pour fond la couleur 2 du forum

Code:

<bt1>Texte utilisant pour fond la couleur 2 du forum</bt1>

Texte utilisant pour fond la couleur 2 BIS du forum

Code:

<bt3>Texte utilisant pour fond la couleur 2 BIS du forum</bt3>

Polices du forum
Le nom de la police de ton choix est à insérer dans le code suivant. D'autres propriétés modifiables y sont insérées comme la couleur et la taille. A toi de jouer avec pour avoir le rendu souhaité !

Code:

<div style="font-family:NOM DE LA POLICE ICI;font-size:14px;color:black;text-align:left;">Ton texte ici</div>

Les classiques à l'ancienne
• Arial
• Times New Roman
• Calibri
• Verdana
• TrebuchetMS
• Courier

Les classiques + sympas
• Mulish
• Roboto Condensed
• Average
• Cormorant Garamond

Les classiques rondes
• Quicksand
• Comfortaa
• Montserrat Alternates

Les classiques genre journal
• Lora
• Playfair Display
• Prata

Celles qui font des beaux titres
• Cinzel
• IM Fell Double Pica SC
• Playfair Display SC

Les presques manuscrites
• Berkshire Swash
• Lobster

Les manuscrites
• Dancing Script
• Euphoria Script
• Great Vibes
• Italianno
• Stalemate

Les magiques
• Bigelow Rules
• Henny Penny
• Jim Nightshade

Les hors-sujet
• Fredericka the Great
• Share Tech Mono
• Frijole
• Nosifer
• Special Elite

☰ Ϟ๑•ิ.•ั๑ ๑۩۞۩๑ ♬✿.｡.:* ★ ☆ εїз℡·۰•●○●ōゃ ♡๑۩ﺴ ☜ ☞ ☏♡ ⊙◎ ☻╄ஐﻬ ► ◄ ▧ ▨ ◐ ◑ ☼ ▀ ▄ █▌ ▐░ ▒ ▬ ◊ ◦ ☼ ▣ ▤ ▥ ▦ ▩ ◘ ◙ ◈ ♫ ♬ ♪ ♩ ♭ ♪ の ☆ → あ ぃ ￡ ＃ ＠ ＆ ＊ ❁ ❀ ✿ ✾ ❃ ✺ ❈ ❊ ❉ ✱ ✲ ✩ ✫ ✬ ✭ ✮ ✰ ☆ ★ ✪ ¤ ☼ ☽ ☾ ☰ ღ☻ ❂ ◕ ⊕ ☉ Θ o O ㊝ ⊙ ◎◑ ◐ ۰ • ● ｡ ﾟ ๑ ☜ ☞ ☏ × ÷ ＝ ≠ ≒ ∞ ˇ ± √ ⊥ ▷ ◁ ★ ☆ ☇ ☈ ☉ ☊ ☋ ☌ ☍ ☒ ☻ ☼ ☽ ☾ ♡ ♢ ♤ ♧ ♩ ✙ ✁♝ ♞♯♩♪♫♬♭♮ ☏ ₪ ♂✿ の ↑ ↓ ← → ㊣ ◎ ○ ● ⊕ ⊙ ○　 △ ▲ ☆ ★ ◇ ◆ ■ □ ▽ ▼ § ￥ 〒 ￠ ￡ ※ ♀ ♂ &⁂ ℡ ↂ░ ▣ ▤ ▥ ▦ ▧ ✐✓✕ ♂ ♀ ♡ ☜ ☞ ☏ ⊙ ◎ ☻ ► ◄ ▧ ▨ ◐ ◑ ♡ ☼ ▀ ▄ █ ▌ ▐ ░ ▒ ▬ ◊ ◘ ◙ ◦ ☼ ▣ ▤ ▥ ▦ ▩ ◘ ◙ ◈ ♫ ♬ ♪ ♩ ♭ ♪ ✄░ ▒ ▬ ◊ ◦ ▣ ۰•● ●•۰► ◄ ▧ ▨ ◐ ◑ ☼ ♧♡♂♀☜☞☏⊙◎ ☻☼▧▨◐◑ ▒ ◊◦▣▤▥ ▦▩◘ ◈◇♬♪♩♭♪の★☆→あぃ￡Ю〓§♤¤๑⊹⊱⋛⋌⋚⊰⊹ ๑۩۩.. ..۩۩๑ ๑۩۞۩๑ ✲ ❈ ✿ ✲ ❈ ➹ ~.~ ◕‿- ✚ ✪ ✣ ✤ ✥ ✦❉ ❥ ❦ ❧ ❃ ❂ ❁ ❀ ✄ ☭ღღღ ▷ ◁ ★ ☆ ☇ ☈ ⊙ ☊ ☋ ☌ ☍ⓛⓞⓥⓔ๑•ิ.•ั๑ ๑۩۞۩๑ ♬✿ ☉ ☰ ♢ ♤ ♧ ♩ ✙ ✁ ✎ ✐ ❀ ✰ ❁ ❥ ❦❧ ➳ ➽ εїз℡·۰•●○●ゃōゃ ♡๑۩ﺴ ☜ ☞ ☏♡ ⊙◎ ☻╄ஐﻬ ► ◄ ▧ ▨ ◐ ◑ ☼ ▀ ▄ █▌ ▐░ ▒ ▬ ◊ ◦ ☼ ▣ ▤ ▥ ▦ ▩ ◘ ◙ ◈ ♫ ♬ ♪ ♩ ♭ ♪ の ☆ → あ ぃ ￡ ❁ ❀ ✿ ✾ ❃ ✺ ❈ ❊ ❉ ✱ ✲ ✩ ✫ ✬ ✭ ✮ ✰ ☆ ★ ✪ ¤ ☼ ☽ ☾ ♡ ღ☻ ❂ ◕ ⊕ ☉ Θ o O ㊝ ⊙ ◎ ◑ ◐ ۰ • ● ｡ ﾟ ๑ ☜ ☞ ☏ ▷ ◁ ★ ☆ ☇ ☈ ☉ ☊ ☋ ☌ ☍ ☒ ☻ ☼ ☽ ☾ ♝ ♞♯♩♪♫♬♭♮ ☏ ºº ₪ ¤ 큐 « » ♂✿ の ↑ ↓ ← → ㊣ ◎ ○ ● ⊕ ⊙ ○　 △ ▲ ☆ ★ ◇ ◆ ■ □ ▽ ▼ § ￥〒 ￠ ￡ ※ ♀ ♂ ⁂ ℡ ↂ░ ▣ ▤ ▥ ▦ ▧ ✐✓✕ ♂ ♀ ♡ ☜ ☞ ☏ ⊙ ◎ ☻ ► ◄ ▧ ▨ ◐ ◑ ♡ ☼ ▀ ▄ █ ▌ ▐ ░ ▒ ▬ ◊ ◘ ◙ ◦ ☼ ▣ ▤ ▥ ▦ ▩ ◘ ◙ ◈ ♫ ♬ ♪ ♩ ♭ ♪ ✄㊊㊋㊌㊍㊎㊏ ㊐㊑㊒㊓㊔㊕㊖㊘㊜㊝㊞㊟㊠㊡㊢ ㊣㊤㊥㊦㊧㊨㊩㊪㊫㊬㊭㊮㊯㊰✗✘✚✪✣✤✥✦✧✩✫✬✭✮✯✰ ✱✲❃❂❁❀✿✾✽✼✻✺✹✸✷ ✶✵❅❆❈❉❊❋❖【】┱ ┲ ✪ ✣ ✤ ✥ ✦ ❉ ❥ ❦ ❧ ❃ ❂ ❁ ❀ ✄ ☭ ➸ ✓ ✕ .: ◢ ◣ ◥ ◤ ▽ ▧ ▨ ▣ ▤ ▥ ▦ ▩ ◘ ◙ ▓ ▒ ░ ℡ 凸 の ๑۞๑ ๑۩ﺴ ﺴ۩๑ o(‧”’‧)o ❆ べò⊹⊱⋛⋋ ⋌⋚⊰⊹ ⓛⓞⓥⓔ ☼ ☜ ☞ ⊙ ◈ ◊ ◦ ◇ ◆ εїз❃❂❁❀✿✾✽✼✻✺✹✸✷ ✶✵❅❆❈❉ ❊❋❖❥❦❧ → ︷╅╊✿ (¯`•._.• •._.•´¯)(¯`•¸•´¯)`•.¸¸.•´´¯`•• .¸¸.•´¯`•.•●•۰• ••.•´¯`•.•• ••.•´¯`•.••—¤÷(`[¤* *¤]´)÷¤——(•·÷[ ]÷·•)— ①②③④⑤⑥⑦⑧⑨⑩ ⑪⑫⑬⑭⑮⑯⑰⑱⑲⑳ ⒶⒷⒸⒹⒺⒻ ⒼⒽⒾⒿⓀⓁ ⓃⓄⓅⓆⓇ ⓈⓉⓊⓋⓌⓍ ⓎⓏ ⓐⓑⓒⓓⓔⓕ ⓖⓗⓘⓙⓚⓛ ⓜⓝⓞⓟⓠⓡ ⓢⓣⓤⓥⓦⓧ ⓨⓩ(⊙▂⊙ )(づ ￣ ³￣)づ ( c//”-}{-*\\x)(-’๏_๏’-)(◐ o ◑ )(⊙…⊙ )๏[-ิ_•ิ]๏(•ิ_•ิ)\(•ิ_•ิ\)

Bouts de code

avertissement Dans chaque code est indiqué l'endroit où il faut écrire (par exemple: "inscrire le titre ici", "rédiger le contenu ici" ou "URL de l'image ici"). Il s'agit de remplacer ces indications par ton propre contenu en faisant bien attention de ne pas supprimer par inadvertance les caractères autour, qu'il s'agisse de parenthèses, guillemets ou autre. Dans le cas contraire, le code deviendra tout cassé et il sera pénible pour toi de retrouver l'erreur !

Une barre de progression %

Level loser
Level coquinou

Code:

<prgb><ttre-prgb><l><!--
/// Intitulé -->Level loser</l></ttre-prgb> <!--
/// Pourcentage à indquer 2x = après 'data-legent' et 'width' --><br-prgb data-legend="12%"><lv-prgb style="width: 12%"></lv-prgb></br-prgb></prgb>

Le titre qui claque icijamais sans son sous-titre

Code:

<mid style="background:white;"><rd><!--

IMAGE DE LA PASTILLE --><millu style="background:url(URL DE TON IMAGE ICI)center center;background-size:cover;"></millu></rd><tb><!--

TITRE DU SUJET -->à inscrire ici<!--
sepa--></tb><stb><!--

SOUS TITRE DU SUJET -->à inscrire ici<!--
sepa--></stb><clearb></clearb></mid>

Texte dans un cadre °1
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras ultricies est leo, ac imperdiet augue porttitor et. Sed eros neque, blandit in nisl a, suscipit dictum urna. Aenean eu elementum lectus, at dignissim neque. Nullam ut arcu elit. In sed ex sed purus venenatis mattis. Vestibulum auctor risus non consequat consequat. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras ultricies est leo, ac imperdiet augue porttitor et. Sed eros neque, blandit in nisl a, suscipit dictum urna. Aenean eu elementum lectus, at dignissim neque. Nullam ut arcu elit. In sed ex sed purus venenatis mattis. Vestibulum auctor risus non consequat consequat.

Code:

<bandeau><cdre-band>Contenu ici</cdre-band></bandeau>

Texte dans un cadre °2
Le beau titreLorem ipsum dolor sit amet, consectetur adipiscing elit. Cras ultricies est leo, ac imperdiet augue porttitor et. Sed eros neque, blandit in nisl a, suscipit dictum urna. Aenean eu elementum lectus, at dignissim neque. Nullam ut arcu elit. In sed ex sed purus venenatis mattis. Vestibulum auctor risus non consequat consequat. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras ultricies est leo, ac imperdiet augue porttitor et. Sed eros neque, blandit in nisl a, suscipit dictum urna. Aenean eu elementum lectus, at dignissim neque. Nullam ut arcu elit. In sed ex sed purus venenatis mattis. Vestibulum auctor risus non consequat consequat.

Code:

<cadrep2><textp><ftitre style="font-size:17px;"><!--

TITRE -->Inscrire le titre ici</ftitre><bandeau><!--
CONTENU -->Rédiger le contenu ici
</bandeau></textp></cadrep2>

TEXTE DANS UN CADRE °3
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras ultricies est leo, ac imperdiet augue porttitor et. Sed eros neque, blandit in nisl a, suscipit dictum urna. Aenean eu elementum lectus, at dignissim neque. Nullam ut arcu elit. In sed ex sed purus venenatis mattis. Vestibulum auctor risus non consequat consequat. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras ultricies est leo, ac imperdiet augue porttitor et. Sed eros neque, blandit in nisl a, suscipit dictum urna. Aenean eu elementum lectus, at dignissim neque. Nullam ut arcu elit. In sed ex sed purus venenatis mattis. Vestibulum auctor risus non consequat consequat.

Code:

<cadrep2><textp><!--

-->Rédiger le contenu ici
</textp></cadrep2>

Texte minimaliste

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras ultricies est leo, ac imperdiet augue porttitor et. Sed eros neque, blandit in nisl a, suscipit dictum urna. Aenean eu elementum lectus, at dignissim neque. Nullam ut arcu elit. In sed ex sed purus venenatis mattis. Vestibulum auctor risus non consequat consequat. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras ultricies est leo, ac imperdiet augue porttitor et. Sed eros neque, blandit in nisl a, suscipit dictum urna. Aenean eu elementum lectus, at dignissim neque. Nullam ut arcu elit. In sed ex sed purus venenatis mattis. Vestibulum auctor risus non consequat consequat.

Code:

<blockquote><blockquote>Ton texte ici</blockquote></blockquote>

Texte sur deux colonnes
deux colonnes Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras ultricies est leo, ac imperdiet augue porttitor et. Sed eros neque, blandit in nisl a, suscipit dictum urna. Aenean eu elementum lectus, at dignissim neque. Nullam ut arcu elit. In sed ex sed purus venenatis mattis. Vestibulum auctor risus non consequat consequat. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras ultricies est leo, ac imperdiet augue porttitor et. Sed eros neque, blandit in nisl a, suscipit dictum urna. Aenean eu elementum lectus, at dignissim neque. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras ultricies est leo, ac imperdiet augue porttitor et.

Code:

<cdre-band class="col2">Texte ici</cdre-band>

Image centrée avec bordure

Code:

<center><img src="URL DE L'IMAGE ICI" style="width:500px;" class="img-post" /></center>

Texte + image de côté

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras ultricies est leo, ac imperdiet augue porttitor et. Sed eros neque, blandit in nisl a, suscipit dictum urna. Aenean eu elementum lectus, at dignissim neque. Nullam ut arcu elit. In sed ex sed purus venenatis mattis. Vestibulum auctor risus non consequat consequat. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras ultricies est leo, ac imperdiet augue porttitor et. Sed eros neque, blandit in nisl a, suscipit dictum urna. Aenean eu elementum lectus, at dignissim neque. Nullam ut arcu elit. In sed ex sed purus venenatis mattis. Vestibulum auctor risus non consequat consequat. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras ultricies est leo, ac imperdiet augue porttitor et. Sed eros neque, blandit in nisl a, suscipit dictum urna. Aenean eu elementum lectus, at dignissim neque. Nullam ut arcu elit. In sed ex sed purus venenatis mattis. Vestibulum auctor risus non consequat consequat.

Code:

<textp class="aleft3"><!--

TON IMAGE --><aego style="background:url(URL DE TON IMAGE ICI)center center;background-size:cover;"></aego><cdrego style="background:white;"><!--

TON BLA BLA -->A rédiger ici

</cdrego></textp>

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras ultricies est leo, ac imperdiet augue porttitor et. Sed eros neque, blandit in nisl a, suscipit dictum urna. Aenean eu elementum lectus, at dignissim neque. Nullam ut arcu elit. In sed ex sed purus venenatis mattis. Vestibulum auctor risus non consequat consequat. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras ultricies est leo, ac imperdiet augue porttitor et. Sed eros neque, blandit in nisl a, suscipit dictum urna. Aenean eu elementum lectus, at dignissim neque. Nullam ut arcu elit. In sed ex sed purus venenatis mattis. Vestibulum auctor risus non consequat consequat. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras ultricies est leo, ac imperdiet augue porttitor et. Sed eros neque, blandit in nisl a, suscipit dictum urna. Aenean eu elementum lectus, at dignissim neque. Nullam ut arcu elit. In sed ex sed purus venenatis mattis. Vestibulum auctor risus non consequat consequat.

Code:

<textp class="aleft4"><!--

TON IMAGE --><aegol style="background:url(URL DE TON IMAGE ICI)center center;background-size:cover;"></aegol><cdrego style="background:white;"><!--

TON BLA BLA -->A rédiger ici

</cdrego></textp>

Tableau à onglets

Code:

<div class="tabs-onglets4"><a href="#ong1c"><!--

INTITULE ONGLET 1 :
--><star /><c2>Titre de l'onglet 1</c2><!--
--></a> <a href="#ong2c"><!--

INTITULE ONGLET 2 :
--><star /><c2>Titre de l'onglet 2</c2><!--
--></a> <a href="#ong3c"><!--

INTITULE ONGLET 3 :
--><star /><c2>Titre de l'onglet 3</c2><!--
--></a></div><div id="contenuonglc"><!--

DEBUT ONGLET 1 --><div id="ong1c">
Contenu ici.
</div><!-- FIN ONGLET 1 --><!--

DEBUT ONGLET 2 --><div id="ong2c">
Contenu ici.
</div><!-- FIN ONGLET 2 --><!--

DEBUT ONGLET 3 --><div id="ong3c">
Contenu ici.
</div><!-- FIN ONGLET 3 --></div>

Modèles tout prêts

avertissement Dans chaque code est indiqué l'endroit où il faut écrire (par exemple: "inscrire le titre ici", "rédiger le contenu ici" ou "URL de l'image ici"). Il s'agit de remplacer ces indications par ton propre contenu en faisant bien attention de ne pas supprimer par inadvertance les caractères autour, qu'il s'agisse de parenthèses, guillemets ou autre. Dans le cas contraire, le code deviendra tout cassé et il sera pénible pour toi de retrouver l'erreur !

précision Il est possible d'insérer librement tous les petits bouts de code vus précédemment. Ils s'adapteront très bien aux modèles suivants. En définitive, si tu es à l'aise, tu peux même additionner plusieurs bouts de code pour créer un modèle bien à toi !

Signatures



✧☽ un titre bien stylé ღPetit texte personnalisé ici pour insérer tout ce que tu veux sur ton perso. Ca peut être un slogan un peu cool ou quelque chose de plus profond, it's up to you !signature ?

Code:

<center><carsi><imgs style="background:url(URL PHOTO 1 ICI)center center;background-size:cover;"></imgs></carsi><carsi><imgs style="background:url(URL PHOTO 2 ICI)center center;background-size:cover;"></imgs></carsi>
<cs><ttcs><c2>✧☽</c2> TITRE ICI <c1>ღ</c1></ttcs><txt2 style="color:var(--c1);">TEXTE ICI</txt2><signcs><c2>SIGNATURE ICI</c2></signcs></cs></center>

✧☽ un titre bien stylé ღPetit texte personnalisé ici pour insérer tout ce que tu veux sur ton perso. Ca peut être un slogan un peu cool ou quelque chose de plus profond, it's up to you !signature ?

Code:

<center><rd3><millu3 style="background:url(URL PHOTO 1 ICI)center center;background-size:cover;"></millu3></rd3><rd2><millu2 style="background:url(URL PHOTO 2 ICI)center center;background-size:cover;"></millu2></rd2><rd3><millu3 style="background:url(URL PHOTO 3 ICI)center center;background-size:cover;"></millu3></rd3>
<cs><ttcs><c2>✧☽</c2> TITRE ICI <c1>ღ</c1></ttcs><txt2 style="color:var(--c1);">TEXTE ICI</txt2><signcs><c1>SIGNATURE ICI</c1></signcs></cs></center>