Bienvenue sur Fate's City

24/07/2015

Les règles:

I) Faites chacun votre fiche en suivant le modèle si dessous.

II) Si vous voulez faire un RP avec une personne en particulier poster a la suite de la fiche de cette personne.

III) Les fiches devront être mise a jour régulièrement pour qu'il n'y aie pas de problème.

Pourquoi faire une fiche ?:

Cette partie a pour but de voir ou vous en êtes dans vos Rp et permet aussi au autre de retrouver les rp fait avec votre personnage.

De plus essayer de la mettre a jour le plus souvent possible merci.

Modèle de fiche:

Code:: RP en cours: RP crée sans réponse: RP terminé:

Poster vos fiches sur autre sujet.

24/07/2015

Prénom

petite citation qui décris le personnage pas trop longue comme cette phrase

Petite phrase que le personnage dirais souvent?

une autre exprimant son caractère

ce que je recherche

Mon parcous

Mes relations

X

un petit blabla sur ton personnage les points importatnts?

Z

Un petit résumé sympa en gros. Ah et la lettre Z est bien sur modifiable. par n'importe laquelle

Titre du lien

descriptions ou n'importe

Titre du lien

Une nouvelle description

Titre encore

Et oui on décris encore mais faut bien non?

"

petit truc sympa

Titre rp

Partenaire - où? - coquin? pas coquin?.

titre du rp

"Lieu - heure - Avec Personnage."

Titre du rp

"Lieu - heure - Avec Personnage."

titre du rp

"Lieu - heure - Avec Personnage."

titre du rp

"Lieu - heure - Avec Personnage."

Titre du rp

lieu- heure - avec personnage.

En cours

Terminés

Abandonnés

Prénom

Je suis la description de la relation

Prenom

je suis la description de la relations

Prenom

Je suis la description de la relation

Prenom

Je suis la description de la relation.

Code:: <link href="https://dl.dropbox.com/s/trtu111p6zpgumx/ZagreusExp.css" rel="stylesheet"><link rel="stylesheet" href="https://nagoshiashumari.github.io/Rpg-Awesome/stylesheets/rpg-awesome.min.css"><link href="//solrainha.github.io/honeybee/honeybee.css" rel="stylesheet"><link rel="stylesheet" href="https://kit-pro.fontawesome.com/releases/v5.11.2/css/pro.min.css"/><link href="https://fonts.googleapis.com/css2?family=Fugaz+One&family=Inria+Serif:wght@700&family=Roboto+Slab:wght@100;400;900&display=swap" rel="stylesheet"><div id="Container_Hades"><div class="Back_House"><div class="Zg_one"><div class="Zg_name">Prénom</div><div class="Zg_quote1">petite citation qui décris le personnage pas trop longue comme cette phrase </div><div class="Zg_icon"><a href="https://ciaransoul.tumblr.com"><span class="ra ra-skull"></span></a></div></div><div class="Zg_two"><div id="Zg_header"><div class="Zg_header_Cont"><div class="Zg_icon_header1"><span class="ra ra-skull"></span></div><il class="Zg_header_quote"><il class="Zg_Title1">Petite phrase que le personnage dirais souvent? </il></il><div class="Zg_Avatar"><img src="https://i.imgur.com/9GVsDuc.png"><div class="ZgFltr1"></div></div><il class="Zg_Title2">une autre<b> exprimant son caractère</b></il><div class="Zg_icon_header2"><span class="ra ra-skull"></span></div></div></div><div id="Zg_menu"><div class="Zg_Menu_Cont"><input type="radio" name="bloodline" id="boton1"/><label for="boton1" class="run1"><span class="ra ra-spinning-sword"></span><div class="Zg_menu_Title">ce que je recherche</div></label><input type="radio" name="bloodline" id="boton2" /><label for="boton2" class="run2"><span class="ra ra-flaming-arrow"></span><div class="Zg_menu_Title">Mon parcous</div></label><input type="radio" name="bloodline" id="boton3" /><label for="boton3" class="run3"><span class="ra ra-broken-shield"></span><div class="Zg_menu_Title">Mes relations</div></label><input type="radio" name="bloodline" id="botonX"/><label for="botonX" class="bloodac">X</label><div id="Zg_intro_pri"><div class="Zg_intro_Text">un petit blabla sur <b> ton personnage </b> les points importatnts?</div><div class="Zg_intro_Image">Z<img src="https://i.imgur.com/6kDQtCz.png"><div class="ZgFltr2"></div></div><div class="Zg_intro_Text">Un petit résumé sympa <i>en gros.</i> Ah et la lettre Z est bien sur modifiable. par n'importe laquelle </div></div><div class="Zg_Cont Escape1"><div id="ZCont_search"><div class="ZCont_search_Title">Titre du lien<span class="ra ra-queen-crown"></span></div><div class="ZCont_search_Text"><b>descriptions</b> ou n'importe </div><div class="ZCont_search_Title">Titre du lien<span class="ra ra-heart-bottle"></span></div><div class="ZCont_search_Text">Une nouvelle description</div>  <div class="ZCont_search_Title">Titre encore<span class="ra ra-skull"></span></div><div class="ZCont_search_Text"><i>Et oui on décris encore</i> mais faut bien non?</div>  </div><div class="ZCont_search_img"><div class="ZCont_SearchImg_Quote"><div class="SearchImg_quote">"</div>petit truc sympa</div><img src="https://i.imgur.com/RRTdkw8.png"></div></div><div class="Zg_Cont Escape2"><div class="ZCont_Chr1"><div class="ZC_chrnam">Titre rp<span class="ra ra-heart-bottle"></span></div><div class="ZC_chrtext">Partenaire - où? - coquin? pas coquin?.</div><div class="ZC_chrnam">titre du rp<span class="ra ra-crowned-heart"></span></div><div class="ZC_chrtext">"Lieu - heure - Avec Personnage."</div><div class="ZC_chrnam">Titre du rp<span class="ra ra-skull-trophy"></span></div><div class="ZC_chrtext">"Lieu - heure - Avec Personnage."</div><div class="ZC_chrnam">titre du rp<span class="ra ra-heart-bottle"></span></div><div class="ZC_chrtext">"Lieu - heure - Avec Personnage."</div><div class="ZC_chrnam">titre du rp<span class="ra ra-crowned-heart"></span></div><div class="ZC_chrtext">"Lieu - heure - Avec Personnage."</div> <div class="ZC_chrnam">Titre du rp<span class="ra ra-skull-trophy"></span></div><div class="ZC_chrtext">lieu- heure - avec personnage.</div>  </div><div class="ZCont_Chr_line"></div><div class="ZCont_Chr2"><span class="ra ra-heart-bottle"></span><div class="ZCchr_name">En cours</div><span class="ra ra-crowned-heart"></span><div class="ZCchr_name">Terminés</div><span class="ra ra-skull-trophy"></span><div class="ZCchr_name">Abandonnés</div></div></div><div class="Zg_Cont Escape3"><div id="Zg_Rela"><div class="Zg_Rel"><div class="Zg_Rell_ico"><span class="fas fa-skull-crossbones"></div><div class="Zg_Rel_Img" style="background: url('https://i.imgur.com/YdlResI.png');"></div><div class="Zg_Rel_Text"><div class="Rel_Title">Prénom</div><div class="Rel_Text_">Je suis la description de la relation</div></div></div><div class="Zg_Rel"><div class="Zg_Rell_ico"><span class="fas fa-moon-stars"></span></div><div class="Zg_Rel_Img" style="background: url('https://i.imgur.com/jMRnRDy.png');"></div><div class="Zg_Rel_Text"><div class="Rel_Title">Prenom</div><div class="Rel_Text_">je suis la description de la relations</div></div></div><div class="Zg_Rel"><div class="Zg_Rell_ico"><span class="fas fa-claw-marks"></span></div><div class="Zg_Rel_Img" style="background: url('https://i.imgur.com/kQwKc12.png');"></div><div class="Zg_Rel_Text"><div class="Rel_Title">Prenom</div><div class="Rel_Text_">Je suis la description de la relation</div></div></div>  <div class="Zg_Rel"><div class="Zg_Rell_ico"><span class="ra ra-venomous-snake"></span></div><div class="Zg_Rel_Img" style="background: url('https://i.imgur.com/jwaKcjh.png');"></div><div class="Zg_Rel_Text"><div class="Rel_Title">Prenom</div><div class="Rel_Text_">Je suis la description de la relation.</div></div></div>  </div></div></div></div></div></div></div><style>:root {--main-color:#2c5d5f;--second-color:#195c5e;--Third-color:#1d8270;--outline-color:#13a1bf;--filt-color: #447d7b;--text-color:black;--LightDark-color:#d0d0d0;--hover-color: white;}</style>

