Les codes du forum

Nous vous mettons à votre disposition des codes assortis au design du forum que vous pouvez utiliser dans vos messages.

Division occidentale

Code:

<span style="color: var(--occidentale);">Division occidentale</span>

Division orientale

Code:

<span style="color: var(--orientale);">Division orientale</span>

Division australe

Code:

<span style="color: var(--australe);">Division australe</span>

Division boréale

Code:

<span style="color: var(--boreale);">Division boréale</span>

Dragons

Code:

<span style="color: var(--dragons);">Dragons</span>

Démons

Code:

<span style="color: var(--demons);">Démons</span>

Hollows

Code:

<span style="color: var(--hollows);">Hollows</span>

Intelligence

Code:

<span style="color: #836DA0;">Intelligence</span>

Esprit

Code:

<span style="color: #618E95;">Esprit</span>

Force

Code:

<span style="color: #AB3737;">Force</span>

Agilité

Code:

<span style="color: #844d00;">Agilité</span>

Exemple

Code:

<h1>Exemple</h1>

Exemple

Code:

<h2>Exemple</h2>

Exemple

Code:

<h3>Exemple</h3>

Exemple

Code:

<span class="red">Exemple</span>

Lorem ipsum dolor sit amet

Code:

<div class="fp_info">Lorem ipsum dolor sit amet</div>

Lorem ipsum dolor sit amet

Code:

<div class="hide-text"><span>Lorem ipsum dolor sit amet</span></div>

Code:

<div class="hide-img"><img src="https://zupimages.net/up/23/18/ncuf.png"/></div>

Dernière édition par Tsumi no Sensou le Lun 5 Fév 2024 - 23:41, édité 4 fois

Des codes RPs aux couleurs des divisions sont également disponibles.

Titre

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Code:

<div class="fp"><h1>Titre</h1>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</div>

Titre

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Code:

<div class="fp-orientale"><h1>Titre</h1>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</div>


Titre

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Code:

<div class="fp-australe"><h1>Titre</h1>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</div>

Titre

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Code:

<div class="fp-occidentale"><h1>Titre</h1>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</div>

Titre

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Code:

<div class="fp-boréale"><h1>Titre</h1>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</div>

Vous pouvez ajouter à ces codes RPs des bulles de dialogues :

Lorem ipsum dolor sit amet

Code:

<div class="fp_head"><img src="LIEN_DE_VOTRE_IMAGE" style="width: 100px; height: 100px; object-fit: cover; border-radius:50px; border:5px solid var(--contrastdark); margin:10px;"><div class="fp_info2" style="border-left: 10px solid var(--contrastdark)">Lorem ipsum dolor sit amet</div></div>

Vous pouvez personnaliser les couleurs des bordures en remplaçant les deux occurrences de var(--contrastdark) par un code couleur hexadécimale ou RVB.

Sachez que les couleurs des divisions sont à votre disposition :

• Code couleur de la Division Orientale : var(--orientale)
• Code couleur de la Division Australe : var(--australe)
• Code couleur de la Division Occidentale : var(--occidentale)
• Code couleur de la Division Boréale : var(--boreale)

Vous pourriez alors obtenir :

Lorem ipsum dolor sit amet

Code:

<div class="fp_head"><img src="https://zupimages.net/up/23/31/fiph.png" style="width: 100px; height: 100px; object-fit: cover; border-radius:50px; border:5px solid var(--orientale); margin:10px;"><div class="fp_info2" style="border-left: 10px solid var(--orientale);">Lorem ipsum dolor sit amet</div></div>

Lorem ipsum dolor sit amet

Code:

<div class="fp_head"><img src="https://zupimages.net/up/23/31/fiph.png" style="width: 100px; height: 100px; object-fit: cover; border-radius:50px; border:5px solid var(--australe); margin:10px;"><div class="fp_info2" style="border-left: 10px solid var(--australe);">Lorem ipsum dolor sit amet</div></div>

Lorem ipsum dolor sit amet

Code:

<div class="fp_head"><img src="https://zupimages.net/up/23/31/fiph.png" style="width: 100px; height: 100px; object-fit: cover; border-radius:50px; border:5px solid var(--occidentale); margin:10px;"><div class="fp_info2" style="border-left: 10px solid var(--occidentale);">Lorem ipsum dolor sit amet</div></div>

Lorem ipsum dolor sit amet

Code:

<div class="fp_head"><img src="https://zupimages.net/up/23/31/fiph.png" style="width: 100px; height: 100px; object-fit: cover; border-radius:50px; border:5px solid var(--boreale); margin:10px;"><div class="fp_info2" style="border-left: 10px solid var(--boreale);">Lorem ipsum dolor sit amet</div></div>

Dernière édition par Tsumi no Sensou le Ven 5 Jan 2024 - 19:15, édité 5 fois

Titre

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Lorem ipsum dolor sit amet

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Code:

<div class="fp-orientale"><h1>Titre</h1>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
<div class="fp_head"><img src="https://zupimages.net/up/23/31/fiph.png" style="width: 100px; height: 100px; object-fit: cover; border-radius:50px; border:5px solid var(--orientale); margin:10px;"><div class="fp_info2" style="border-left: 10px solid var(--orientale);">Lorem ipsum dolor sit amet</div></div>
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</div>

Titre

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Lorem ipsum dolor sit amet

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Code:

<div class="fp-australe"><h1>Titre</h1>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
<div class="fp_head"><img src="https://zupimages.net/up/23/31/fiph.png" style="width: 100px; height: 100px; object-fit: cover; border-radius:50px; border:5px solid var(--australe); margin:10px;"><div class="fp_info2" style="border-left: 10px solid var(--australe);">Lorem ipsum dolor sit amet</div></div>
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</div>

Titre

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Lorem ipsum dolor sit amet

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Code:

<div class="fp-occidentale"><h1>Titre</h1>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
<div class="fp_head"><img src="https://zupimages.net/up/23/31/fiph.png" style="width: 100px; height: 100px; object-fit: cover; border-radius:50px; border:5px solid var(--occidentale); margin:10px;"><div class="fp_info2" style="border-left: 10px solid var(--occidentale);">Lorem ipsum dolor sit amet</div></div>
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</div>

Titre

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Lorem ipsum dolor sit amet

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Code:

<div class="fp-boréale"><h1>Titre</h1>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
<div class="fp_head"><img src="https://zupimages.net/up/23/31/fiph.png" style="width: 100px; height: 100px; object-fit: cover; border-radius:50px; border:5px solid var(--boreale); margin:10px;"><div class="fp_info2" style="border-left: 10px solid var(--boreale);">Lorem ipsum dolor sit amet</div></div>
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</div>