2. Codes utiles

Code:

<div class="bgfiche">
<div class="titfi">Le petit titre</div><div class="citation">It all begins somewhere</div><div class="txtfi">J'écris un texte pour le faire apparaître. Ci-dessous un texte avec un fond comme on aime bien :

<sta>jbzzed</sta>

ensuite, un texte en multicolore : <multi>multi</multi> et peut-être également un texte avec un surlignage vert : <e1>surligner</e1> et puis l'autre avec le surlignage rose : <e2>surligner</e2></div></div>

phrase en e1

Code:

<e1>phrase en e1</e1>

phrase en e2

Code:

<e2>phrase en e2</e2>

phrase en sta

Code:

<sta>phrase en sta</sta>

phrase en multi

Code:

<multi>phrase en multi</multi>

phrase en groti

Code:

<groti>phrase en groti</groti>

phrase en cita

Code:

<cita>phrase en cita</cita>

texte en grm

Code:

<grm>texte en grm</grm>

texte en grl

Code:

<grl>texte en grl</grl>

texte en grr

Code:

<grr>texte en grr</grr>

texte en grv

Code:

<grv>texte en grv</grv>

texte en dwul

Code:

<dwul>texte en dwul</dwul>

texte en dlul

Code:

<dlul>texte en dlul</dlul>

texte en wwul

Code:

<wwul>texte en wwul</wwul>

texte en wlul

Code:

<wlul>texte en wlul</wlul>

texte en nwul

Code:

<nwul>texte en nwul</nwul>

texte en nlul

Code:

<nlul>texte en nlul</nlul>

texte en itl

Code:

<itl>texte en itl</itl>

texte en itw

Code:

<itw>texte en itw</itw>

texte en tsl

Code:

<tsl>texte en tsl</tsl>

texte en tsw

Code:

<tsw>texte en tsw</tsw>

moodboard

picture everything

 

Code:

<center><div class="titfi">moodboard</div><div class="citation">picture everything</div><table><!--DÉBUT LIGNE --><tr><td><img src="https://images2.imgbox.com/f6/ac/MiHqsuVk_o.jpg" class="imgft" /></td><td><img src="https://zupimages.net/up/23/17/dp0b.jpg" class="imgft" /></td><td><img src="https://zupimages.net/up/23/17/6yjc.jpg" class="imgft" /></td><td><img src="https://zupimages.net/up/23/17/dl08.jpg" class="imgft" /></td></tr><!-- FIN LIGNE-->
<!--DÉBUT LIGNE --><tr><td><img src="https://images2.imgbox.com/f6/ac/MiHqsuVk_o.jpg" class="imgft" /></td><td><img src="https://zupimages.net/up/23/17/dp0b.jpg" class="imgft" /></td><td><img src="https://zupimages.net/up/23/17/6yjc.jpg" class="imgft" /></td><td><img src="https://zupimages.net/up/23/17/dl08.jpg" class="imgft" /></td></tr><!-- FIN LIGNE-->
<!--DÉBUT LIGNE --><tr><td><img src="https://images2.imgbox.com/f6/ac/MiHqsuVk_o.jpg" class="imgft" /></td><td><img src="https://zupimages.net/up/23/17/dp0b.jpg" class="imgft" /></td><td><img src="https://zupimages.net/up/23/17/6yjc.jpg" class="imgft" /></td><td><img src="https://zupimages.net/up/23/17/dl08.jpg" class="imgft" /></td></tr><!-- FIN LIGNE--></table>  </center>

Basil Allen

Brazzalista

Âge écrire ici Profession écrire ici Âge écrire ici Profession écrire ici Âge écrire ici Profession écrire ici
Anecdotes Lorem ipsum dolor sit amet, consectetur adipiscing elit. + Mauris iaculis nulla quis augue sollicitudin pellentesque. Integer vitae ultricies enim. + Ut ut mi sit amet mauris fermentum sodales. Quisque semper odio vestibulum augue placerat, eu porta purus facilisis. + Sed maximus dolor quis ultrices facilisis. Curabitur finibus bibendum ante, eu ornare leo commodo sit amet. + Praesent ligula metus, lacinia ut pellentesque eget, tristique vitae tellus. Integer mollis dignissim metus, quis gravida massa. + Cras porttitor blandit leo, et vulputate quam vestibulum nec. Donec euismod sapien ac velit viverra placerat aliquam id massa.

Code:

