Code en libre service

Utilisez les codes suivants comme bon vous semble pour vos RPs ou vos sujets perso. Ils sont pensés pour être utilisés ensemble et suivre la charte graphique du forum donc amusez-vous à les combiner !

Heading one

<h1>heading one</h1>

Heading one

<h2>heading two</h2>

Heading one

<h3>heading tree</h3>



Subtitle one <sub1>subtitle one</sub1>

Subtitle two <sub2>subtitle tw</sub2>

emphase one <emp1>emphase one</emp1>
emphase two <emp2>emphase two</emp2>
emphase tree <emp3>emphase tree</emp3>
emphase four <emp4>emphase four</emp4>

Accent one <ac1>Accent one</ac1>
Accent two <ac2>Accent two</ac2>
Accent tree <ac3>Accent tree</ac3>
Accent four <ac4>Accent four</ac4>


Miscellenous Font  <misc>écrire ici</misc>

italique coloré  <ii>écrire ici</ii>



écrire ici <span data-tip="écrire ici le contenu">écrire ici</span>

TW <tw data-tw="liste des tw">TW</tw>

trigger wargning <tw>trigger wargning</tw>

Dialogues

J'ai versé cinq yoghourts aux kiwis sur de la pizza flambée. <d1></d1>
J'ai versé cinq yoghourts aux kiwis sur de la pizza flambée. <d2></d2>
J'ai versé cinq yoghourts aux kiwis sur de la pizza flambée. <d3></d3>
J'ai versé cinq yoghourts aux kiwis sur de la pizza flambée. <d4></d4>
J'ai versé cinq yoghourts aux kiwis sur de la pizza flambée. <d5></d5>
J'ai versé cinq yoghourts aux kiwis sur de la pizza flambée. <d6></d6>
J'ai versé cinq yoghourts aux kiwis sur de la pizza flambée. <d7></d7>
J'ai versé cinq yoghourts aux kiwis sur de la pizza flambée. <d8></d8>
J'ai versé cinq yoghourts aux kiwis sur de la pizza flambée. <d9></d9>
J'ai versé cinq yoghourts aux kiwis sur de la pizza flambée. <d10></d10>
J'ai versé cinq yoghourts aux kiwis sur de la pizza flambée. <d11></d11>
J'ai versé cinq yoghourts aux kiwis sur de la pizza flambée. <d12></d12>
J'ai versé cinq yoghourts aux kiwis sur de la pizza flambée. <d13></d13>
J'ai versé cinq yoghourts aux kiwis sur de la pizza flambée. <d14></d14>
J'ai versé cinq yoghourts aux kiwis sur de la pizza flambée. <d15></d15>
J'ai versé cinq yoghourts aux kiwis sur de la pizza flambée. <d16></d16>
J'ai versé cinq yoghourts aux kiwis sur de la pizza flambée. <d17></d17>
J'ai versé cinq yoghourts aux kiwis sur de la pizza flambée. <d18></d18>

Trouver des icons

Rendez-vous sur le site de Material Design Icons sur lequel vous trouvez +7,000 icons à votre goût.

Intégrer les icons à vos message

• Cliquez sur l'icon choisi


• Dans la fenêtre, cliquez sur WEB FONT


• C/c le code fourni, par exemple : <span class="mdi mdi-radio-handheld"></span>

Icons thématiques

<span class="mdi mdi-forest"></span>
<span class="mdi mdi-city"></span>
<span class="mdi mdi-radio-handheld"></span>
<span class="mdi mdi-email-outline"></span>
<span class="mdi mdi-pistol"></span>
<span class="mdi mdi-alert-circle"></span>
<span class="mdi mdi-map-outline"></span>
<span class="mdi mdi-horse-variant"></span>
<span class="mdi mdi-car"></span>
<span class="mdi mdi-bacteria"></span>
<span class="mdi mdi-medication-outline"></span>
<span class="mdi mdi-dice-multiple"></span>

Callout clair

Ecrire ici pour faire un bloc <callout>callout</callout>

Ecrire ici

Code:

<callout class="icons"><span class="mdi mdi-radio-handheld"></span><div>Ecrire ici</div></callout>

Callout sombre

Ecrire ici pour faire un bloc <callout-dark>callout-dark</callout-dark>

