Afin de ne pas vous retrouver sans cadres, nous avons quelques petites mises en page que vous pouvez utiliser dans vos messages !
La mise en page générale
Vous pouvez retrouver cette mise en page un peu partout !
- Code:
- <article class="modele_sujet"><header><figure class="modele_sujet__header"><figcaption></figcaption><img src="" alt="Header" class= "random"/></figure></header><div class="modele_sujet__content">
<h2><span>Titre 1</span></h2>
<h3>Titre 2</h3>
<h4>Titre 3</h4>
</div></article>
Le cadre rp "officiel"
Un cadre rp temporaire dans le cas où vous ayez besoin d'un peu de temps avant d'avoir le vôtre ! Utilisez-le sans modération !
- Code:
- <article class="modele_sujet"><header><figure class="modele_sujet__header"><figcaption></figcaption><img src="" alt="Header" class= "random"/></figure></header><div class="modele_sujet__content">
<h2><span>Titre du rp</span></h2>
<section class="grande" style="text-align : justify">
Contenu du rp</section>
</div></article>
Le cadre de Chronologie
Si vous ne savez pas trop comment mettre en page votre chronologie, en voici un exemple que vous pouvez utiliser à votre guise !
- Spoiler:
- Code:
- <article class="modele_sujet"><header><figure class="modele_sujet__header"><figcaption></figcaption><img src="" alt="Header" class= "random"/></figure></header><div class="modele_sujet__content">
<h2><span>Chronologie</span></h2>
<h3>Partie 1 : Titre de la partie -> De date à date</h3>
<section class="grande" style="text-align : justify">
<h4><a href="#">Titre du RP</a></h4> feat [i]nom et nom[/i]
Description du RP Description du RP Description du RP Description du RP Description du RP Description du RP
[b]Prévus/En cours/Terminé[/b]
</section>
<section class="grande" style="text-align : justify">
<h4><a href="#">Titre du RP</a></h4> feat [i]nom et nom[/i]
Description du RP Description du RP Description du RP Description du RP Description du RP Description du RP
[b]Prévus/En cours/Terminé[/b]
</section>
<h3>Partie 2 : Titre de la partie -> De date à date</h3>
<section class="grande" style="text-align : justify">
<h4><a href="#">Titre du RP</a></h4> feat [i]nom et nom[/i]
Description du RP Description du RP Description du RP Description du RP Description du RP Description du RP
[b]Prévus/En cours/Terminé[/b]
</section>
<section class="grande" style="text-align : justify">
<h4><a href="#">Titre du RP</a></h4> feat [i]nom et nom[/i]
Description du RP Description du RP Description du RP Description du RP Description du RP Description du RP
[b]Prévus/En cours/Terminé[/b]
</section>
La fiche de Liens
Comme pour la chronologie, voilà une petite fiche pour vous aider !
- Spoiler:
- Code:
- <article class="modele_sujet"><header><figure class="modele_sujet__header"><figcaption></figcaption><img src="" alt="Header" class= "random"/></figure></header><div class="modele_sujet__content">
<h2><span>Fiche de liens</span></h2>
<h3>Liens négatifs</h3>
<section class="grande" style="text-align : justify; margin-bottom : 50px;">
<img src="https://img15.hostingpics.net/pics/305245avatar.png" class="image_round left" style="width : 100px;"/>
<h4><a href="#">Titre du lien</a></h4>
Description du lien Description du lien Description du lien Description du lien Description du lien Description du lien
</section>
<section class="grande" style="text-align : justify; margin-bottom : 50px;">
<img src="https://img15.hostingpics.net/pics/305245avatar.png" class="image_round right" style="width : 100px;"/>
<h4><a href="#">Titre du lien</a></h4>
Description du lien Description du lien Description du lien Description du lien Description du lien Description du lien
</section>
<h3>Liens positifs</h3>
<section class="grande" style="text-align : justify; margin-bottom : 50px;">
<img src="https://img15.hostingpics.net/pics/305245avatar.png" class="image_round left" style="width : 100px;"/>
<h4><a href="#">Titre du lien</a></h4>
Description du lien Description du lien Description du lien Description du lien Description du lien Description du lien
</section>
<section class="grande" style="text-align : justify; margin-bottom : 50px;">
<img src="https://img15.hostingpics.net/pics/305245avatar.png" class="image_round right" style="width : 100px;"/>
<h4><a href="#">Titre du lien</a></h4>
Description du lien Description du lien Description du lien Description du lien Description du lien Description du lien
</section>
</div></article>