Code:

<div class="titre0">Titre 0</div>

Code:

<div class="titre1">Titre 1</div>

Code:

<div class="titre2">Titre 2</div>

Code:

<div class="titre3">Titre 3</div>

Code:

<span class="shableu">shableu</span>

Code:

<div class="titrefiche">Because the night belongs to us</div>

Code:

<a class="forumtitle">Because the night belongs to us</div>

Code:

<div class="citationfiche">Because the night belongs to us</div>

Code:

<u>Texte souligné par un u</u>

Code:

<ua>Texte souligné par un ua</ua>

Code:

<ub>Texte souligné par un ub</ub>

Code:

<uc>Texte souligné par un uc</uc>

Code:

<ud>Texte souligné par un ud</ud>

Titre qui roxxe forcèment

Code:

<h1>Titre qui roxxe forcèment</h1>

Titre qui roxxe forcèment

Code:

<h2>Titre qui roxxe forcèment</h2>

Titre qui roxxe forcèment

Code:

<h3>Titre qui roxxe forcèment</h3>

Titre qui roxxe forcèment

Code:

<h4>Titre qui roxxe forcèment</h4>

Titre qui roxxe forcèment

Code:

<h5>Titre qui roxxe forcèment</h5>

Titre qui roxxe forcèment

Code:

<h6>Titre qui roxxe forcèment</h6>

Code:

<span class="gryfy">Balise Gryffondor</span>

<span class="poufy">Balise Poufsouffle</span>

<span class="serdy">Balise Serdaigle</span>

<span class="serpy">Balise Serpentard</span>

Code:

<span class="mini">Balise Ministère</span>

<span class="mangouste">Balise Ste Mangouste</span>

<span class="poudlard">Balise Poudlard</span>

<span class="idem">Balise CIS</span>

<span class="sorcier">Balise Sorciers</span>

Code:

<br>
<div align="center"><div class="fichecontain"><div class="ficheheader">
<div class="titre1">titre du rp titre du rp</div>
<div class="fichepseudo"> zone libre </div></div>
<div class="ficheicon"><div style="background-image: url(https://www.zupimages.net/up/22/24/aetq.png);background-size: 100px;" class="ficheconbg"></div></div>

   <div class="concept">
     feat. les rôlistes du dimanche
     une date pour les accrocs de la chrono
     un lieu si on est fou fou fou</div>

<div class="ficheADM" style="margin-top:-20px;"><div class="titrefiche">Titre du RP</div>
<div class="citationfiche">Citation courte du RP</div>

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.
</div>
</div></div>

Code:

<tw>Texte à thème délicat</tw>

Code:

<style>a>img[alt="NOM EXACT DE VOTRE COMPTE"]{content:url(URL DE L'IMAGE);}</style>


Code:

<style>a>img[alt="Eynaelle Sanderson"]{content:url(https://i.servimg.com/u/f98/20/34/79/80/28487110.jpg);}</style>


TITRE DU RP

proposé et animé par @"nom de votre personnage"

Titre du topic commun

lieu du TC

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:


<br>
<div align="center"><div style="width: 550px; overflow: hidden; background-color: var(--neutralDark); border-bottom: 15px solid #2d7476;"><div style="width: 550px; height: 100px; background-image: url(https://i.servimg.com/u/f46/20/44/33/36/image29.png); -webkit-clip-path: polygon(0 0,100% 0%,100% 75%,0% 100%); clip-path: polygon(0 0,100% 0%,100% 75%,0% 100%); transition: .5s ease; background-color: var(--neutralDark);">
<div class="titre1">[b]TITRE DU RP[/b]</div></div>
<table><td><img src="https://2img.net/image.noelshack.com/fichiers/2023/33/2/1692110017-diplomes-bb-1.png" width=70"></td><td>
[center]<span style="font: 12px 'Fredericka the Great',sans-serif; color: #145b5b!important;
text-align: center; letter-spacing: 2px; margin-left:-35px;">proposé et animé par @"nom de votre personnage"</span>[/center]
</td></table>

<div class="ficheADM" style="margin-top:-20px;"><div class="titrefiche">Titre du topic commun</div>
<div class="citationfiche">lieu du TC
</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>
</div></div>

je suis un PNJ

Aliquam tortor. Morbi ipsum massa, imperdiet  non, consectetuer vel, feugiat vel, lorem. Quisque eget lorem nec  elit malesuada vestibulum. Quisque sollicitudin ipsum vel sem. Nulla  enim. Proin nonummy felis vitae felis. Nullam pellentesque. Duis  rutrum feugiat felis. Mauris vel pede sed libero tincidunt mollis.  Phasellus sed urna rhoncus diam euismod bibendum. Phasellus sed  nisl. Integer condimentum justo id orci iaculis varius. Quisque et  lacus. Phasellus elementum, justo at dignissim auctor, wisi odio  lobortis arcu, sed sollicitudin felis felis eu neque. Praesent at  lacus.

Fusce adipiscing justo nec ante. Nullam in enim.  Pellentesque felis orci, sagittis ac, malesuada et, facilisis in,  ligula. Nunc non magna sit amet mi aliquam dictum. In mi. Curabitur  sollicitudin justo sed quam. Aenean imperdiet. Vestibulum ante ipsum  primis in faucibus orci luctus et ultrices posuere cubilia Curae  Donec lacinia nonummy lectus. Proin vel urna. Fusce sit amet orci ac  magna iaculis pharetra. Duis sagittis massa in tellus. Aenean vel  velit vel felis consectetuer pharetra.

Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Donec odio elit, dictum in, hendrerit sit amet, egestas sed, leo. Praesent feugiat sapien aliquet odio. Integer vitae justo. Aliquam vestibulum fringilla lorem. Sed neque lectus, consectetuer at, consectetuer sed, eleifend ac, lectus. Nulla facilisi. Pellentesque eget lectus. Proin eu metus. Sed porttitor. In hac habitasse platea dictumst. Suspendisse eu lectus. Ut mi mi, lacinia sit amet, placerat et, mollis vitae, dui. Sed ante tellus, tristique ut, iaculis eu, malesuada ac, dui. Mauris nibh leo, facilisis non, adipiscing quis, ultrices a, dui.

présentation de Prénom Nom

Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Donec odio elit, dictum in, hendrerit sit amet, egestas sed, leo. Praesent feugiat sapien aliquet odio. Integer vitae justo. Aliquam vestibulum fringilla lorem. Sed neque lectus, consectetuer at, consectetuer sed, eleifend ac, lectus. Nulla facilisi. Pellentesque eget lectus. Proin eu metus. Sed porttitor. In hac habitasse platea dictumst. Suspendisse eu lectus. Ut mi mi, lacinia sit amet, placerat et, mollis vitae, dui. Sed ante tellus, tristique ut, iaculis eu, malesuada ac, dui. Mauris nibh leo, facilisis non, adipiscing quis, ultrices a, dui.

Code:

<blockquote><style>a>img[alt="NOM EXACT DE VOTRE COMPTE"]{content:url(URL DE L'AVATAR PNJ);} a[href="/uNUMERO DE VOTRE COMPTE"]>span>strong::after {content: "VOTRE NOUVEAU PSEUDO ICI";color: VOTRE COULEUR ;font-size: 16px;}a[href="/uNUMERO DE VOTRE COMPTE"]>span>strong{font-size: 0px;}</style>

<div style="background-color:#D15347; text-transform:uppercase; letter-spacing: 2px; font-size: 10px; color:white;"><center>je suis un PNJ</center></div>
<div style="border-top: 1px solid #D15347; border-bottom: 1px solid #D15347; text-align: justify; font-size: 13px; padding : 10px;">Aliquam tortor. Morbi ipsum massa, imperdiet  non, consectetuer vel, feugiat vel, lorem. Quisque eget lorem nec  elit malesuada vestibulum. Quisque sollicitudin ipsum vel sem. Nulla  enim. Proin nonummy felis vitae felis. Nullam pellentesque. Duis  rutrum feugiat felis. Mauris vel pede sed libero tincidunt mollis.  Phasellus sed urna rhoncus diam euismod bibendum. Phasellus sed  nisl. Integer condimentum justo id orci iaculis varius. Quisque et  lacus. Phasellus elementum, justo at dignissim auctor, wisi odio  lobortis arcu, sed sollicitudin felis felis eu neque. Praesent at  lacus.

Fusce adipiscing justo nec ante. Nullam in enim.  Pellentesque felis orci, sagittis ac, malesuada et, facilisis in,  ligula. Nunc non magna sit amet mi aliquam dictum. In mi. Curabitur  sollicitudin justo sed quam. Aenean imperdiet. Vestibulum ante ipsum  primis in faucibus orci luctus et ultrices posuere cubilia Curae  Donec lacinia nonummy lectus. Proin vel urna. Fusce sit amet orci ac  magna iaculis pharetra. Duis sagittis massa in tellus. Aenean vel  velit vel felis consectetuer pharetra.

Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Donec odio elit, dictum in, hendrerit sit amet, egestas sed, leo. Praesent feugiat sapien aliquet odio. Integer vitae justo. Aliquam vestibulum fringilla lorem. Sed neque lectus, consectetuer at, consectetuer sed, eleifend ac, lectus. Nulla facilisi. Pellentesque eget lectus. Proin eu metus. Sed porttitor. In hac habitasse platea dictumst. Suspendisse eu lectus. Ut mi mi, lacinia sit amet, placerat et, mollis vitae, dui. Sed ante tellus, tristique ut, iaculis eu, malesuada ac, dui. Mauris nibh leo, facilisis non, adipiscing quis, ultrices a, dui.</div>
<div class="blockww1"><div class="titre3">présentation de Prénom Nom</div> Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Donec odio elit, dictum in, hendrerit sit amet, egestas sed, leo. Praesent feugiat sapien aliquet odio. Integer vitae justo. Aliquam vestibulum fringilla lorem. Sed neque lectus, consectetuer at, consectetuer sed, eleifend ac, lectus. Nulla facilisi. Pellentesque eget lectus. Proin eu metus. Sed porttitor. In hac habitasse platea dictumst. Suspendisse eu lectus. Ut mi mi, lacinia sit amet, placerat et, mollis vitae, dui. Sed ante tellus, tristique ut, iaculis eu, malesuada ac, dui. Mauris nibh leo, facilisis non, adipiscing quis, ultrices a, dui.</div></blockquote>

Fonction / Rang
PRENOM NOM

Aliquam tortor. Morbi ipsum massa, imperdiet  non, consectetuer vel, feugiat vel, lorem. Quisque eget lorem nec  elit malesuada vestibulum. Quisque sollicitudin ipsum vel sem. Nulla  enim. Proin nonummy felis vitae felis. Nullam pellentesque. Duis  rutrum feugiat felis. Mauris vel pede sed libero tincidunt mollis.  Phasellus sed urna rhoncus diam euismod bibendum. Phasellus sed  nisl. Integer condimentum justo id orci iaculis varius. Quisque et  lacus. Phasellus elementum, justo at dignissim auctor, wisi odio  lobortis arcu, sed sollicitudin felis felis eu neque. Praesent at  lacus.

Fusce adipiscing justo nec ante. Nullam in enim.  Pellentesque felis orci, sagittis ac, malesuada et, facilisis in,  ligula. Nunc non magna sit amet mi aliquam dictum. In mi. Curabitur  sollicitudin justo sed quam. Aenean imperdiet. Vestibulum ante ipsum  primis in faucibus orci luctus et ultrices posuere cubilia Curae  Donec lacinia nonummy lectus. Proin vel urna. Fusce sit amet orci ac  magna iaculis pharetra. Duis sagittis massa in tellus. Aenean vel  velit vel felis consectetuer pharetra.

Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Donec odio elit, dictum in, hendrerit sit amet, egestas sed, leo. Praesent feugiat sapien aliquet odio. Integer vitae justo. Aliquam vestibulum fringilla lorem. Sed neque lectus, consectetuer at, consectetuer sed, eleifend ac, lectus. Nulla facilisi. Pellentesque eget lectus. Proin eu metus. Sed porttitor. In hac habitasse platea dictumst. Suspendisse eu lectus. Ut mi mi, lacinia sit amet, placerat et, mollis vitae, dui. Sed ante tellus, tristique ut, iaculis eu, malesuada ac, dui. Mauris nibh leo, facilisis non, adipiscing quis, ultrices a, dui.

je suis un PNJ

Présentation concise du PNJ. Aliquam tortor. Morbi ipsum massa, imperdiet  non, consectetuer vel, feugiat vel, lorem. Quisque eget lorem nec  elit malesuada vestibulum. Quisque sollicitudin ipsum vel sem. Nulla  enim. Proin nonummy felis vitae felis. Nullam pellentesque. Duis  rutrum feugiat felis. Mauris vel pede sed libero tincidunt mollis.  Phasellus sed urna rhoncus diam euismod bibendum. Phasellus sed  nisl. Integer condimentum justo id orci iaculis varius. Quisque et  lacus. Phasellus elementum, justo at dignissim auctor, wisi odio  lobortis arcu, sed sollicitudin felis felis eu neque. Praesent at  lacus.

Code:

<div class="blockww1"><img src="https://zupimages.net/up/23/23/ug6w.jpg" style="border: dashed 1px rosybrown; padding : 5px; margin-right: 15px; margin-bottom: 5px; width: 200px; float : left;"> <div style="text-align: justify; margin : 5px; padding : 10px;"><div class="titre3">Fonction / Rang
<a href="#">PRENOM NOM</a></div>
[justify]Âgé de 71 ans,[b] Ambrosius Astor[/b] est le doyen de la noble[b] famille Astor[/b]. Cette dernière est connue dans le monde des Sorciers pour avoir déjà donné[b] deux Ministres de la Magie [/b](1678 et 1865) ainsi qu'un [b]Directeur de Poudlard[/b]. Carriériste, Ambrosius a toujours eu l'ambition de devenir Ministre. D'abord Brigadier à la BPM, il monta rapidement les échelons pour devenir [b]Commissaire[/b]. Faisant l'unanimité dans le monde des Sorciers, aussi bien chez les Sangs-Mêlés que chez les Sangs Purs, il arrête sa carrière de Commissaire pour se lancer dans la politique. Fondateur du [u]C.Q.F.D[/u](CONCIL DU QUIDAM FIDELIS DEMIURGUS), il essuie un revers lors de sa première élection [b]en 2002[/b]. Déçu, il abandonne sa carrière politique, laissant son parti en l'état, estimant que le monde magique britannique n'est pas encore prêt.
 Il revient aux sources, mais à l'internationale. Affichant des états de services impeccables, il est nommé[b] Chef d'Incarcération[/b] pour la[b] Confédération Internationale des Sorciers[/b]. Poste qu'il occupe avec brio durant plusieurs longues années. Pressenti alors comme un candidat sérieux au poste de [b]Manitou Suprême[/b] en 2023, la chance lui sourit alors de nouveau. En pleine tourmente suite au fiasco de la [b]Marche des Libertés[/b], l'actuel Ministre de la Magie[b] Adair Dunn[/b] démissionne. Le peuple britannique, encore majoritairement conservateur, demande alors l'arrivée d'un membre plus sage et raisonné. Une pétition est créée pour qu'[b]Ambrosius Astor[/b] ait le courage de se présenter, et devant le nombre de signatures, ce dernier fait figure de candidat naturel. Ayant laissé un souvenir positif aux britanniques, il est élu à [b]65%[/b] face à un candidat progressiste qui malgré les erreurs du Gouvernement précédent n'a pas su sortir du lot.
Aujourd'hui, il tient le Ministère d'un main de fer, en adoucissant suffisamment la politique anti-hybrides pour éviter d'attirer le mauvais oeil de la [b]Confédération Internationale des Sorciers[/b], dont évidemment, il vise la présidence si Merlin lui prête longue vie. Les idées du parti sont quand même appliquées, à savoir majoritairement des lois toujours pro-sorciers et mettant en avant les familles de Sang-Pur aux postes importants.


[b]Apparitions :[/b] A venir
[b]Faceclaim d'illustration[/b] (non réservé, libre pour joueur) : Harrison Ford[/justify]
<br><br>
<div style="background-color:#D15347; text-transform:uppercase; letter-spacing: 2px; font-size: 10px; color:white;"><center>je suis un PNJ</center></div>
<div style="border-top: 1px solid #D15347; border-bottom: 1px solid #D15347; text-align: justify; font-size: 13px; padding : 10px;">Présentation concise du PNJ. Aliquam tortor. Morbi ipsum massa, imperdiet  non, consectetuer vel, feugiat vel, lorem. Quisque eget lorem nec  elit malesuada vestibulum. Quisque sollicitudin ipsum vel sem. Nulla  enim. Proin nonummy felis vitae felis. Nullam pellentesque. Duis  rutrum feugiat felis. Mauris vel pede sed libero tincidunt mollis.  Phasellus sed urna rhoncus diam euismod bibendum. Phasellus sed  nisl. Integer condimentum justo id orci iaculis varius. Quisque et  lacus. Phasellus elementum, justo at dignissim auctor, wisi odio  lobortis arcu, sed sollicitudin felis felis eu neque. Praesent at  lacus.</div>

</div></div>

Code:

<style>a[href="/uNUMERO DE VOTRE COMPTE"]>span>strong::after {content: "VOTRE NOUVEAU PSEUDO ICI";color: VOTRE COULEUR ;font-size: 16px;}a[href="/uNUMERO DE VOTRE COMPTE"]>span>strong{font-size: 0px;}</style>

Exemple Fonctionnel :

Code:

<div style="color:var(--accentClr)">Texte coloré</div>
<span style="color:var(--textColorAccent)">Texte coloré</span>

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod

W

ISH YOU
WERE
HERE

@"PRÉNOM NOM" & @"PRÉNOM NOM"

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.

MADE BY @ICE AND FIRE.

Code:

<center><link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Nunito+Sans:wght@0,300&family=Playfair+Display:ital,wght@0,400;0,500;0,600;1,500&display=swap" rel="stylesheet"><div style="border-radius: 10px;font-size: 12px;padding: 17px 17px 1px;text-align: justify;width: 509px;background-color: var(--neutralDark)"><div style="height:89px;margin:0 0 0 46px;"><div style="float: left;width: 93px;font-family: 'Playfair Display', serif;text-transform: uppercase;text-align: justify;font-size: 7px;line-height: 9px;color: var(--accentClrDark);margin: 14px 10px 0 0;border-right: 1px solid var(--accentClrDark);padding-right: 14px;letter-spacing: 1px;height:36px">Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod</div><img src="https://64.media.tumblr.com/ebf3401bc15c379f450c147e027783ed/tumblr_pnobr9zamJ1sognhno2_r1_400.gif" style="padding:5px;width:165px;height:80px;float:left;border:1px solid var(--accentClrDark);border-radius:3px;object-fit:cover;"><div style="float: left;margin: 24px 0 0 10px;border-left: 1px solid var(--accentClrDark);padding-right: 14px;letter-spacing: 1px;height:36px;"></div><div style="float: left;font-family: 'Playfair Display';font-size: 53px;color: var(--accentClrDark);margin-top: 10px;margin-left:2px;display: block;">W</div><div style="float: left;width: 73px;font-family: 'Playfair Display';color: var(--accentClrDark);font-size: 9px;letter-spacing: 1px;margin: 25px 0 0 5px;line-height:12px;text-align:left;">ISH YOU<br/>WERE</br>HERE</div></div><div style="background-color: var(--neutralDarker);border-radius: 3px;text-align: center;letter-spacing: 2px;font-family: 'Nunito Sans', sans-serif;line-height: 10px;padding: 2px 0px 0px;"><span style="font-size:8px;text-transform:uppercase;">@"PRÉNOM NOM" & @"PRÉNOM NOM"</span></div><div style="font-family: 'Nunito Sans', sans-serif;margin:8px 0 0;border-top:1px solid var(--accentClrDark);font-size: 13px;padding:15px 15px 0;line-height:17px;color:var(--textColor);">Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.</div><div style="font-family: 'Playfair Display', serif;text-transform:uppercase;color:#000;font-size:6px;letter-spacing:2px;text-align:center;border-top:1px solid var(--accentClrDark);padding-top:1px;margin-top:17px;">MADE BY @ICE AND FIRE.</div></div></center>