<div class="fichentete"><div class="fichava"><img src="https://www.zupimages.net/up/22/30/21c0.png" /></div><div class="linefiche1"></div><div class="linefiche2"></div><div class="titrefiche">Basil Allen</div><div class="rpnamefiche">Brazzalista</div><div class="descfiche"><multi>Âge</multi> écrire ici <multi>Profession</multi> écrire ici <multi>Âge</multi> écrire ici <multi>Profession</multi> écrire ici <multi>Âge</multi> écrire ici <multi>Profession</multi> écrire ici <br /><multi>Anecdotes</multi> Lorem ipsum dolor sit amet, consectetur adipiscing elit. <multi>+</multi> Mauris iaculis nulla quis augue sollicitudin pellentesque. Integer vitae ultricies enim. <multi>+</multi> Ut ut mi sit amet mauris fermentum sodales. Quisque semper odio vestibulum augue placerat, eu porta purus facilisis. <multi>+</multi> Sed maximus dolor quis ultrices facilisis. Curabitur finibus bibendum ante, eu ornare leo commodo sit amet. <multi>+</multi> Praesent ligula metus, lacinia ut pellentesque eget, tristique vitae tellus. Integer mollis dignissim metus, quis gravida massa. <multi>+</multi> Cras porttitor blandit leo, et vulputate quam vestibulum nec. Donec euismod sapien ac velit viverra placerat aliquam id massa.</div></div><div class="blocrpfiche"><div class="txtfiche">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris iaculis nulla quis augue sollicitudin pellentesque. Integer vitae ultricies enim. Ut ut mi sit amet mauris fermentum sodales. Quisque semper odio vestibulum augue placerat, eu porta purus facilisis. Sed maximus dolor quis ultrices facilisis. Curabitur finibus bibendum ante, eu ornare leo commodo sit amet. Praesent ligula metus, lacinia ut pellentesque eget, tristique vitae tellus. Integer mollis dignissim metus, quis gravida massa. Cras porttitor blandit leo, et vulputate quam vestibulum nec. Donec euismod sapien ac velit viverra placerat aliquam id massa.

Morbi lorem orci, lacinia efficitur nulla vel, mollis imperdiet dui. Phasellus condimentum congue nibh. Duis placerat scelerisque faucibus. Nulla quis sem vel lacus interdum tempor sit amet eget nisi. Mauris eu nibh posuere, ultrices mi ac, efficitur ex. Mauris cursus semper eros, vitae elementum nibh. Fusce neque lorem, vulputate vitae dui nec, tempor molestie libero. Fusce sed sem vestibulum, posuere sem a, dictum neque. Aliquam non est ut dui euismod tincidunt nec quis odio. Mauris vitae ultricies ex, a aliquam eros. Quisque id placerat nibh, vel fringilla nisi. Vestibulum nibh mauris, ultricies in tristique ac, rhoncus nec libero. Nunc rhoncus mi eu accumsan convallis. Ut mattis lobortis nibh et eleifend. Duis euismod justo eget neque finibus tincidunt id sit amet orci.
</div></div>

Titre RP

nom ship

Prénom

memo

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris iaculis nulla quis augue sollicitudin pellentesque. Integer vitae ultricies enim. Ut ut mi sit amet mauris fermentum sodales. Quisque semper odio vestibulum augue placerat, eu porta purus facilisis. Sed maximus dolor quis ultrices facilisis. Curabitur finibus bibendum ante, eu ornare leo commodo sit amet. Praesent ligula metus, lacinia ut pellentesque eget, tristique vitae tellus. Integer mollis dignissim metus, quis gravida massa. Cras porttitor blandit leo, et vulputate quam vestibulum nec. Donec euismod sapien ac velit viverra placerat aliquam id massa.

Morbi lorem orci, lacinia efficitur nulla vel, mollis imperdiet dui. Phasellus condimentum congue nibh. Duis placerat scelerisque faucibus. Nulla quis sem vel lacus interdum tempor sit amet eget nisi. Mauris eu nibh posuere, ultrices mi ac, efficitur ex. Mauris cursus semper eros, vitae elementum nibh. Fusce neque lorem, vulputate vitae dui nec, tempor molestie libero. Fusce sed sem vestibulum, posuere sem a, dictum neque. Aliquam non est ut dui euismod tincidunt nec quis odio. Mauris vitae ultricies ex, a aliquam eros. Quisque id placerat nibh, vel fringilla nisi. Vestibulum nibh mauris, ultricies in tristique ac, rhoncus nec libero. Nunc rhoncus mi eu accumsan convallis. Ut mattis lobortis nibh et eleifend. Duis euismod justo eget neque finibus tincidunt id sit amet orci.

Code:

<div class="fdficherp"><div class="titficherp">Titre RP</div><br /><div class="citation">nom ship</div><div class="txtficherp"><div style="float: left;margin-right: 10px;"><img src="https://www.zupimages.net/up/22/30/21c0.png" class="imgficherp" /><div class="nompersorp">Prénom</div><div class="boutonmemorp"><a href="#">memo</a></div></div>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris iaculis nulla quis augue sollicitudin pellentesque. Integer vitae ultricies enim. Ut ut mi sit amet mauris fermentum sodales. Quisque semper odio vestibulum augue placerat, eu porta purus facilisis. Sed maximus dolor quis ultrices facilisis. Curabitur finibus bibendum ante, eu ornare leo commodo sit amet. Praesent ligula metus, lacinia ut pellentesque eget, tristique vitae tellus. Integer mollis dignissim metus, quis gravida massa. Cras porttitor blandit leo, et vulputate quam vestibulum nec. Donec euismod sapien ac velit viverra placerat aliquam id massa.