Ecrire ici

Code:

<callout-dark class="icons"><span class="mdi mdi-radio-handheld"></span><div>Ecrire ici</div></callout-dark>

Callout groupes

écrire ici callout-fh

écrire ici callout-ff

écrire ici callout-d11

Citation mise en avant

Ecrire ici pour faire un bloc <quote>quote</quote>

Mise en page deux colonnes

Code:

<div class="columns">
<div>Texte à gauche</div>
<div>Droite à texte</div>
</div>

Bullet list

• écrire ici


• écrire ici


• écrire ici

Code:

<ul>
<li>écrire ici</li>
<li>écrire ici</li>
<li>écrire ici</li>
</ul>

Formes

<line></line>


<strongLine></strongLine>


<strongLinelight></strongLinelight>


<dash></dash>

<strongDash></strongDash>

<i class="cube"></i>
 
<i class="chevron"></i>

Images et texte

Celebrate your fucking failures. Then you’ll prove to yourself that you can survive anything. Design as if your fucking life depended on it. Can we all just agree as the greater design community to stop fucking talking about Comic Sans altogether? Creativity requires fucking tenacity. Most of your accomplishments will be demonstrations of tenacity, not talent. While having drinks with Tibor Kalman one night, he told me, “When you make something no one hates, no one fucking loves it.” Accomplishment validates belief, and belief inspires accomplishment. Be fucking bold.

Code:

<img class="img-left" src="URL IMG"/> Ecrire ici

Celebrate your fucking failures. Then you’ll prove to yourself that you can survive anything. Design as if your fucking life depended on it. Can we all just agree as the greater design community to stop fucking talking about Comic Sans altogether? Creativity requires fucking tenacity. Most of your accomplishments will be demonstrations of tenacity, not talent. While having drinks with Tibor Kalman one night, he told me, “When you make something no one hates, no one fucking loves it.” Accomplishment validates belief, and belief inspires accomplishment. Be fucking bold.

Code:

<img class="img-right" src="URL IMG"/> Ecrire ici

Images alignées

Code:

<div class="img-line"><div credit="CREDIT IMG"><img src="URL IMG"/></div>
<div credit="CREDIT IMG"><img src="URL IMG"/></div>
<div credit="CREDIT IMG"><img src="URL IMG"/></div>
</div>

Moodboard

Code:

<div class="moodboard">
<img src="URL IMAGE"/>
<img src="URL IMAGE"/>
<img src="URL IMAGE"/>

<img src="URL IMAGE"/>
<img src="URL IMAGE"/>
<img src="URL IMAGE"/>

<img src="URL IMAGE"/>
<img src="URL IMAGE"/>
<img src="URL IMAGE"/>
</div>

Avec image

peut s'utiliser avec une seule image

Code:

<div class="heading">

<div class="heading_img">
<img src="https://i.pinimg.com/564x/b8/93/83/b89383a29ff410d8c0b77d2646174e49.jpg"/>
<img src="https://i.pinimg.com/564x/87/9f/fa/879ffa598e43b6b6f954d0589379a4c0.jpg"/>
</div>

<div class="heading_content">
<tw data-tw="liste des tw">TW</tw><h3>Titre</h3>
<bloc>citation ou infos.</bloc>
</div>
</div>

Simple

Code:

<div class="heading">
<div class="heading_content">
<tw data-tw="liste des tw">TW</tw><h3>Titre</h3>
<bloc>citation ou infos</bloc>
</div>
</div>

Cadre de fiche

Code:

<div class="fiche">
Contenu de fiche
</div>

Bloc d'information

Code:

<div class="ficheInfos">
<h3><tw data-tw="liste des tw">TW</tw>
Informations</h3>

Écrire ici les informations nécessaires.
</div>

Bloc chronologique

Code:

<div class="ficheChrono">
<date>3 fev. 2033 <i>précision</i></date>
<event>Evènement</event>

<date>9 fev. 2033 <i>précision</i></date>
<event>Evènement</event>

<date>12 fev. 2033 <i>précision</i></date>
<event>Evènement</event>
</div>

Bloc Callout

Code:

<div class="ficheCallout">Écrire ici</div>

Utilisez l'élément <line></line> pour séparer les blocs !