24/07/2015

Don´t Cry

En cours

Titre — feat

Titre — feat

Terminés

Titre — feat

Titre — feat

Abandonnés

Titre — feat

Titre — feat

Ciaran

Code:: <link href="https://dl.dropbox.com/s/k0ssljqhni5vrh8/04-Dnt.css" rel="stylesheet"><main id="TlmSof"><div class="Tml_IK"><div></div><div>Don´t Cry</div><div class="img" style="background:url('https://via.placeholder.com/150x150');"></div></div><div class="Tml_IW"><div class="Tml_Act"><span>En cours</span><p> <a href="LINK AQUÍ">Titre</a> — feat<br> <a href="LINK AQUÍ">Titre</a> — feat </p></div><div class="Tml_Act"><span>Terminés</span><p> <a href="LINK AQUÍ">Titre</a> — feat<br> <a href="LINK AQUÍ">Titre</a> — feat </p></div><div class="Tml_Act"><span>Abandonnés</span><p> <a href="LINK AQUÍ">Titre</a> — feat<br> <a href="LINK AQUÍ">Titre</a> — feat </p></div></div><a href="https://ciaransoul.tumblr.com" class="C">Ciaran</a></main><link href="https://fonts.googleapis.com/css?family=Anton&display=swap" rel="stylesheet"><style>:root{--Dclr1:#0d080a; --Dclr2:#990033; --Bgclr: #17080d; --DText:pink; --DBorders:#990033; --DFont:'Anton', sans-serif;</style>

Sweet
Dreams

Prénom et nomlien

Prénom et nomlien

prénom et nomlien

prenom et nomlien

prénom et nomlien

prenom et nomlien

CIARAN

Code:: <link href="https://dl.dropbox.com/s/rrd55ztjs20rdol/SwD.css" rel="stylesheet"><main id="SwD-bg"><div class="SwD-ctn1"><div class="SwD-Title">Sweet<br>Dreams</div><div class="SwD-imgc"><div class="Img-swd" style="background:url('https://via.placeholder.com/150x150');"></div></div></div><div class="SwD-ctn2"><div class="SwD-ch-ct"><img src="https://via.placeholder.com/100x100"/><div class="SwD-tx-c"><nm>Prénom et nom</nm><tx>lien</tx></div></div><div class="SwD-ch-ct"><div class="SwD-tx-d"><nn>Prénom et nom</nn><tt>lien</tt></div><img src="https://via.placeholder.com/100x100"/></div> <div class="SwD-ch-ct"><img src="https://via.placeholder.com/100x100"/><div class="SwD-tx-c"><nm>prénom et nom</nm><tx>lien</tx></div></div><div class="SwD-ch-ct"><div class="SwD-tx-d"><nn>prenom et nom</nn><tt>lien</tt></div><img src="https://via.placeholder.com/100x100"/></div> <!-code pour ajouter des liens-> <div class="SwD-ch-ct"><img src="https://via.placeholder.com/100x100"/><div class="SwD-tx-c"><nm>prénom et nom</nm><tx>lien</tx></div></div><div class="SwD-ch-ct"><div class="SwD-tx-d"><nn>prenom et nom</nn><tt>lien</tt></div><img src="https://via.placeholder.com/100x100"/></div> <!-fin du code pour ajouter des rps/-> </div><a href="https://ciaransoul.tumblr.com" class="C">CIARAN</a></main><style>:root{--clr1:#990033; --DarkLight1:#0d080a; --DarkLight2:#17080d; --text:#999;} .SwD-ch-ct img{width:50px; height:50px;}</style>

24/07/2015

W

Nom et Prénom
petite citation

Infos importantes, résumée sur le personnages.

O

Prenom et Nom
relation

St. agur blue cheese boursin rubber cheese. Babybel queso blue castello port-salut cheese slices cottage cheese camembert de normandie squirty cheese. Manchego caerphilly pecorino pepper jack queso port-salut mozzarella camembert de normandie. Parmesan st. agur blue cheese queso fromage.

Croque monsieur cheese and biscuits cheese and wine. Gouda halloumi airedale pecorino manchego goat cauliflower cheese everyone loves. Emmental stilton squirty cheese cheese and biscuits roquefort danish fontina rubber cheese feta. Gouda croque monsieur danish fontina rubber cheese.

Cheesy grin fromage frais caerphilly. Goat brie pepper jack cheese and biscuits st. agur blue cheese who moved my cheese fromage frais cheese triangles. Queso bavarian bergkase cheese slices rubber cheese blue castello lancashire blue castello boursin. Boursin stilton.

P

Prénom et Nom
Relation

St. agur blue cheese boursin rubber cheese. Babybel queso blue castello port-salut cheese slices cottage cheese camembert de normandie squirty cheese. Manchego caerphilly pecorino pepper jack queso port-salut mozzarella camembert de normandie. Parmesan st. agur blue cheese queso fromage.

Croque monsieur cheese and biscuits cheese and wine. Gouda halloumi airedale pecorino manchego goat cauliflower cheese everyone loves. Emmental stilton squirty cheese cheese and biscuits roquefort danish fontina rubber cheese feta. Gouda croque monsieur danish fontina rubber cheese.

Cheesy grin fromage frais caerphilly. Goat brie pepper jack cheese and biscuits st. agur blue cheese who moved my cheese fromage frais cheese triangles. Queso bavarian bergkase cheese slices rubber cheese blue castello lancashire blue castello boursin. Boursin stilton.

Q

Prénom et Nom
Relation

St. agur blue cheese boursin rubber cheese. Babybel queso blue castello port-salut cheese slices cottage cheese camembert de normandie squirty cheese. Manchego caerphilly pecorino pepper jack queso port-salut mozzarella camembert de normandie. Parmesan st. agur blue cheese queso fromage.

Croque monsieur cheese and biscuits cheese and wine. Gouda halloumi airedale pecorino manchego goat cauliflower cheese everyone loves. Emmental stilton squirty cheese cheese and biscuits roquefort danish fontina rubber cheese feta. Gouda croque monsieur danish fontina rubber cheese.

Cheesy grin fromage frais caerphilly. Goat brie pepper jack cheese and biscuits st. agur blue cheese who moved my cheese fromage frais cheese triangles. Queso bavarian bergkase cheese slices rubber cheese blue castello lancashire blue castello boursin. Boursin stilton.

R

Prenom et Nom
Relation

St. agur blue cheese boursin rubber cheese. Babybel queso blue castello port-salut cheese slices cottage cheese camembert de normandie squirty cheese. Manchego caerphilly pecorino pepper jack queso port-salut mozzarella camembert de normandie. Parmesan st. agur blue cheese queso fromage.

Croque monsieur cheese and biscuits cheese and wine. Gouda halloumi airedale pecorino manchego goat cauliflower cheese everyone loves. Emmental stilton squirty cheese cheese and biscuits roquefort danish fontina rubber cheese feta. Gouda croque monsieur danish fontina rubber cheese.

Cheesy grin fromage frais caerphilly. Goat brie pepper jack cheese and biscuits st. agur blue cheese who moved my cheese fromage frais cheese triangles. Queso bavarian bergkase cheese slices rubber cheese blue castello lancashire blue castello boursin. Boursin stilton.

O

Prenom et Nom
relation

St. agur blue cheese boursin rubber cheese. Babybel queso blue castello port-salut cheese slices cottage cheese camembert de normandie squirty cheese. Manchego caerphilly pecorino pepper jack queso port-salut mozzarella camembert de normandie. Parmesan st. agur blue cheese queso fromage.

Croque monsieur cheese and biscuits cheese and wine. Gouda halloumi airedale pecorino manchego goat cauliflower cheese everyone loves. Emmental stilton squirty cheese cheese and biscuits roquefort danish fontina rubber cheese feta. Gouda croque monsieur danish fontina rubber cheese.

Cheesy grin fromage frais caerphilly. Goat brie pepper jack cheese and biscuits st. agur blue cheese who moved my cheese fromage frais cheese triangles. Queso bavarian bergkase cheese slices rubber cheese blue castello lancashire blue castello boursin. Boursin stilton.

P

Prénom et Nom
Relation

St. agur blue cheese boursin rubber cheese. Babybel queso blue castello port-salut cheese slices cottage cheese camembert de normandie squirty cheese. Manchego caerphilly pecorino pepper jack queso port-salut mozzarella camembert de normandie. Parmesan st. agur blue cheese queso fromage.

Croque monsieur cheese and biscuits cheese and wine. Gouda halloumi airedale pecorino manchego goat cauliflower cheese everyone loves. Emmental stilton squirty cheese cheese and biscuits roquefort danish fontina rubber cheese feta. Gouda croque monsieur danish fontina rubber cheese.

Cheesy grin fromage frais caerphilly. Goat brie pepper jack cheese and biscuits st. agur blue cheese who moved my cheese fromage frais cheese triangles. Queso bavarian bergkase cheese slices rubber cheese blue castello lancashire blue castello boursin. Boursin stilton.

Q

Prénom et Nom
Relation

St. agur blue cheese boursin rubber cheese. Babybel queso blue castello port-salut cheese slices cottage cheese camembert de normandie squirty cheese. Manchego caerphilly pecorino pepper jack queso port-salut mozzarella camembert de normandie. Parmesan st. agur blue cheese queso fromage.

Croque monsieur cheese and biscuits cheese and wine. Gouda halloumi airedale pecorino manchego goat cauliflower cheese everyone loves. Emmental stilton squirty cheese cheese and biscuits roquefort danish fontina rubber cheese feta. Gouda croque monsieur danish fontina rubber cheese.

Cheesy grin fromage frais caerphilly. Goat brie pepper jack cheese and biscuits st. agur blue cheese who moved my cheese fromage frais cheese triangles. Queso bavarian bergkase cheese slices rubber cheese blue castello lancashire blue castello boursin. Boursin stilton.

R

Prenom et Nom
Relation

St. agur blue cheese boursin rubber cheese. Babybel queso blue castello port-salut cheese slices cottage cheese camembert de normandie squirty cheese. Manchego caerphilly pecorino pepper jack queso port-salut mozzarella camembert de normandie. Parmesan st. agur blue cheese queso fromage.

Croque monsieur cheese and biscuits cheese and wine. Gouda halloumi airedale pecorino manchego goat cauliflower cheese everyone loves. Emmental stilton squirty cheese cheese and biscuits roquefort danish fontina rubber cheese feta. Gouda croque monsieur danish fontina rubber cheese.

Cheesy grin fromage frais caerphilly. Goat brie pepper jack cheese and biscuits st. agur blue cheese who moved my cheese fromage frais cheese triangles. Queso bavarian bergkase cheese slices rubber cheese blue castello lancashire blue castello boursin. Boursin stilton.

Emme's Codes

Code:: <div class="QSM"><div class="imgQSM" style="background: url(https://i.imgur.com/DtL8nhs.jpg?1) center center;"><titu><c>W</c><div>Nom et Prénom <i>petite citation</i></div></titu><div class="txQSM">Infos importantes, résumée sur le personnages.</div></div><div class="peQSM" style="color: #50532f;"><c>O</c><img src="https://i.imgur.com/TCQh9IT.jpg"><m>Prenom et Nom<br>relation</m><div>St. agur blue cheese boursin rubber cheese. Babybel queso blue castello port-salut cheese slices cottage cheese camembert de normandie squirty cheese. Manchego caerphilly pecorino pepper jack queso port-salut mozzarella camembert de normandie. Parmesan st. agur blue cheese queso fromage. Croque monsieur cheese and biscuits cheese and wine. Gouda halloumi airedale pecorino manchego goat cauliflower cheese everyone loves. Emmental stilton squirty cheese cheese and biscuits roquefort danish fontina rubber cheese feta. Gouda croque monsieur danish fontina rubber cheese. Cheesy grin fromage frais caerphilly. Goat brie pepper jack cheese and biscuits st. agur blue cheese who moved my cheese fromage frais cheese triangles. Queso bavarian bergkase cheese slices rubber cheese blue castello lancashire blue castello boursin. Boursin stilton.</div></div><div class="peQSM" style="color: #507377;"><c>P</c><img src="https://i.imgur.com/7pWFhFl.jpg"><m>Prénom et Nom<br>Relation</m><div>St. agur blue cheese boursin rubber cheese. Babybel queso blue castello port-salut cheese slices cottage cheese camembert de normandie squirty cheese. Manchego caerphilly pecorino pepper jack queso port-salut mozzarella camembert de normandie. Parmesan st. agur blue cheese queso fromage. Croque monsieur cheese and biscuits cheese and wine. Gouda halloumi airedale pecorino manchego goat cauliflower cheese everyone loves. Emmental stilton squirty cheese cheese and biscuits roquefort danish fontina rubber cheese feta. Gouda croque monsieur danish fontina rubber cheese. Cheesy grin fromage frais caerphilly. Goat brie pepper jack cheese and biscuits st. agur blue cheese who moved my cheese fromage frais cheese triangles. Queso bavarian bergkase cheese slices rubber cheese blue castello lancashire blue castello boursin. Boursin stilton.</div> </div><div class="peQSM" style="color: #983f33;"><c>Q</c><img src="https://i.imgur.com/5LsoEXF.jpg"><m>Prénom et Nom<br> Relation</m><div>St. agur blue cheese boursin rubber cheese. Babybel queso blue castello port-salut cheese slices cottage cheese camembert de normandie squirty cheese. Manchego caerphilly pecorino pepper jack queso port-salut mozzarella camembert de normandie. Parmesan st. agur blue cheese queso fromage. Croque monsieur cheese and biscuits cheese and wine. Gouda halloumi airedale pecorino manchego goat cauliflower cheese everyone loves. Emmental stilton squirty cheese cheese and biscuits roquefort danish fontina rubber cheese feta. Gouda croque monsieur danish fontina rubber cheese. Cheesy grin fromage frais caerphilly. Goat brie pepper jack cheese and biscuits st. agur blue cheese who moved my cheese fromage frais cheese triangles. Queso bavarian bergkase cheese slices rubber cheese blue castello lancashire blue castello boursin. Boursin stilton.</div></div><div class="peQSM" style="color: #8d6f55;"><c>R</c><img src="https://i.imgur.com/Lb0YZs8.jpg"><m>Prenom et Nom<br>Relation</m><div>St. agur blue cheese boursin rubber cheese. Babybel queso blue castello port-salut cheese slices cottage cheese camembert de normandie squirty cheese. Manchego caerphilly pecorino pepper jack queso port-salut mozzarella camembert de normandie. Parmesan st. agur blue cheese queso fromage. Croque monsieur cheese and biscuits cheese and wine. Gouda halloumi airedale pecorino manchego goat cauliflower cheese everyone loves. Emmental stilton squirty cheese cheese and biscuits roquefort danish fontina rubber cheese feta. Gouda croque monsieur danish fontina rubber cheese. Cheesy grin fromage frais caerphilly. Goat brie pepper jack cheese and biscuits st. agur blue cheese who moved my cheese fromage frais cheese triangles. Queso bavarian bergkase cheese slices rubber cheese blue castello lancashire blue castello boursin. Boursin stilton.</div> </div> <!-code pour ajouter des liens-> <div class="peQSM" style="color: #50532f;"><c>O</c><img src="https://i.imgur.com/TCQh9IT.jpg"><m>Prenom et Nom<br>relation</m><div>St. agur blue cheese boursin rubber cheese. Babybel queso blue castello port-salut cheese slices cottage cheese camembert de normandie squirty cheese. Manchego caerphilly pecorino pepper jack queso port-salut mozzarella camembert de normandie. Parmesan st. agur blue cheese queso fromage. Croque monsieur cheese and biscuits cheese and wine. Gouda halloumi airedale pecorino manchego goat cauliflower cheese everyone loves. Emmental stilton squirty cheese cheese and biscuits roquefort danish fontina rubber cheese feta. Gouda croque monsieur danish fontina rubber cheese. Cheesy grin fromage frais caerphilly. Goat brie pepper jack cheese and biscuits st. agur blue cheese who moved my cheese fromage frais cheese triangles. Queso bavarian bergkase cheese slices rubber cheese blue castello lancashire blue castello boursin. Boursin stilton.</div></div><div class="peQSM" style="color: #507377;"><c>P</c><img src="https://i.imgur.com/7pWFhFl.jpg"><m>Prénom et Nom<br>Relation</m><div>St. agur blue cheese boursin rubber cheese. Babybel queso blue castello port-salut cheese slices cottage cheese camembert de normandie squirty cheese. Manchego caerphilly pecorino pepper jack queso port-salut mozzarella camembert de normandie. Parmesan st. agur blue cheese queso fromage. Croque monsieur cheese and biscuits cheese and wine. Gouda halloumi airedale pecorino manchego goat cauliflower cheese everyone loves. Emmental stilton squirty cheese cheese and biscuits roquefort danish fontina rubber cheese feta. Gouda croque monsieur danish fontina rubber cheese. Cheesy grin fromage frais caerphilly. Goat brie pepper jack cheese and biscuits st. agur blue cheese who moved my cheese fromage frais cheese triangles. Queso bavarian bergkase cheese slices rubber cheese blue castello lancashire blue castello boursin. Boursin stilton.</div></div><div class="peQSM" style="color: #983f33;"><c>Q</c><img src="https://i.imgur.com/5LsoEXF.jpg"><m>Prénom et Nom<br> Relation</m><div>St. agur blue cheese boursin rubber cheese. Babybel queso blue castello port-salut cheese slices cottage cheese camembert de normandie squirty cheese. Manchego caerphilly pecorino pepper jack queso port-salut mozzarella camembert de normandie. Parmesan st. agur blue cheese queso fromage. Croque monsieur cheese and biscuits cheese and wine. Gouda halloumi airedale pecorino manchego goat cauliflower cheese everyone loves. Emmental stilton squirty cheese cheese and biscuits roquefort danish fontina rubber cheese feta. Gouda croque monsieur danish fontina rubber cheese. Cheesy grin fromage frais caerphilly. Goat brie pepper jack cheese and biscuits st. agur blue cheese who moved my cheese fromage frais cheese triangles. Queso bavarian bergkase cheese slices rubber cheese blue castello lancashire blue castello boursin. Boursin stilton.</div></div><div class="peQSM" style="color: #8d6f55;"><c>R</c><img src="https://i.imgur.com/Lb0YZs8.jpg"><m>Prenom et Nom<br>Relation</m><div>St. agur blue cheese boursin rubber cheese. Babybel queso blue castello port-salut cheese slices cottage cheese camembert de normandie squirty cheese. Manchego caerphilly pecorino pepper jack queso port-salut mozzarella camembert de normandie. Parmesan st. agur blue cheese queso fromage. Croque monsieur cheese and biscuits cheese and wine. Gouda halloumi airedale pecorino manchego goat cauliflower cheese everyone loves. Emmental stilton squirty cheese cheese and biscuits roquefort danish fontina rubber cheese feta. Gouda croque monsieur danish fontina rubber cheese. Cheesy grin fromage frais caerphilly. Goat brie pepper jack cheese and biscuits st. agur blue cheese who moved my cheese fromage frais cheese triangles. Queso bavarian bergkase cheese slices rubber cheese blue castello lancashire blue castello boursin. Boursin stilton.</div> </div> <!-fin du code pour ajouter des rps/-> </div><link href="https://fonts.googleapis.com/css?family=Vollkorn|Ubuntu" rel="stylesheet"><link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.2.0/css/all.css" integrity="sha384-hWVjflwFxL6sNzntih27bfxkr27PmbbK/iSvJ+a4+0owXq79v+lsFkW54bOGbiDQ" crossorigin="anonymous"><center><a href="https://emmescodes.tumblr.com/" style="font: 8px arial;line-height: 15px;">Emme's Codes</a></center><style>@font-face {font-family: 'The King';src: url('https://cdn.rawgit.com/EmmesCodes/mmhost/2339689f/The%20King.ttf');}.QSM {border: 1px solid;width: 450px;margin: auto;background: #101e29;overflow: hidden;text-align: center;color: #444d54;padding-bottom: 20px;}.imgQSM {background: #ff8a57;min-height: 200px;border-radius: 0 0 80% 80%;margin: 0 -100px -70px;padding: 100px 150px;overflow: hidden;position: relative;color: #000103;}.imgQSM:before {content: "";position: absolute;display: block;width: 300px;height: 100%;left: 50%;transform: translateX(-50%);background: #444d54ee;top: 0;}.imgQSM titu {position: relative;border-top: 1px solid;border-bottom: 1px solid;width: 150px;display: block;margin: auto;}.imgQSM titu div {margin: 0px -75px;font: 22px Vollkorn;}.imgQSM titu div i {font: 12px/0px Ubuntu;padding: 0 0 13px 0;display: block;}.txQSM {position: relative;font: 12px Ubuntu;margin: 20px 30px 0;}.peQSM {width: 170px;background: #0b1419;display: inline-block;margin: 0 10px 20px;border-radius: 3px;height: 320px;position: relative;box-shadow: 2px 2px 10px #000000a6;border: 2px dotted;border-bottom: 15px solid;}.QSM c {display: block;font: 35px/18px The King;margin-top: 20px;}.QSM titu c {margin: -30px 0 15px 0;font-size: 45px;}.peQSM img {width: 70px;height: 70px;display: block;border-radius: 50%;border: 1px dashed;padding: 3px;margin: 5px auto;}.peQSM m {display: block;font: 12px Ubuntu;margin: 5px 10px 0;border-top: 1px dashed;border-bottom: 1px dashed;position: relative;}.peQSM .fas {font-weight: bold;font-size: 15px;border: 1px solid;padding: 5px;margin: 6px 3px;opacity: .8;position: relative;}.peQSM .fas:hover {opacity: 1;z-index: 100;}.peQSM .fas data {position: absolute;background: #0b1419;border: 0px solid;display: block;padding: 0px;border-radius: 5px;top: 28px;left: 50%;transform: translateX(-50%);font: 0px Ubuntu;box-shadow: 2px 2px 5px #000000a6;transition: .3s;opacity: 0;}.peQSM .fas:hover data {font: 10px Ubuntu;transition: .7s;padding: 3px;border: 2px solid;opacity: 1;}.peQSM .fas data:before {width: 16px;border-bottom: 8px solid;border-left: 8px solid transparent;border-right: 8px solid transparent;content: "";left: 50%;transform: translateX(-50%);top: -8px;position: absolute;}.peQSM .fas data b {display: block;text-transform: uppercase;letter-spacing: 1px;border-bottom: 1px solid;padding: 0px 5px;transition: .3s;}.peQSM .fas:hover data b {font-size: 8px;min-width: 50px;}.peQSM div {font: 10px ubuntu;text-align: left;margin: 0px 7px;height: 125px;overflow: auto;color: #82919e;background: #000c;border: 5px solid transparent;}</style>

24/07/2015

Prenom Nom

Lien

Prenom Nom
Danish chocolate pastry liquorice marzipan cake. Chocolate cake oat cake tart liquorice chocolate bar apple pie brownie. Sweet muffin sweet roll chupa chups cake pastry cheesecake chupa chups.

Lien

Prenom nom
Danish chocolate pastry liquorice marzipan cake. Chocolate cake oat cake tart liquorice chocolate bar apple pie brownie. Sweet muffin sweet roll chupa chups cake pastry cheesecake chupa chups.

Lien

Prenom Nom
Danish chocolate pastry liquorice marzipan cake. Chocolate cake oat cake tart liquorice chocolate bar apple pie brownie. Sweet muffin sweet roll chupa chups cake pastry cheesecake chupa chups.

Lien

Prenom Nom
Danish chocolate pastry liquorice marzipan cake. Chocolate cake oat cake tart liquorice chocolate bar apple pie brownie. Sweet muffin sweet roll chupa chups cake pastry cheesecake chupa chups.

Lien

Prenom Nom
Danish chocolate pastry liquorice marzipan cake. Chocolate cake oat cake tart liquorice chocolate bar apple pie brownie. Sweet muffin sweet roll chupa chups cake pastry cheesecake chupa chups.

Lien

Prénom Nom
Danish chocolate pastry liquorice marzipan cake. Chocolate cake oat cake tart liquorice chocolate bar apple pie brownie. Sweet muffin sweet roll chupa chups cake pastry cheesecake chupa chups.

Relations

emme

Code:: <div class="MM089" style="background-image: url(https://i.pinimg.com/564x/ba/13/2a/ba132a23cd3628972b631a5d3e8a3f63.jpg);"><div> <b>Prenom Nom</b> <div class="MM089-con"><div> <label style="background-image: url(https://i.postimg.cc/7hYvmVdh/lr02.png);"><input type="checkbox" /><b>Lien</b> <div><b><i class="cp cp-crown"></i>Prenom Nom</b> <span>Danish chocolate pastry liquorice marzipan cake. Chocolate cake oat cake tart liquorice chocolate bar apple pie brownie. Sweet muffin sweet roll chupa chups cake pastry cheesecake chupa chups.</span> </div></label> <label style="background-image: url(https://i.postimg.cc/GtMWNDnQ/lr03.png);"><input type="checkbox" /><b>Lien</b> <div><b><i class="cp cp-orange"></i>Prenom nom</b> <span>Danish chocolate pastry liquorice marzipan cake. Chocolate cake oat cake tart liquorice chocolate bar apple pie brownie. Sweet muffin sweet roll chupa chups cake pastry cheesecake chupa chups.</span> </div></label> <label style="background-image: url(https://i.postimg.cc/05c1rTKw/lr04.png);"><input type="checkbox" /><b>Lien</b> <div><b><i class="cp cp-heart"></i>Prenom Nom</b> <span>Danish chocolate pastry liquorice marzipan cake. Chocolate cake oat cake tart liquorice chocolate bar apple pie brownie. Sweet muffin sweet roll chupa chups cake pastry cheesecake chupa chups.</span> </div></label> <label style="background-image: url(https://i.postimg.cc/8PNsVgQf/lr01.png);"><input type="checkbox" /><b>Lien</b> <div><b><i class="cp cp-cookies"></i>Prenom Nom</b> <span>Danish chocolate pastry liquorice marzipan cake. Chocolate cake oat cake tart liquorice chocolate bar apple pie brownie. Sweet muffin sweet roll chupa chups cake pastry cheesecake chupa chups.</span> </div></label> <label style="background-image: url(https://i.postimg.cc/8PNsVgQf/lr01.png);"><input type="checkbox" /><b>Lien</b> <div><b><i class="cp cp-dolphin"></i>Prenom Nom</b> <span>Danish chocolate pastry liquorice marzipan cake. Chocolate cake oat cake tart liquorice chocolate bar apple pie brownie. Sweet muffin sweet roll chupa chups cake pastry cheesecake chupa chups.</span> </div></label> <label style="background-image: url(https://i.postimg.cc/8PNsVgQf/lr01.png);"><input type="checkbox" /><b>Lien</b> <div><b><i class="cp cp-dreamcatcher"></i>Prénom Nom</b> <span>Danish chocolate pastry liquorice marzipan cake. Chocolate cake oat cake tart liquorice chocolate bar apple pie brownie. Sweet muffin sweet roll chupa chups cake pastry cheesecake chupa chups.</span> </div></label> </div></div> <i>Relations</i> </div></div><a href="https://emmescodes.tumblr.com/" class="miMM"style="color: #a6001f;">emme</a><link href="https://fonts.googleapis.com/css2?family=Joan&family=Lato:wght@400;700&display=swap" rel="stylesheet"><link href="//icons.cappuccicons.com/cpf.css" rel="stylesheet"><style>.MM089, .MM089 * { box-sizing: border-box; scrollbar-color: #0006 #0002 !important; scrollbar-width: thin; transition: .3s; } .MM089 div::-webkit-scrollbar { width: 5px !important; height: 5px !important; background: #0002 !important; } .MM089 div::-webkit-scrollbar-thumb { background: #0006 !important; } .MM089 input, .MM089 br { display: none; } .MM089 { --m1: #222; --m2: #111; --m3: #e1e1e1; --m4: #a6001f; width: 550px; margin: auto; min-height: 100px; background-position: center; background-size: cover; border-top: 15px solid; border-bottom: 15px solid; color: var(--m1); display: flex; justify-content: flex-end; font: 10px Lato; outline: 1px solid var(--m2); box-shadow: inset 0 -1px var(--m2), inset 0 1px var(--m2); text-shadow: -1px -1px var(--m2), -1px 1px var(--m2), 1px -1px var(--m2), 1px 1px var(--m2); padding: 0 20px; position: relative; } .MM089 > div { width: 220px; border-left: 1px solid var(--m2); border-right: 1px solid var(--m2); display: flex; align-items: center; justify-content: center; padding: 40px 10px; flex-direction: column; background: linear-gradient(to top, var(--m1), transparent, var(--m1)); position: relative; z-index: 1; color: var(--m3); } .MM089-con label > div::before, .MM089 > div::before { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: var(--m1); opacity: .6; z-index: -1; } .MM089 > div > b { position: relative; color: var(--m3); font: 16px Joan; letter-spacing: 2px; z-index: 1; padding: 15px 0; } .MM089 > div > @keyframes moon { 0% { border-top: 49px solid; border-bottom: 1px solid; } 50% { border-top: 1px solid; border-bottom: 1px solid; } 100% { border-top: 1px solid; border-bottom: 49px solid; } } .MM089 > div > i { border-top: 1px solid var(--m4); border-bottom: 1px solid var(--m4); padding: 2px 5px 3px 10px; letter-spacing: 5px; text-transform: uppercase; font: bold 10px Lato; } .MM089-con { border-top: 1px solid var(--m4); border-bottom: 1px solid var(--m4); width: 100%; margin: 15px; padding: 10px; position: relative; } .MM089-con label > div > span::before, .MM089-con::after, .MM089-con::before { content: ""; position: absolute; bottom: 100%; left: 50%; height: 16px; border-left: 1px solid var(--m4); } .MM089-con::after { bottom: -16px; } .MM089-con > div { height: 200px; overflow: auto; display: flex; flex-wrap: wrap; align-items: flex-start; } .MM089-con label { min-width: 40%; flex: 1; margin: 5px; border: 1px solid var(--m2); background: var(--m1); padding: 0; cursor: pointer; background-position: center; background-size: auto 100%; } .MM089-con label:hover { background-size: auto 150%; } .MM089-con label > b { background: var(--m2); display: block; text-align: center; text-transform: uppercase; letter-spacing: 2px; font-size: 8px; padding: 2px; margin-top: 59px; } .MM089-con label > div { position: absolute; top: -86px; border: 1px solid var(--m2); left: -301px; right: 230px; bottom: -54px; background: linear-gradient(to top, var(--m1), transparent, var(--m1)); padding: 30px; display: flex; flex-direction: column; justify-content: center; align-items: center; z-index: 50; filter: blur(10px); opacity: 0; pointer-events: none; } .MM089-con label > div > b { position: relative; color: var(--m3); font: 16px Joan; letter-spacing: 2px; z-index: 1; padding: 15px 0; } .MM089-con label > div > b > i { position: absolute; font-size: 40px; color: var(--m4); top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: -1; } .MM089-con label > div > span { border-top: 1px solid var(--m4); border-bottom: 1px solid var(--m4); padding: 10px; text-align: justify; hyphens: auto; position: relative; margin-top: 10px; } .MM089-con label > input:checked ~ div { filter: blur(0px); opacity: 1; pointer-events: auto; cursor: auto; } .MM089-con label > div::after { content: ""; position: absolute; z-index: -1; top: -21px; left: -21px; right: -262px; bottom: -21px; cursor: poiter; } .MM089-con label > div > span br { display: block; margin-top: 5px; } .miMM { display: block; font: bold 10px Calibri; letter-spacing: 2px; text-align: center; transition: 0.5s; text-transform: uppercase; padding: 3px; } .miMM:hover { letter-spacing: 3px; }</style>

Prenom Nom

Titre Rp Actif Feat

Titre Rp Terminé Feat

Titre Rp abandonné Feat

Mes Aventures

Actifs
Terminés
Abandonnés

emme

Code:: <div class="MM088" style="background-image: url(https://i.postimg.cc/Bv3jN4HR/lr01.jpg);"> <input type="radio" name="MM088" id="MM088-01" checked /> <input type="radio" name="MM088" id="MM088-02" /> <input type="radio" name="MM088" id="MM088-03" /> <div><b>Prenom Nom</b> <div class="MM088-con"><div> <div class="MM088-aa"> <div><a href="URL">Titre Rp Actif</a> Feat</div> <div><a href="URL">Titre Rp Actif</a> Feat</div> <div><a href="URL">Titre Rp Actif</a> Feat</div> <div><a href="URL">Titre Rp Actif</a> Feat</div> <div><a href="URL">Titre Rp Actif</a> Feat</div> </div> <div class="MM088-aa"> <div><a href="URL">Titre Rp Terminé</a> Feat</div> <div><a href="URL">Titre Rp Terminé</a> Feat</div> <div><a href="URL">Titre Rp Terminé</a> Feat</div> <div><a href="URL">Titre Rp Terminé</a> Feat</div> <div><a href="URL">Titre Rp Terminé</a> Feat</div> </div> <div class="MM088-aa"> <div><a href="URL">Titre Rp abandonné</a> Feat</div> <div><a href="URL">Titre Rp abandonné</a> Feat</div> <div><a href="URL">Titre Rp abandonné</a> Feat</div> <div><a href="URL">Titre Rp abandonné</a> Feat</div> <div><a href="URL">Titre Rp abandonné</a> Feat</div> </div> </div></div> <i>Mes Aventures</i> </div> <div class="MM088-labs"> <label for="MM088-01"><b>Actifs</b></label> <label for="MM088-02"><b>Terminés</b></label> <label for="MM088-03"><b>Abandonnés</b></label> </div> </div><a href="https://emmescodes.tumblr.com/" class="miMM"style="color: #a6001f;">emme</a><link href="https://fonts.googleapis.com/css2?family=Joan&family=Lato:wght@400;700&display=swap" rel="stylesheet"><link href="//icons.cappuccicons.com/cpf.css" rel="stylesheet"><style>.MM088, .MM088 * { box-sizing: border-box; scrollbar-color: #0006 #0002 !important; scrollbar-width: thin; transition: .3s; } .MM088 div::-webkit-scrollbar { width: 5px !important; height: 5px !important; background: #0002 !important; } .MM088 div::-webkit-scrollbar-thumb { background: #0006 !important; } .MM088 input, .MM088 br { display: none; } .MM088 { --m1: #222; --m2: #111; --m3: #e1e1e1; --m4: #a6001f; width: 550px; margin: auto; min-height: 100px; background-position: center; background-size: cover; border-top: 15px solid; border-bottom: 15px solid; color: var(--m1); display: flex; justify-content: space-between; font: 10px Lato; outline: 1px solid var(--m2); box-shadow: inset 0 -1px var(--m2), inset 0 1px var(--m2); text-shadow: -1px -1px var(--m2), -1px 1px var(--m2), 1px -1px var(--m2), 1px 1px var(--m2); padding: 0 20px; } .MM088 > div { width: 250px; border-left: 1px solid var(--m2); border-right: 1px solid var(--m2); display: flex; align-items: center; justify-content: center; padding: 40px 10px; flex-direction: column; background: linear-gradient(to top, var(--m1), transparent, var(--m1)); position: relative; z-index: 1; color: var(--m3); } .MM088 > div::before { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: var(--m1); opacity: .6; z-index: -1; } .MM088 > div > b { position: relative; color: var(--m3); font: 16px Joan; letter-spacing: 2px; z-index: 1; padding: 15px 0; } .MM088 > div > @keyframes moon { 0% { border-top: 49px solid; border-bottom: 1px solid; } 50% { border-top: 1px solid; border-bottom: 1px solid; } 100% { border-top: 1px solid; border-bottom: 49px solid; } } .MM088-con { border-top: 1px solid var(--m4); border-bottom: 1px solid var(--m4); width: 100%; margin: 15px; padding: 10px; position: relative; } .MM088-con::after, .MM088-con::before { content: ""; position: absolute; bottom: 100%; left: 50%; height: 16px; border-left: 1px solid var(--m4); } .MM088-con::after { bottom: -16px; } .MM088-con > div { height: 200px; overflow: hidden; } .MM088-aa { height: 100%; overflow: auto; } .MM088-aa > div { border: 1px solid var(--m2); background: var(--m1); padding: 5px; text-align: center; } .MM088-aa > div ~ div { margin-top: 5px; } .MM088-aa a { display: block; color: var(--m4) !important; font-size: 12px; font-weight: bold; letter-spacing: 1px; margin-bottom: -2px; } #MM088-02:checked ~ div .MM088-aa:first-of-type { margin-top: -200px; } #MM088-03:checked ~ div .MM088-aa:first-of-type { margin-top: -400px; } .MM088-aa > div:hover { background: var(--m2); } .MM088-aa a:hover { letter-spacing: 3px; } .MM088 > div > i { border-top: 1px solid var(--m4); border-bottom: 1px solid var(--m4); padding: 2px 5px 3px 10px; letter-spacing: 5px; text-transform: uppercase; font: bold 10px Lato; } .MM088-labs { width: auto !important; padding: 0 !important; } .MM088-labs > label { position: relative; width: 10px; height: 10px; border: 2px solid var(--m4); border-radius: 50%; margin: 5px; cursor: pointer; box-shadow: inset 0 0 0 1px var(--m2), 0 0 0 1px var(--m2); } .MM088-labs > label::before { content: "\e9d9"; font: 0px cappuccicons; color: var(--m3); position: absolute; bottom: 0px; transition: .3s; left: 1px; } #MM088-01:checked ~ .MM088-labs > label[for*="-01"], #MM088-02:checked ~ .MM088-labs > label[for*="-02"], #MM088-03:checked ~ .MM088-labs > label[for*="-03"], .MM088-labs > label:hover { width: 14px; height: 14px; } #MM088-01:checked ~ .MM088-labs > label[for*="-01"]::before, #MM088-02:checked ~ .MM088-labs > label[for*="-02"]::before, #MM088-03:checked ~ .MM088-labs > label[for*="-03"]::before { font-size: 12px; } .MM088-labs > label > b { position: absolute; color: var(--m3); text-transform: uppercase; background: var(--m1); right: 20px; top: 50%; transform: translateY(-50%); letter-spacing: -5px; background: var(--m1); border: 1px solid var(--m2); padding: 3px 5px; opacity: 0; pointer-events: none; } .MM088-labs > label:hover > b { letter-spacing: 1px; opacity: 1; } .MM088-labs > label > b::before { content: ""; position: absolute; height: 10px; width: 10px; background: var(--m1); position: absolute; right: -4px; top: calc(50% - 5px); transform: rotate(45deg); clip-path: polygon(100% 0, 0 0, 100% 100%); border: 1px solid var(--m2); } .miMM { display: block; font: bold 10px Calibri; letter-spacing: 2px; text-align: center; transition: 0.5s; text-transform: uppercase; padding: 3px; } .miMM:hover { letter-spacing: 3px; }</style>

24/07/2015

Les Rencontres de
Prénom Nom

Jujubes pudding biscuit lollipop sweet roll. Caramels chocolate cake gingerbread fruitcake icing gummi bears topping. Cookie danish lollipop sweet roll shortbread candy tart bear claw cotton candy. Muffin cookie candy canes sweet roll topping.

Prenom Nom
Relation

emme

Code:: <div class="MM104"><div style="background-image: url(https://i.postimg.cc/xj5skqgY/max-bedulenko-black-bath.jpg)"><b></b><input type="checkbox" id="MM104" /><div class="MM104-mv"><div> <div class="MM104-tt"> <i>Les Rencontres de </i> <b>Prénom Nom</b> </div> <div class="MM104-img"> <div style="background-image: url(https://i.postimg.cc/bwc6KQ3W/hr01.png);"></div> <div style="background-image: url(https://i.postimg.cc/vZrPMcKB/hr02.png);"></div> </div> <div class="MM104-txt">Jujubes pudding biscuit lollipop sweet roll. Caramels chocolate cake gingerbread fruitcake icing gummi bears topping. Cookie danish lollipop sweet roll shortbread candy tart bear claw cotton candy. Muffin cookie candy canes sweet roll topping.</div> <label for="MM104"></label> <div class="MM104-cn"> <div class="MM104-a"> <div><div style="background-image: url(https://dummyimage.com/70x70/595959/fff.png);"></div></div> <a href="URL">Prenom Nom</a> <i>Relation</i> </div> <div class="MM104-a"> <div><div style="background-image: url(https://dummyimage.com/70x70/595959/fff.png);"></div></div> <a href="URL">Prenom Nom</a> <i>Relation</i> </div> <div class="MM104-a"> <div><div style="background-image: url(https://dummyimage.com/70x70/595959/fff.png);"></div></div> <a href="URL">Prenom Nom</a> <i>Relation</i> </div> <div class="MM104-a"> <div><div style="background-image: url(https://dummyimage.com/70x70/595959/fff.png);"></div></div> <a href="URL">Prenom Nom</a> <i>Relation</i> </div> <div class="MM104-a"> <div><div style="background-image: url(https://dummyimage.com/70x70/595959/fff.png);"></div></div> <a href="URL">Prenom Nom</a> <i>Relation</i> </div> </div> </div></div> </div></div><a href="https://emmescodes.tumblr.com/" class="miMM">emme</a><link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700&family=Playfair+Display:wght@400;700&display=swap" rel="stylesheet"><style>.MM104, .MM104 * { box-sizing: border-box; scrollbar-color: #0006 #0002 !important; scrollbar-width: thin; transition: 1.5s; } .MM104 div::-webkit-scrollbar { width: 5px !important; height: 5px !important; background: #0002 !important; } .MM104 div::-webkit-scrollbar-thumb { background: #0006 !important; } .MM104 input, .MM104 br { display: none; } .MM104 { --mm-01: #564d25; --mm-02: #FFF; width: 500px; background: #111; overflow: hidden; padding: 20px; margin: auto; border: 1px solid #000; font: 10px Montserrat; color: #DDD; position: relative; text-shadow: 1px 1px #111, -1px 1px #111, 1px -1px #111, -1px -1px #111, 0 5px 5px #000; box-shadow: 0 20px 30px -20px #000; } .MM104 > div { min-height: 300px; background-position: top center; border: 1px solid var(--mm-01); padding: 30px; display: flex; flex-direction: column; align-items: center; z-index: 1; } .MM104 > div::after, .MM104 > div::before, .MM104::after, .MM104::before { content: ""; position: absolute; width: 10px; height: 10px; top: 20px; left: 20px; z-index: 200; background: #111; border-color: var(--mm-01); border-style: solid; } .MM104::before { border-width: 0 1px 1px 0; } .MM104::after { left: calc(100% - 30px); border-width: 0 0 1px 1px; } .MM104 > div::before { top: calc(100% - 30px); border-width: 1px 1px 0 0; } .MM104 > div::after { left: calc(100% - 30px); top: calc(100% - 30px); border-width: 1px 0 0 1px; } .MM104 > div > b { position: absolute; top: 21px; left: 21px; right: 21px; bottom: 21px; background: linear-gradient(to bottom, transparent, #1119, #111); } .MM104-img { margin: 50px; height: 280px; display: flex; align-items: center; justify-content: center; } .MM104-img::after { content: url('https://i.postimg.cc/kgH5JgR0/klipartz-com.png'); } .MM104-img > div { position: absolute; width: 130px; height: 170px; margin-top: 5px; background-position: center; background-size: cover; border-radius: 50%; box-shadow: inset 5px 9px 5px #000; } .MM104-img > div ~ div { opacity: 0; } .MM104:hover .MM104-img > div ~ div { opacity: 1; } .MM104-tt { display: flex; flex-direction: column; align-items: center; letter-spacing: 2px; } .MM104-tt > b { font: 30px/24px Playfair Display; color: var(--mm-02); display: flex; align-items: center; } .MM104-tt > b::after, .MM104-tt > b::before { content: ""; width: 30px; background: var(--mm-01); height: 4px; border: 1px solid #111; margin: 10px; box-shadow: 0 3px 8px #000; } .MM104-mv { position: relative; overflow: hidden; } .MM104-txt { text-align: justify; hyphens: auto; } .MM104-txt::before {content: "''";float: left;font-size: 90px;line-height: 20px;color: var(--mm-01);margin: 28px 5px -18px;} .MM104-mv > div > label { width: 30px; height: 35px; background-image: url(https://i.postimg.cc/dQ2C6pLb/hrFlecha.png); transition: 0s !important; cursor: pointer; background-size: 100% 100%; display: block; margin: 10px auto 0; transform: rotate(-90deg); } .MM104-mv > div > label:hover { width: 35px; height: 45px; margin: 5px auto -5px; } .MM104-mv > div > label:active { width: 25px; height: 25px; margin: 15px auto 5px; } #MM104:checked ~ .MM104-mv > div { transform: translateY(calc(-100% + 38px)); } #MM104:checked ~ .MM104-mv > div > label { transform: rotate(90deg); } .MM104-cn { position: absolute; top: 100%; left: 0; right: 0; height: calc(100% - 38px); overflow: auto; } .MM104-a { display: flex; flex-direction: column; align-items: center; width: 60%; } .MM104-a ~ .MM104-a { margin-top: -20px; } .MM104-a:nth-of-type(2n) { margin-left: auto; } .MM104-a > div { padding: 3px; border: 1px solid #111; background: linear-gradient(135deg, #FFF, #666); border-radius: 50%; box-shadow: 0px 5px 10px #000; } .MM104-a > div > div { border: 1px solid #111; width: 72px; height: 72px; border-radius: 50%; background-position: center; background-color: #222; box-shadow: inset 3px 3px 10px -5px #000; } .MM104-a > a { font: 18px/24px Playfair Display; display: flex; align-items: center; color: #FFF !important; letter-spacing: 2px; } .MM104-a > a:hover { letter-spacing: 3px; } .MM104-a > a::after, .MM104-a > a::before { content: ""; width: 20px; background: var(--mm-01); height: 4px; border: 1px solid #111; margin: 5px; box-shadow: 0 3px 8px #000; } .MM104-txt br { display: block; margin: 5px; }.miMM { display: block; font: bold 10px Calibri; letter-spacing: 2px; text-align: center; transition: 0.5s; text-transform: uppercase; padding: 3px; color: #DDD !important; } .miMM:hover { letter-spacing: 3px; }</style>

Moi C'est
Rps Actifs
Rps Terminés
Rps Abandonnés

Les Aventures de
Prénom Nom

Premier Sujet avec Nom Prénom

Deuxième Sujet avec Nom Prénom

Troisième Sujet avec Nom Prénom

Quatrième Sujet avec Nom Prénom

Cinquième Sujet avec Nom Prénom

Sixième Sujet avec Nom Prénom

emme

Code:: <div class="MM103"><div style="background-image: url(https://i.postimg.cc/hGH22pKL/max-bedulenko.jpg);"><b></b> <input type="radio" name="MM103" id="MM103-1" checked /> <input type="radio" name="MM103" id="MM103-2" /> <input type="radio" name="MM103" id="MM103-3" /> <input type="radio" name="MM103" id="MM103-4" /> <div class="MM103-lab"> <label for="MM103-1">Moi C'est</label> <label for="MM103-2">Rps Actifs</label> <label for="MM103-3">Rps Terminés</label> <label for="MM103-4">Rps Abandonnés</label> </div> <div class="MM103-hd"> <label for="MM103-1"></label><label for="MM103-2"></label><label for="MM103-3"></label><label for="MM103-4"></label> <div class="MM103-fx"> <div class="MM103-m1"> <div class="MM103-img"> <div style="background-image: url(https://i.postimg.cc/bwc6KQ3W/hr01.png);"></div> <div style="background-image: url(https://i.postimg.cc/vZrPMcKB/hr02.png);"></div> </div><div class="MM103-tt"> <i>Les Aventures de</i> <b>Prénom Nom</b> </div></div> <div class="MM103-m2"> <div class="MM103-en"> <div><a href="URL">Premier Sujet</a> avec <b>Nom Prénom</b> <a href="URL">Deuxième Sujet</a> avec <b>Nom Prénom</b> <a href="URL">Troisième Sujet</a> avec <b>Nom Prénom</b> <a href="URL">Quatrième Sujet</a> avec <b>Nom Prénom</b> <a href="URL">Cinquième Sujet</a> avec <b>Nom Prénom</b> <a href="URL">Sixième Sujet</a> avec <b>Nom Prénom</b> </div></div></div> <div class="MM103-m3"><div class="MM103-en"><div><a href="URL">Premier Sujet</a> avec <b>Nom Prénom</b> <a href="URL">Deuxième Sujet</a> avec <b>Nom Prénom</b> <a href="URL">Troisième Sujet</a> avec <b>Nom Prénom</b> <a href="URL">Quatrième Sujet</a> avec <b>Nom Prénom</b> <a href="URL">Cinquième Sujet</a> avec <b>Nom Prénom</b> <a href="URL">Sixième Sujet</a> avec <b>Nom Prénom</b> </div></div></div> <div class="MM103-m4"><div class="MM103-en"><div> <a href="URL">Premier Sujet</a> avec <b>Nom Prénom</b> <a href="URL">Deuxième Sujet</a> avec <b>Nom Prénom</b> <a href="URL">Troisième Sujet</a> avec <b>Nom Prénom</b> <a href="URL">Quatrième Sujet</a> avec <b>Nom Prénom</b> <a href="URL">Cinquième Sujet</a> avec <b>Nom Prénom</b> <a href="URL">Sixième Sujet</a> avec <b>Nom Prénom</b> </div></div></div> </div> </div> </div></div><a href="https://emmescodes.tumblr.com/" class="miMM">emme</a><link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700&family=Playfair+Display:wght@400;700&display=swap" rel="stylesheet"><style>@font-face { font-family: SGothic; src: url(https://dl.dropbox.com/s/dll890qp9alk0mr/SGothic.ttf); } .MM103, .MM103 * { box-sizing: border-box; scrollbar-color: #0006 #0002 !important; scrollbar-width: thin; transition: 1.5s; } .MM103 div::-webkit-scrollbar { width: 5px !important; height: 5px !important; background: #0002 !important; } .MM103 div::-webkit-scrollbar-thumb { background: #0006 !important; } .MM103 input, .MM103 br { display: none; } .MM103 { --mm-01: #564d25; --mm-02: #FFF; width: 500px; background: #111; overflow: hidden; padding: 20px; margin: auto; border: 1px solid #000; font: 10px Montserrat; color: #DDD; position: relative; text-shadow: 1px 1px #111, -1px 1px #111, 1px -1px #111, -1px -1px #111, 0 5px 5px #000; box-shadow: 0 20px 30px -20px #000; } .MM103 > div { min-height: 300px; background-position: top center; border: 1px solid var(--mm-01); padding: 30px; display: flex; flex-direction: column; align-items: center; z-index: 1; } .MM103 > div::after, .MM103 > div::before, .MM103::after, .MM103::before { content: ""; position: absolute; width: 10px; height: 10px; top: 20px; left: 20px; z-index: 200; background: #111; border-color: var(--mm-01); border-style: solid; } .MM103::before { border-width: 0 1px 1px 0; } .MM103::after { left: calc(100% - 30px); border-width: 0 0 1px 1px; } .MM103 > div::before { top: calc(100% - 30px); border-width: 1px 1px 0 0; } .MM103 > div::after { left: calc(100% - 30px); top: calc(100% - 30px); border-width: 1px 0 0 1px; } .MM103 > div > b { position: absolute; top: 21px; left: 21px; right: 21px; bottom: 21px; background: linear-gradient(to bottom, transparent, #1119, #111); } .MM103-lab { width: 100%; display: flex; } .MM103-lab > label { border: 1px solid var(--mm-01); flex-grow: 1; padding: 5px; text-align: center; background: #1119; text-transform: uppercase; font-size: 8px; letter-spacing: 2px; box-shadow: 0 3px 8px #000; position: relative; cursor: pointer; } .MM103-lab > label ~ label { margin-left: 5px; } #MM103-1:checked ~ .MM103-lab label[for*="-1"], #MM103-2:checked ~ .MM103-lab label[for*="-2"], #MM103-3:checked ~ .MM103-lab label[for*="-3"], #MM103-4:checked ~ .MM103-lab label[for*="-4"], .MM103-lab > label:hover { font-weight: bold; box-shadow: 0 2px var(--mm-01), 0 3px 8px #000; z-index: 10; } .MM103 > div > div { position: relative; } .MM103-img { margin: 50px; height: 280px; display: flex; align-items: center; justify-content: center; } .MM103-img::after { content: url('https://i.postimg.cc/kgH5JgR0/klipartz-com.png'); } .MM103-img > div { position: absolute; width: 130px; height: 170px; margin-top: 5px; background-position: center; background-size: cover; border-radius: 50%; box-shadow: inset 5px 9px 5px #000; } .MM103-img > div ~ div { opacity: 0; } .MM103:hover .MM103-img > div ~ div { opacity: 1; } .MM103-tt { display: flex; flex-direction: column; align-items: center; letter-spacing: 2px; } .MM103-tt > b { font: 30px/24px Playfair Display; color: var(--mm-02); display: flex; align-items: center; } .MM103-tt > b::after, .MM103-tt > b::before { content: ""; width: 30px; background: var(--mm-01); height: 4px; border: 1px solid #111; margin: 10px; box-shadow: 0 3px 8px #000; } .MM103-hd { width: 100%; } .MM103-fx { display: flex; width: 400%; transition: 1s; } .MM103-fx > div { flex: 1; transition: 2s; opacity: 0; pointer-events: none; filter: blur(50px); } #MM103-2:checked ~ div .MM103-fx { margin-left: -100%; } #MM103-3:checked ~ div .MM103-fx{ margin-left: -200%; } #MM103-4:checked ~ div .MM103-fx { margin-left: -300%; } #MM103-1:checked ~ div .MM103-m1, #MM103-2:checked ~ div .MM103-m2, #MM103-3:checked ~ div .MM103-m3, #MM103-4:checked ~ div .MM103-m4 { opacity: 1; pointer-events: auto; filter: blur(0px); } .MM103-hd > label { position: absolute; bottom: 50%; width: 30px; height: 35px; background-image: url(https://i.postimg.cc/dQ2C6pLb/hrFlecha.png); transform: rotateY(180deg); right: -10px; display: none; transition: 0s !important; cursor: pointer; background-size: 100% 100%; z-index: 100; } .MM103-hd > label:hover { width: 35px; height: 45px; margin: -5px -2.5px; } .MM103-hd > label:active { width: 25px; height: 25px; margin: 5px 2.5px; } #MM103-1:checked ~ .MM103-hd > label[for*="-2"], #MM103-2:checked ~ .MM103-hd > label[for*="-3"], #MM103-3:checked ~ .MM103-hd > label[for*="-4"] { display: block; } #MM103-2:checked ~ .MM103-hd > label[for*="-1"], #MM103-3:checked ~ .MM103-hd > label[for*="-2"], #MM103-4:checked ~ .MM103-hd > label[for*="-3"] { display: block; right: inherit; left: -10px; transform: rotate(0deg); } .MM103-en::before { content: url(https://i.postimg.cc/sf9gLZ5X/txtop.png); } .MM103-en::after { content: url(https://i.postimg.cc/L698F6VV/txtbot.png); } .MM103-en { display: flex; flex-direction: column; padding: 20px 20px 0; align-items: center; height: 410px; } .MM103-en > div { flex: 1; width: 100%; text-align: center; overflow: auto; padding: 10px; } .MM103-en > div br { display: block; margin: 5px; } .MM103-en a { display: flex; align-items: center; justify-content: center; color: #FFF !important; font: 20px/24px Playfair Display; letter-spacing: 1px; } .MM103-en a:hover { letter-spacing: 2px; } .MM103-en a::after, .MM103-en a::before { content: ""; width: 20px; background: var(--mm-01); height: 4px; border: 1px solid #111; margin: 10px; box-shadow: 0 3px 8px #000; } .miMM { display: block; font: bold 10px Calibri; letter-spacing: 2px; text-align: center; transition: 0.5s; text-transform: uppercase; padding: 3px; color: #DDD !important; } .miMM:hover { letter-spacing: 3px; }</style>

Bienvenue sur Fate's City

Connexion

Nos Staffiens

L'event en cours

Nos recherchés

On Vote!

Récapitulatif RP