Morbi lorem orci, lacinia efficitur nulla vel, mollis imperdiet dui. Phasellus condimentum congue nibh. Duis placerat scelerisque faucibus. Nulla quis sem vel lacus interdum tempor sit amet eget nisi. Mauris eu nibh posuere, ultrices mi ac, efficitur ex. Mauris cursus semper eros, vitae elementum nibh. Fusce neque lorem, vulputate vitae dui nec, tempor molestie libero. Fusce sed sem vestibulum, posuere sem a, dictum neque. Aliquam non est ut dui euismod tincidunt nec quis odio. Mauris vitae ultricies ex, a aliquam eros. Quisque id placerat nibh, vel fringilla nisi. Vestibulum nibh mauris, ultricies in tristique ac, rhoncus nec libero. Nunc rhoncus mi eu accumsan convallis. Ut mattis lobortis nibh et eleifend. Duis euismod justo eget neque finibus tincidunt id sit amet orci.
</div></div>

Prénom Nom

ft. avatar

fiche instagram     âge : écrire ici origines, nationalité : écrire ici genre : écrire ici occupation : écrire ici situation financière : $$$$$, écrire ici statut civil : écrire ici orientation sexuelle : écrire ici situation familiale :écrire ici à oceanside depuis :écrire ici

---

information (+) information (+) information (+) information (+) information (+) information 

Code:

<div class="fdficherp"><div class="titficherp">Prénom Nom</div><br /><div class="citation">ft. avatar</div><div class="txtficherp"><table><td><img src="https://www.zupimages.net/up/22/30/21c0.png" class="addfipav" /></td><td><div class="addfipblocinf"><div class="addfipbout"><a href="#">fiche</a></div><div class="addfipbout"><a href="#">instagram</a></div>
   <div class="addfipvrac"><grr>âge :</grr> écrire ici <hr /><grv>origines, nationalité :</grv> écrire ici <hr /><grr>genre :</grr> écrire ici <hr /><grv>occupation :</grv> écrire ici <hr /><grr>situation financière :</grr> <nwul>$$$</nwul>$$, écrire ici<hr /><grv>statut civil :</grv> écrire ici <hr /><grr>orientation sexuelle :</grr> écrire ici <hr /><grv>situation familiale :</grv>écrire ici<hr /><grr>à oceanside depuis :</grr>écrire ici</div></td></table><hr /><div class="addfipres">information <grv>(+)</grv> information <grv>(+)</grv> information <grv>(+)</grv> information <grv>(+)</grv> information <grv>(+)</grv> information </div></div></div>

	Prénom Nom titre du lien : description du lien
	Prénom Nom titre du lien : description du lien

Code:

<div class="titficherp">liens importants</div><center><div class="addfipcadli"><!-- 1 lien --><table><tr><td><img src="https://www.zupimages.net/up/22/30/21c0.png" /></td><td><div class="addfliplinfos"><groti>Prénom Nom</groti><hr /><grr>titre du lien :</grr> description du lien</div></td></tr><!-- 1 lien --><tr><td><img src="https://www.zupimages.net/up/22/30/21c0.png" /></td><td><div class="addfliplinfos"><groti>Prénom Nom</groti><hr /><grr>titre du lien :</grr> description du lien</div></td></tr></table></div></center>

lien du rp

Nom du rpft. personnage

---

date • description du RP et du contexte de celui-ci, des éléments forts qui s'y déroulent et des sentiments des personnages. description du RP et du contexte de celui-ci, des éléments forts qui s'y déroulent et des sentiments des personnages.

lien du rp

Nom du rpft. personnage

---

date • description du RP et du contexte de celui-ci, des éléments forts qui s'y déroulent et des sentiments des personnages. description du RP et du contexte de celui-ci, des éléments forts qui s'y déroulent et des sentiments des personnages.

Code:

<div class="titficherp">timeline</div>
<center><div class="addfipcadti"><div class="txtficherp"><div style="float: left;margin-right: 10px;"><img src="https://www.zupimages.net/up/22/30/21c0.png" /><div class="addfipbouti"><a href="#">lien du rp</a></div></div><groti>Nom du rp</groti><itl>ft. personnage</itl><hr /><grr>date •</grr> description du RP et du contexte de celui-ci, des éléments forts qui s'y déroulent et des sentiments des personnages. description du RP et du contexte de celui-ci, des éléments forts qui s'y déroulent et des sentiments des personnages.</div></div></center>
<center><div class="addfipcadti"><div class="txtficherp"><div style="float: left;margin-right: 10px;"><img src="https://www.zupimages.net/up/22/30/21c0.png" /><div class="addfipbouti"><a href="#">lien du rp</a></div></div><groti>Nom du rp</groti><itl>ft. personnage</itl><hr /><grr>date •</grr> description du RP et du contexte de celui-ci, des éléments forts qui s'y déroulent et des sentiments des personnages. description du RP et du contexte de celui-ci, des éléments forts qui s'y déroulent et des sentiments des personnages.</div></div></center>