7. Les codes du forum

Les codes du forum

et juste là, un petit géranium

---

Parfois, on a juste envie de décorer ses rps et ses fiches, pas vrai ? Ici, vous retrouverez différentes balises, class, polices et couleurs utilisées sur le forum que vous pouvez utiliser à l'envi. Bien sûr, elles ne sont valables que sur le forum, inutile donc d'essayer de les utiliser ailleurs

Variables : couleurs, gradients et  polices

Les couleurs peuvent être utilisées aussi bien pour colorer les textes qu'en background, bordures, etc.

Couleur du groupe Air Nomads

Code:

<span style="color: var(--air);">Couleur du groupe Air Nomads</span>

Couleur du groupe Water Tribes

Code:

<span style="color: var(--eau);">Couleur du groupe Water Tribes</span>

Couleur du groupe Earth Kingdom

Code:

<span style="color: var(--terre);">Couleur du groupe Earth Kingdom</span>

Couleur du groupe Fire Nation

Code:

<span style="color: var(--feu);">Couleur du groupe Fire Nation</span>

Couleur du groupe Outsiders

Code:

<span style="color: var(--outsiders);">Couleur du groupe Outsiders</span>

Couleur de fond de forum

Code:

<span style="background: var(--color-bod);">Couleur de fond de forum</span>

Couleur de fond de page

Code:

<span style="background: var(--color-wrap);">Couleur de fond de page</span>

Couleur de fond 1

Code:

<span style="background: var(--color-bg1);">Couleur de fond 1</span>

Couleur de fond 2

Code:

<span style="background: var(--color-bg2);">Couleur de fond 2</span>

Couleur principale 1

Code:

<span style="color: var(--color-main1);">Couleur principale 1</span>

Couleur principale 2

Code:

<span style="color: var(--color-main2);">Couleur principale 2</span>

Couleur principale 3

Code:

<span style="color: var(--color-main3);">Couleur principale 3</span>

gradient 45°

Code:

<div style="background: var(--gradient45); width:100px; padding:15px;">gradient 45°</div>

gradient 90°

Code:

<div style="background: var(--gradient90); width:100px; padding:15px;">gradient 90°</div>

gradient 180°

Code:

<div style="background: var(--gradient180); width:100px; padding:15px;">gradient 180°</div>

gradient 270°

Code:

<div style="background: var(--gradient270); width:100px; padding:15px;">gradient 270°</div>

Police générale/neutre (Poppins) & EN CAPITALES

Code:

<span style="font-family: var(--font);">Police n°1 (Poppins) & EN CAPITALES</span>

Police n°1 (Ubuntu Condensed) & EN CAPITALES

Code:

<span style="font-family: var(--font-1);">Police n°1 (Ubuntu Condensed) & EN CAPITALES</span>

Police n°2 (Playfair Display SC) & EN CAPITALES

Code:

<span style="font-family: var(--font-2);">Police n°2 (Playfair Display SC) & EN CAPITALES</span>

Police n°3 (Zhi Mang Xing) & EN CAPITALES 生活是美好的

Code:

<span style="font-family: var(--font-3);">Police n°3 (Zhi Mang Xing) & EN CAPITALES 生活是美好的</span>

Balises et class

Pour mettre un contenu en spoiler (trigger warnings/content warnings)

Code:

<span class="twcw">texte en spoiler</span>

Italique coloré

Code:

<iI>Italique coloré</ii>

Gras coloré

Code:

<bb>Gras coloré</bb>

Souligné coloré

Code:

<uu>Souligné coloré</uu>

Un petit titre

Code:

<span class="ptitrecq">Un petit titre</span>

Un petit titre

Code:

<span class="sstitrefo">Un petit titre</span>

Un petit titre

Code:

<span class="preztitre">Un petit titre</span>

Un titre en span

Code:

<span class="sstitrecq">Un titre en span</span>

Un titre en div

Code:

<div class="sstitrecq">Un titre en div</div>

Un titre avec bordure en bas

Code:

<span class="titrecq">Un titre avec bordure en bas</span>

Un fond coloré dégradé arrondi qui prend 70% de l'espace (à remplir/utiliser comme tu le souhaites)

Code:

<div class="fdgrad"></div>

Une petite icône ronde avec bordure colorée v1 et v2
 

Code:

<img src="https://images2.imgbox.com/24/af/EibxtoxC_o.jpg" class="iconcq">

Code:

<img src="https://images2.imgbox.com/24/af/EibxtoxC_o.jpg" class="iconcq2">