AccueilDerniers sujets
» Journal de bord de Bai Moyupar Bai Moyu Mar 14 Mai - 15:09
» Recensement des pouvoirs et malédictions
par Bai Moyu Mar 14 Mai - 14:13
» Liste des métiers
par Bai Moyu Mar 14 Mai - 14:11
» Botins des Avatars
par Bai Moyu Mar 14 Mai - 14:08
» Présentation de Bai Moyu | terminée
par Nyx M. Yoru Mar 14 Mai - 6:52
» Signature du règlemernt
par Bai Moyu Dim 12 Mai - 13:48
Page 1 sur 1
Admin
Elirya
Allen Walker
Je m'appelle Allen WALKER, j'ai 19 printemps et j'aime les courgettes. En revanche, je n'aime pas les cacahuètes, et je déteste les chauves-souris. Quand je serais grand je vendrais des sucettes à la fraise et je serais connu dans le monde entier. J'appartiens au groupe des cinglés sans frontière.
Je recherche des amis, des ennemis et des kiris !
Je recherche des amis, des ennemis et des kiris !
❝ Citation qui rox ! ❞
Amis
 | Paria decimo supra eo aeternam silentium exemplis perfidia delictis Persas diutius rediviva decimo bella eo temptentur insperatos tractibus et post cuncta insperatos excita ne regis iuge in urebat exemplis bella Bellona Bellona Bellona et insperatos post et consurgunt ne delictis anno utinam paria iuge narravimus delictis regis utinam narravimus luctuosas quam eo diutius regis bella minimis primordiis nocitura sexto delictis paria post apud eo excita bella minimis sexto in ad narravimus utinam apud et ad insperatos in Bellona eois per et Persas motus tractibus primordiis exemplis eois decimo urbem delictis forte anno agitat exitium silentium narravimus insperatos Persas per regis. |
| Paria decimo supra eo aeternam silentium exemplis perfidia delictis Persas diutius rediviva decimo bella eo temptentur insperatos tractibus et post cuncta insperatos excita ne regis iuge in urebat exemplis bella Bellona Bellona Bellona et insperatos post et consurgunt ne delictis anno utinam paria iuge narravimus delictis regis utinam narravimus luctuosas quam eo diutius regis bella minimis primordiis nocitura sexto delictis paria post apud eo excita bella minimis sexto in ad narravimus utinam apud et ad insperatos in Bellona eois per et Persas motus tractibus primordiis exemplis eois decimo urbem delictis forte anno agitat exitium silentium narravimus insperatos Persas per regis. |
| Paria decimo supra eo aeternam silentium exemplis perfidia delictis Persas diutius rediviva decimo bella eo temptentur insperatos tractibus et post cuncta insperatos excita ne regis iuge in urebat exemplis bella Bellona Bellona Bellona et insperatos post et consurgunt ne delictis anno utinam paria iuge narravimus delictis regis utinam narravimus luctuosas quam eo diutius regis bella minimis primordiis nocitura sexto delictis paria post apud eo excita bella minimis sexto in ad narravimus utinam apud et ad insperatos in Bellona eois per et Persas motus tractibus primordiis exemplis eois decimo urbem delictis forte anno agitat exitium silentium narravimus insperatos Persas per regis. |
| Paria decimo supra eo aeternam silentium exemplis perfidia delictis Persas diutius rediviva decimo bella eo temptentur insperatos tractibus et post cuncta insperatos excita ne regis iuge in urebat exemplis bella Bellona Bellona Bellona et insperatos post et consurgunt ne delictis anno utinam paria iuge narravimus delictis regis utinam narravimus luctuosas quam eo diutius regis bella minimis primordiis nocitura sexto delictis paria post apud eo excita bella minimis sexto in ad narravimus utinam apud et ad insperatos in Bellona eois per et Persas motus tractibus primordiis exemplis eois decimo urbem delictis forte anno agitat exitium silentium narravimus insperatos Persas per regis. |
Ennemis
| Paria decimo supra eo aeternam silentium exemplis perfidia delictis Persas diutius rediviva decimo bella eo temptentur insperatos tractibus et post cuncta insperatos excita ne regis iuge in urebat exemplis bella Bellona Bellona Bellona et insperatos post et consurgunt ne delictis anno utinam paria iuge narravimus delictis regis utinam narravimus luctuosas quam eo diutius regis bella minimis primordiis nocitura sexto delictis paria post apud eo excita bella minimis sexto in ad narravimus utinam apud et ad insperatos in Bellona eois per et Persas motus tractibus primordiis exemplis eois decimo urbem delictis forte anno agitat exitium silentium narravimus insperatos Persas per regis. |
| Paria decimo supra eo aeternam silentium exemplis perfidia delictis Persas diutius rediviva decimo bella eo temptentur insperatos tractibus et post cuncta insperatos excita ne regis iuge in urebat exemplis bella Bellona Bellona Bellona et insperatos post et consurgunt ne delictis anno utinam paria iuge narravimus delictis regis utinam narravimus luctuosas quam eo diutius regis bella minimis primordiis nocitura sexto delictis paria post apud eo excita bella minimis sexto in ad narravimus utinam apud et ad insperatos in Bellona eois per et Persas motus tractibus primordiis exemplis eois decimo urbem delictis forte anno agitat exitium silentium narravimus insperatos Persas per regis. |
| Paria decimo supra eo aeternam silentium exemplis perfidia delictis Persas diutius rediviva decimo bella eo temptentur insperatos tractibus et post cuncta insperatos excita ne regis iuge in urebat exemplis bella Bellona Bellona Bellona et insperatos post et consurgunt ne delictis anno utinam paria iuge narravimus delictis regis utinam narravimus luctuosas quam eo diutius regis bella minimis primordiis nocitura sexto delictis paria post apud eo excita bella minimis sexto in ad narravimus utinam apud et ad insperatos in Bellona eois per et Persas motus tractibus primordiis exemplis eois decimo urbem delictis forte anno agitat exitium silentium narravimus insperatos Persas per regis. |
Halloween- Code:
<center><div style="background-color: #2C2C2C; width: 550px;">
<br /><br />
<center><div style="position: relative;"><img src="http://i39.servimg.com/u/f39/17/97/89/15/sans_t11.png" style="width: 100px; border: 10px solid #9ACDE1; border-radius: 100px; position: absolute; left: -1em; top: 1.5em; z-index: 1;"><div style="background-color: #525252; width: 450px; height: 200px; position: absolute; top: -2em; left: 4.2em;"><div style="border: 0 solid transparent; border-bottom-width: 100px; border-top-width: 100px; border-left: 450px solid #CCEF6D;"></div>
<div style="font-family: 'Oswald', sans-serif; font-size: 25px; z-index: 1; position: absolute; left: 1.5em; top: -0.8em; color: #ffffff;">Allen Walker</div>
<div style="width: 240px; height: 63px; overflow: auto; text-align: justify; font-size: 11px; position: absolute; z-index: 1; left: 5.7em; top: 6.2em;">Je m'appelle <span style="color: #48A3AB; font-weight: bold;">Allen WALKER</span>, j'ai <span style="color: #48A3AB; font-weight: bold;">19 printemps</span> et j'aime les courgettes. En revanche, je n'aime pas les cacahuètes, et je déteste les <span style="color: #48A3AB; font-weight: bold;">chauves-souris</span>. Quand je serais grand je <span style="color: #48A3AB; font-weight: bold;">vendrais des sucettes à la fraise</span> et je serais connu dans le monde entier. J'appartiens au groupe des <span style="color: #48A3AB; font-weight: bold;">cinglés sans frontière</span>.
Je recherche des amis, des ennemis et des kiris !</div>
<div style="font-family: 'Parisienne', cursive; font-size: 25px; z-index: 1; position: absolute; left: 4.5em; top: 7.6em; color: #ffffff;">❝ Citation qui rox ! ❞</div><img src="http://www.cosplay.com/customavatars/avatar83158_1.gif" style="width: 80px; border: 10px solid #F04B4F; border-radius: 80px; position: absolute; left: 28em; top: 12.6em; z-index: 1;">
</div></div></center><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
<div style="width: 90%; padding: 10px; font-family: 'Oswald', sans-serif; font-size: 25px; color: #ffffff; background-color: #9ACDE1;">Amis</div>
<center><div style="position: relative;"><table><tr><td><div style="border: 0 solid transparent; border-right-width: 70px; border-left-width: 70px; border-bottom: 120px solid #4FA978; position: absolute; top: -1em; bottom: 1em; left: 1em;"></div></td>
<td><img src="http://fc06.deviantart.net/fs71/f/2011/363/0/8/keep_eating_allen_walker_by_deidarathehotty-d4klhli.png" style="width: 80px; position: absolute; left: 3.5em; top: 2.2em; border-radius: 80px;"></td>
<td><div style="background-color: #525252; width: 340px; height: 120px; position: absolute; top: -1em; left: 16em; text-align: justify; font-size: 11px; overflow: auto; color: #ffffff;"><div style="width: 300px; padding: 10px;">Paria decimo supra eo aeternam silentium exemplis perfidia delictis Persas diutius rediviva decimo bella eo temptentur insperatos tractibus et post cuncta insperatos excita ne regis iuge in urebat exemplis bella Bellona Bellona Bellona et insperatos post et consurgunt ne delictis anno utinam paria iuge narravimus delictis regis utinam narravimus luctuosas quam eo diutius regis bella minimis primordiis nocitura sexto delictis paria post apud eo excita bella minimis sexto in ad narravimus utinam apud et ad insperatos in Bellona eois per et Persas motus tractibus primordiis exemplis eois decimo urbem delictis forte anno agitat exitium silentium narravimus insperatos Persas per regis.</div></div>
</td></tr></table></div><br />
<div style="position: relative;"><table><tr><td><div style="border: 0 solid transparent; border-right-width: 70px; border-left-width: 70px; border-bottom: 120px solid #4FA978; position: absolute; top: -1em; left: 1em;"></div></td>
<td><img src="http://fc06.deviantart.net/fs71/f/2011/363/0/8/keep_eating_allen_walker_by_deidarathehotty-d4klhli.png" style="width: 80px; position: absolute; left: 3.5em; top: 2.2em; border-radius: 80px;"></td>
<td><div style="background-color: #525252; width: 340px; height: 120px; position: absolute; top: -1em; bottom: 1em; left: 16em; text-align: justify; font-size: 11px; overflow: auto; color: #ffffff;"><div style="width: 300px; padding: 10px;">Paria decimo supra eo aeternam silentium exemplis perfidia delictis Persas diutius rediviva decimo bella eo temptentur insperatos tractibus et post cuncta insperatos excita ne regis iuge in urebat exemplis bella Bellona Bellona Bellona et insperatos post et consurgunt ne delictis anno utinam paria iuge narravimus delictis regis utinam narravimus luctuosas quam eo diutius regis bella minimis primordiis nocitura sexto delictis paria post apud eo excita bella minimis sexto in ad narravimus utinam apud et ad insperatos in Bellona eois per et Persas motus tractibus primordiis exemplis eois decimo urbem delictis forte anno agitat exitium silentium narravimus insperatos Persas per regis.</div></div>
</td></tr></table></div>
<div style="position: relative;"><table><tr><td><div style="border: 0 solid transparent; border-right-width: 70px; border-left-width: 70px; border-bottom: 120px solid #4FA978; position: absolute; top: -1em; left: 1em;"></div></td>
<td><img src="http://fc06.deviantart.net/fs71/f/2011/363/0/8/keep_eating_allen_walker_by_deidarathehotty-d4klhli.png" style="width: 80px; position: absolute; left: 3.5em; top: 2.2em; border-radius: 80px;"></td>
<td><div style="background-color: #525252; width: 340px; height: 120px; position: absolute; top: -1em; bottom: 1em; left: 16em; text-align: justify; font-size: 11px; overflow: auto; color: #ffffff;"><div style="width: 300px; padding: 10px;">Paria decimo supra eo aeternam silentium exemplis perfidia delictis Persas diutius rediviva decimo bella eo temptentur insperatos tractibus et post cuncta insperatos excita ne regis iuge in urebat exemplis bella Bellona Bellona Bellona et insperatos post et consurgunt ne delictis anno utinam paria iuge narravimus delictis regis utinam narravimus luctuosas quam eo diutius regis bella minimis primordiis nocitura sexto delictis paria post apud eo excita bella minimis sexto in ad narravimus utinam apud et ad insperatos in Bellona eois per et Persas motus tractibus primordiis exemplis eois decimo urbem delictis forte anno agitat exitium silentium narravimus insperatos Persas per regis.</div></div>
</td></tr></table></div>
<div style="position: relative;"><table><tr><td><div style="border: 0 solid transparent; border-right-width: 70px; border-left-width: 70px; border-bottom: 120px solid #4FA978; position: absolute; top: -1em; left: 1em;"></div></td>
<td><img src="http://fc06.deviantart.net/fs71/f/2011/363/0/8/keep_eating_allen_walker_by_deidarathehotty-d4klhli.png" style="width: 80px; position: absolute; left: 3.5em; top: 2.2em; border-radius: 80px;"></td>
<td><div style="background-color: #525252; width: 340px; height: 120px; position: absolute; top: -1em; bottom: 1em; left: 16em; text-align: justify; font-size: 11px; overflow: auto; color: #ffffff;"><div style="width: 300px; padding: 10px;">Paria decimo supra eo aeternam silentium exemplis perfidia delictis Persas diutius rediviva decimo bella eo temptentur insperatos tractibus et post cuncta insperatos excita ne regis iuge in urebat exemplis bella Bellona Bellona Bellona et insperatos post et consurgunt ne delictis anno utinam paria iuge narravimus delictis regis utinam narravimus luctuosas quam eo diutius regis bella minimis primordiis nocitura sexto delictis paria post apud eo excita bella minimis sexto in ad narravimus utinam apud et ad insperatos in Bellona eois per et Persas motus tractibus primordiis exemplis eois decimo urbem delictis forte anno agitat exitium silentium narravimus insperatos Persas per regis.</div></div>
</td></tr></table></div></center><br /><br />
<div style="width: 90%; padding: 10px; font-family: 'Oswald', sans-serif; font-size: 25px; color: #ffffff; background-color: #F04B4F;">Ennemis</div>
<center><div style="position: relative;"><table><tr><td><div style="border: 0 solid transparent; border-right-width: 70px; border-left-width: 70px; border-bottom: 120px solid #4FA978; position: absolute; top: 0em; left: 1em;"></div></td>
<td><img src="http://fc06.deviantart.net/fs71/f/2011/363/0/8/keep_eating_allen_walker_by_deidarathehotty-d4klhli.png" style="width: 80px; position: absolute; left: 3.5em; top: 3.2em; border-radius: 80px;"></td>
<td><div style="background-color: #525252; width: 340px; height: 120px; position: absolute; top: 0em; left: 16em; text-align: justify; font-size: 11px; overflow: auto; color: #ffffff;"><div style="width: 300px; padding: 10px;">Paria decimo supra eo aeternam silentium exemplis perfidia delictis Persas diutius rediviva decimo bella eo temptentur insperatos tractibus et post cuncta insperatos excita ne regis iuge in urebat exemplis bella Bellona Bellona Bellona et insperatos post et consurgunt ne delictis anno utinam paria iuge narravimus delictis regis utinam narravimus luctuosas quam eo diutius regis bella minimis primordiis nocitura sexto delictis paria post apud eo excita bella minimis sexto in ad narravimus utinam apud et ad insperatos in Bellona eois per et Persas motus tractibus primordiis exemplis eois decimo urbem delictis forte anno agitat exitium silentium narravimus insperatos Persas per regis.</div></div>
</td></tr></table></div><br />
<div style="position: relative;"><table><tr><td><div style="border: 0 solid transparent; border-right-width: 70px; border-left-width: 70px; border-bottom: 120px solid #4FA978; position: absolute; top: 0em; left: 1em;"></div></td>
<td><img src="http://fc06.deviantart.net/fs71/f/2011/363/0/8/keep_eating_allen_walker_by_deidarathehotty-d4klhli.png" style="width: 80px; position: absolute; left: 3.5em; top: 3.2em; border-radius: 80px;"></td>
<td><div style="background-color: #525252; width: 340px; height: 120px; position: absolute; top: 0em; left: 16em; text-align: justify; font-size: 11px; overflow: auto; color: #ffffff;"><div style="width: 300px; padding: 10px;">Paria decimo supra eo aeternam silentium exemplis perfidia delictis Persas diutius rediviva decimo bella eo temptentur insperatos tractibus et post cuncta insperatos excita ne regis iuge in urebat exemplis bella Bellona Bellona Bellona et insperatos post et consurgunt ne delictis anno utinam paria iuge narravimus delictis regis utinam narravimus luctuosas quam eo diutius regis bella minimis primordiis nocitura sexto delictis paria post apud eo excita bella minimis sexto in ad narravimus utinam apud et ad insperatos in Bellona eois per et Persas motus tractibus primordiis exemplis eois decimo urbem delictis forte anno agitat exitium silentium narravimus insperatos Persas per regis.</div></div>
</td></tr></table></div><br />
<div style="position: relative;"><table><tr><td><div style="border: 0 solid transparent; border-right-width: 70px; border-left-width: 70px; border-bottom: 120px solid #4FA978; position: absolute; top: 0em; left: 1em;"></div></td>
<td><img src="http://fc06.deviantart.net/fs71/f/2011/363/0/8/keep_eating_allen_walker_by_deidarathehotty-d4klhli.png" style="width: 80px; position: absolute; left: 3.5em; top: 3.2em; border-radius: 80px;"></td>
<td><div style="background-color: #525252; width: 340px; height: 120px; position: absolute; top: 0em; left: 16em; text-align: justify; font-size: 11px; overflow: auto; color: #ffffff;"><div style="width: 300px; padding: 10px;">Paria decimo supra eo aeternam silentium exemplis perfidia delictis Persas diutius rediviva decimo bella eo temptentur insperatos tractibus et post cuncta insperatos excita ne regis iuge in urebat exemplis bella Bellona Bellona Bellona et insperatos post et consurgunt ne delictis anno utinam paria iuge narravimus delictis regis utinam narravimus luctuosas quam eo diutius regis bella minimis primordiis nocitura sexto delictis paria post apud eo excita bella minimis sexto in ad narravimus utinam apud et ad insperatos in Bellona eois per et Persas motus tractibus primordiis exemplis eois decimo urbem delictis forte anno agitat exitium silentium narravimus insperatos Persas per regis.</div></div>
</td></tr></table></div></center><br /><br /><br /><a style="color: #525252 !important; font-size: 9px;" href="http://ls-halloween.fr/"> Halloween</a></div></center>
<link href='http://fonts.googleapis.com/css?family=Oswald|Parisienne' rel='stylesheet' type='text/css'>
Messages : 411
Date d'inscription : 16/12/2018
Age : 29
Admin
Elirya
Hazel Avery
Une citation qui envoie du pâté
Détails
- ★ Vingt ans
- ★ Sang-pur
- ★ Bisexuelle
- ★ Irlando-Canadienne
- ★ Dixième année
- ★ Défense magique & occultisme ;
★ Etude des créatures magiques
en bref ...
Sale Caractère ; Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque neque nulla, maximus a ullamcorper id, imperdiet id velit. Donec at facilisis ante. Duis nunc nisi, laoreet at lacus nec, scelerisque placerat diam. Etiam sit amet porttitor sem. Donec faucibus volutpat est, at convallis dolor lacinia ut. Vivamus mollis felis eget diam porta, viverra semper urna suscipit. Vestibulum laoreet congue felis, ut tempus massa cursus eget.
Wanted
My dear friend ; Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque neque nulla, maximus a ullamcorper id, imperdiet id velit. Donec at facilisis ante. Duis nunc nisi, laoreet at lacus nec, scelerisque placerat diam. Etiam sit amet porttitor sem. Donec faucibus volutpat est, at convallis dolor lacinia ut. Vivamus mollis felis eget diam porta, viverra semper urna suscipit. Vestibulum laoreet congue felis, ut tempus massa cursus eget.
My dear friend ; Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque neque nulla, maximus a ullamcorper id, imperdiet id velit. Donec at facilisis ante. Duis nunc nisi, laoreet at lacus nec, scelerisque placerat diam. Etiam sit amet porttitor sem. Donec faucibus volutpat est, at convallis dolor lacinia ut. Vivamus mollis felis eget diam porta, viverra semper urna suscipit. Vestibulum laoreet congue felis, ut tempus massa cursus eget.
Relations positives
Nom Prénom
Type
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam maximus massa eget elit rutrum egestas. Aenean lorem risus, finibus pulvinar maximus sed, tempus vitae sem. Cras nisi lectus, maximus id orci eu, pretium mattis nisl. Nulla enim elit, rhoncus vitae leo et, vestibulum iaculis velit. Fusce consequat nibh leo, non dapibus elit hendrerit euismod. Proin mauris ligula, tempus non feugiat ut, sodales at nibh. Vestibulum tempor congue erat, ac tempor tortor pellentesque quis. Duis pretium quis urna feugiat faucibus. Donec nec risus tristique, dictum mauris rutrum, fringilla enim. Donec et condimentum lacus. Ut massa lectus, consectetur nec ligula sed, ornare viverra purus. Fusce risus risus, interdum at odio et, blandit bibendum velit. Nullam ac rutrum ipsum, ac aliquet velit.
Nom Prénom
Type
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam maximus massa eget elit rutrum egestas. Aenean lorem risus, finibus pulvinar maximus sed, tempus vitae sem. Cras nisi lectus, maximus id orci eu, pretium mattis nisl. Nulla enim elit, rhoncus vitae leo et, vestibulum iaculis velit. Fusce consequat nibh leo, non dapibus elit hendrerit euismod. Proin mauris ligula, tempus non feugiat ut, sodales at nibh. Vestibulum tempor congue erat, ac tempor tortor pellentesque quis. Duis pretium quis urna feugiat faucibus. Donec nec risus tristique, dictum mauris rutrum, fringilla enim. Donec et condimentum lacus. Ut massa lectus, consectetur nec ligula sed, ornare viverra purus. Fusce risus risus, interdum at odio et, blandit bibendum velit. Nullam ac rutrum ipsum, ac aliquet velit.
Nom Prénom
Type
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam maximus massa eget elit rutrum egestas. Aenean lorem risus, finibus pulvinar maximus sed, tempus vitae sem. Cras nisi lectus, maximus id orci eu, pretium mattis nisl. Nulla enim elit, rhoncus vitae leo et, vestibulum iaculis velit. Fusce consequat nibh leo, non dapibus elit hendrerit euismod. Proin mauris ligula, tempus non feugiat ut, sodales at nibh. Vestibulum tempor congue erat, ac tempor tortor pellentesque quis. Duis pretium quis urna feugiat faucibus. Donec nec risus tristique, dictum mauris rutrum, fringilla enim. Donec et condimentum lacus. Ut massa lectus, consectetur nec ligula sed, ornare viverra purus. Fusce risus risus, interdum at odio et, blandit bibendum velit. Nullam ac rutrum ipsum, ac aliquet velit.
Nom Prénom
Type
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam maximus massa eget elit rutrum egestas. Aenean lorem risus, finibus pulvinar maximus sed, tempus vitae sem. Cras nisi lectus, maximus id orci eu, pretium mattis nisl. Nulla enim elit, rhoncus vitae leo et, vestibulum iaculis velit. Fusce consequat nibh leo, non dapibus elit hendrerit euismod. Proin mauris ligula, tempus non feugiat ut, sodales at nibh. Vestibulum tempor congue erat, ac tempor tortor pellentesque quis. Duis pretium quis urna feugiat faucibus. Donec nec risus tristique, dictum mauris rutrum, fringilla enim. Donec et condimentum lacus. Ut massa lectus, consectetur nec ligula sed, ornare viverra purus. Fusce risus risus, interdum at odio et, blandit bibendum velit. Nullam ac rutrum ipsum, ac aliquet velit.
Nom Prénom
Type
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam maximus massa eget elit rutrum egestas. Aenean lorem risus, finibus pulvinar maximus sed, tempus vitae sem. Cras nisi lectus, maximus id orci eu, pretium mattis nisl. Nulla enim elit, rhoncus vitae leo et, vestibulum iaculis velit. Fusce consequat nibh leo, non dapibus elit hendrerit euismod. Proin mauris ligula, tempus non feugiat ut, sodales at nibh. Vestibulum tempor congue erat, ac tempor tortor pellentesque quis. Duis pretium quis urna feugiat faucibus. Donec nec risus tristique, dictum mauris rutrum, fringilla enim. Donec et condimentum lacus. Ut massa lectus, consectetur nec ligula sed, ornare viverra purus. Fusce risus risus, interdum at odio et, blandit bibendum velit. Nullam ac rutrum ipsum, ac aliquet velit.
- Code:
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.14.0/css/all.css" integrity="sha384-HzLeBuhoNPvSl5KYnjx0BT+WB0QEEqLprO+NBkkk5gbc67FTaL7XIGa2w1L0Xbgc" crossorigin="anonymous"><link href="https://fonts.googleapis.com/css?family=Heebo" rel="stylesheet"><style>.rs_hazel ::-webkit-scrollbar-thumb {background: #1f292e; border-radius: 0;} .rs_hazel ::-webkit-scrollbar {background: #d9d9d9; width: 5px;} .rs_hazel {position: relative; background: #fff; width: 500px; margin: auto; color: #1f292e; font-family: 'Heebo', sans-serif; font-size: 12px;} .rs_hazel header {position: relative; background: url(https://i.imgur.com/3XwfJ9K.png); height: 382px; width: 100%; overflow: hidden;} .h_titres {transition: .5s; background: url(https://i.imgur.com/06xwNIm.png) no-repeat center; width: 50%; padding: 24% 0 20%; margin: 3% 0 0 0; text-align: center; color: #e3e3e3; text-transform: uppercase;} .rs_hazel h2 {font-family: Arial, sans-serif; font-size: 36px; font-style: italic; font-weight: normal; margin: 0; letter-spacing: -6px; text-shadow: 1px 1px #fff;} .rs_hazel h3 {font-size: 10px; font-weight: normal;} .h_infos {transition: .5s margin-left; background: url(https://i.imgur.com/BdhZz6K.png) no-repeat; margin: -291px 0 0 -500px; height: 382px; color: #e3e3e3; padding: 8% 0 0 8%; box-sizing: border-box;} .rs_hazel:hover .h_infos {margin: 0; transition: .5s margin-left;} .rs_hazel:hover .h_titres {display: none; transition: .5s all;} .h_infos h4 .fa-quote-left, .rs_hazel_wanted h4 .fa-quote-left, .fa-star {color: #e3e3e3;} .rs_hazel h4 {font-family: Arial, sans-serif; font-size: 30px; text-transform: lowercase; font-style: italic; font-weight: normal; letter-spacing: -2px; margin: 3% 0;} .rs_hazel ul {margin: 0; text-transform: uppercase; font-size: 10px; padding: 0;} .rs_hazel ul li {list-style: none;} .rs_hazel_img img {width: 100px; height: 100px; border-radius: 100px; border: 4px solid #fff; object-fit: cover; position: absolute;} .rs_hazel_img {height: 100px; margin: -35% 0 0 0; position: relative; z-index: 2;} #img_1 {left: 5%;} #img_2 {left: 40%; top: 35%;} #img_3 {right: 10%; width: 60px; height: 60px; top: 85%;} .en_bref {background: url(https://i.imgur.com/eA6CpuC.jpg); padding: 10%; box-sizing: border-box; margin: 7% 0 0;} .en_bref h4 {color: #e3e3e3; margin: 0 0 0 10%;} .en_bref_content {background: #e3e3e3; padding: 8%; text-align: justify;} .en_bref p {margin: 0; width: 100%; height: 120px; overflow: hidden;} .en_bref p:hover {transition: .2s all; overflow: auto; padding: 0 5% 0 0; box-sizing: border-box;} .en_bref p span {font-weight: bold; text-transform: uppercase; font-family: Arial, sans-serif; font-size: 11px;} .rs_hazel_rp {width: 90%; margin: auto;} .rs_hazel_rp a {border: 2px solid !important; margin: 0 2%; padding: 1% 2%; min-width: 100px; display: inline-block; text-align: center; font-style: italic; transition: .5s all; color: #e3e3e3 !important;} .rs_hazel_rp a:hover {transition: .5s all; border: 2px solid #5DB36A !important; color: #5DB36A !important;} .rs_hazel_wanted {float: left; width: 60%;} .rs_hazel_wanted h4 {color: #e3e3e3; font-size: 35px; margin: 3% 0 0 10%;} .rs_hazel_wanted p {width: 60%; margin: 2% 2% 0 8%;} .wanted_content {width: 100%; margin: 0 0 0 7%;} .wanted_content p {width: 90%; height: 67px; overflow: auto; box-sizing: border-box; text-align: justify; padding: 0 5% 0 2%;} .wanted_content p span {font-weight: bold; text-transform: uppercase; font-family: Arial, sans-serif;} #wanted_img {border: 1px solid #e3e3e3; padding: 1%; float: right; margin: 10% 5% 0 0;} .rs_hazel footer {position: relative; display: block; content: ""; clear: both; background: url(https://i.imgur.com/gEd8b4c.png) no-repeat bottom; width: 100%; height: 140px;} a.credits {color: #e3e3e3; text-decoration: none; text-align: center; display: block; position: absolute; top: 60%; font-size: 7px; text-transform: uppercase; letter-spacing: 1px; left: 45%;}</style>
<div class="rs_hazel"><header><div class="h_titres"><h2>Hazel Avery</h2><h3>Une citation qui envoie du pâté</h3></div><div class="h_infos"><h4><i class="fas fa-quote-left"></i> Détails</h4>
<ul><li>★ Vingt ans</li><li>★ Sang-pur</li><li>★ Bisexuelle</li><li>★ Irlando-Canadienne</li><li>★ Dixième année</li><li>★ Défense magique & occultisme ;
★ Etude des créatures magiques</li></ul></div></header>
<div class="rs_hazel_img"><img src="https://i.imgur.com/GGTQoPz.png" id="img_1" alt="" /> <img src="https://i.imgur.com/lfNO1KE.png" alt="" id="img_2" /> <img src="https://imgur.com/GMCkr68.gif" alt="" id="img_3" /></div>
<div class="en_bref"><h4>en bref ...</h4><div class="en_bref_content"><p><span>Sale Caractère ; </span>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque neque nulla, maximus a ullamcorper id, imperdiet id velit. Donec at facilisis ante. Duis nunc nisi, laoreet at lacus nec, scelerisque placerat diam. Etiam sit amet porttitor sem. Donec faucibus volutpat est, at convallis dolor lacinia ut. Vivamus mollis felis eget diam porta, viverra semper urna suscipit. Vestibulum laoreet congue felis, ut tempus massa cursus eget.</p></div></div>
<div class="rs_hazel_rp"><a href="#">Nom du rp</a> <a href="#">Nom du rp</a> <a href="#">Nom du rp</a></div>
<div class="rs_hazel_wanted"><h4><i class="fas fa-quote-left"></i> Wanted</h4>
<div class="wanted_content"><p><i class="fas fa-star"></i> <span>My dear friend ;</span> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque neque nulla, maximus a ullamcorper id, imperdiet id velit. Donec at facilisis ante. Duis nunc nisi, laoreet at lacus nec, scelerisque placerat diam. Etiam sit amet porttitor sem. Donec faucibus volutpat est, at convallis dolor lacinia ut. Vivamus mollis felis eget diam porta, viverra semper urna suscipit. Vestibulum laoreet congue felis, ut tempus massa cursus eget.</div>
<div class="wanted_content"><p><i class="fas fa-star"></i> <span>My dear friend ;</span> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque neque nulla, maximus a ullamcorper id, imperdiet id velit. Donec at facilisis ante. Duis nunc nisi, laoreet at lacus nec, scelerisque placerat diam. Etiam sit amet porttitor sem. Donec faucibus volutpat est, at convallis dolor lacinia ut. Vivamus mollis felis eget diam porta, viverra semper urna suscipit. Vestibulum laoreet congue felis, ut tempus massa cursus eget.</p></div></div><img src="https://i.imgur.com/wetKlvi.png" alt="" id="wanted_img" />
<footer><a href="http://ls-halloween.fr/" class="credits">Halloween</a></footer></div>
<link href="https://fonts.googleapis.com/css?family=Heebo" rel="stylesheet"><style>.rs_hazel_2 ::-webkit-scrollbar-thumb {background: #1f292e; border-radius: 0;} .rs_hazel_2 ::-webkit-scrollbar {background: #d9d9d9; width: 5px;} .rs_hazel_2 {background: #fff; width: 500px; margin: auto; font-family: 'Heebo', sans-serif; color: #4d4d4d;} .rs_hazel_2 header {background: url(https://i.imgur.com/T6qgcup.png); height: 157px; position: relative;} .rs_hazel_2 header h2 {color: #e3e3e3; font-family: Arial, sans-serif; font-size: 30px; margin: 0; font-style: italic; letter-spacing: -2px; font-weight: normal; padding: 12% 0 0 10%;} #icon_hazel {top: 40%; position: absolute; border-radius: 100px; width: 100px; height: 100px; object-fit: cover; border: 4px solid #fff; right: 10%;} .rs_hazel_2 .content::after {content: ""; clear: both; display: block;} .rs_hazel_bloc {width: 40%; margin: 5%; float: left; position: relative; background: #f9f5f5;} .hazel_bloc_img {position: absolute; width: 80px; height: 80px; border-radius: 100px; padding: 1%; border: 1px solid #a7a7a7; top: -1%; left: -20%; object-fit: cover;} .gryffondor h2 {background: url(https://i.imgur.com/BVLdoDM.png) no-repeat top right; height: 48px;} .serpy h2 {background: url(https://i.imgur.com/U8WJlVA.png) no-repeat top right; height: 48px;} .poufsouffle h2 {background: url(https://i.imgur.com/WR0Opda.png) no-repeat top right; height: 48px;} .serdaigle h2 {background: url(https://i.imgur.com/k4CGFKm.png) no-repeat top right; height: 48px;} .personnel h2 {background: url(https://i.imgur.com/KXVlFn0.png) no-repeat top right; height: 48px;} .rs_hazel_bloc h2 {font-family: Arial, sans-serif; text-align: center; color: #fff; font-size: 14px; font-style: italic; padding: 9% 0 0; margin: 0;} .rs_hazel_bloc h3 {font-family: Arial, sans-serif; font-size: 10px; text-align: center; text-transform: uppercase; margin: 0; font-weight: normal; letter-spacing: 2px;} .rs_hazel_bloc p {font-size: 11px; width: 90%; margin: 0 auto; text-align: justify; line-height: 1; height: 100px; overflow: hidden; padding: 0 5% 0 0; box-sizing: border-box;} .rs_hazel_bloc.gryffondor {padding: 0 0 4% 0; border-bottom: 5px solid #cc1045;} .rs_hazel_bloc.serpy {padding: 0 0 4% 0; border-bottom: 5px solid #5db36a;} .rs_hazel_bloc.poufsouffle {padding: 0 0 4% 0; border-bottom: 5px solid #e6cb61;} .rs_hazel_bloc.serdaigle {padding: 0 0 4% 0; border-bottom: 5px solid #47b6de;} .rs_hazel_bloc.personnel {padding: 0 0 4% 0; border-bottom: 5px solid #b273c7;} .rs_hazel_bloc p:hover {overflow: auto;} .rs_hazel_2 footer {position: relative; display: block; content: ""; clear: both; background: url(https://i.imgur.com/gEd8b4c.png) no-repeat bottom; width: 100%; height: 140px;} a.credits {color: #e3e3e3; text-decoration: none; text-align: center; display: block; position: absolute; top: 60%; font-size: 7px; text-transform: uppercase; letter-spacing: 1px; left: 45%;} .content {width: 95%; margin: 0 0 0 5%;}</style>
<div class="rs_hazel_2"><header><h2>Relations positives</h2><img src="https://i.imgur.com/t0B1zLQ.png" alt="" id="icon_hazel" /></header>
<div class="content"><div class="rs_hazel_bloc gryffondor"><img class="hazel_bloc_img" src="https://i.imgur.com/J0cLdMD.jpg" alt="" /><h2>Nom Prénom</h2><h3>Type</h3><p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam maximus massa eget elit rutrum egestas. Aenean lorem risus, finibus pulvinar maximus sed, tempus vitae sem. Cras nisi lectus, maximus id orci eu, pretium mattis nisl. Nulla enim elit, rhoncus vitae leo et, vestibulum iaculis velit. Fusce consequat nibh leo, non dapibus elit hendrerit euismod. Proin mauris ligula, tempus non feugiat ut, sodales at nibh. Vestibulum tempor congue erat, ac tempor tortor pellentesque quis. Duis pretium quis urna feugiat faucibus. Donec nec risus tristique, dictum mauris rutrum, fringilla enim. Donec et condimentum lacus. Ut massa lectus, consectetur nec ligula sed, ornare viverra purus. Fusce risus risus, interdum at odio et, blandit bibendum velit. Nullam ac rutrum ipsum, ac aliquet velit.</p></div> <div class="rs_hazel_bloc serpy"><img class="hazel_bloc_img" src="https://i.imgur.com/J0cLdMD.jpg" alt="" /><h2>Nom Prénom</h2><h3>Type</h3><p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam maximus massa eget elit rutrum egestas. Aenean lorem risus, finibus pulvinar maximus sed, tempus vitae sem. Cras nisi lectus, maximus id orci eu, pretium mattis nisl. Nulla enim elit, rhoncus vitae leo et, vestibulum iaculis velit. Fusce consequat nibh leo, non dapibus elit hendrerit euismod. Proin mauris ligula, tempus non feugiat ut, sodales at nibh. Vestibulum tempor congue erat, ac tempor tortor pellentesque quis. Duis pretium quis urna feugiat faucibus. Donec nec risus tristique, dictum mauris rutrum, fringilla enim. Donec et condimentum lacus. Ut massa lectus, consectetur nec ligula sed, ornare viverra purus. Fusce risus risus, interdum at odio et, blandit bibendum velit. Nullam ac rutrum ipsum, ac aliquet velit.</p></div> <div class="rs_hazel_bloc poufsouffle"><img class="hazel_bloc_img" src="https://i.imgur.com/J0cLdMD.jpg" alt="" /><h2>Nom Prénom</h2><h3>Type</h3><p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam maximus massa eget elit rutrum egestas. Aenean lorem risus, finibus pulvinar maximus sed, tempus vitae sem. Cras nisi lectus, maximus id orci eu, pretium mattis nisl. Nulla enim elit, rhoncus vitae leo et, vestibulum iaculis velit. Fusce consequat nibh leo, non dapibus elit hendrerit euismod. Proin mauris ligula, tempus non feugiat ut, sodales at nibh. Vestibulum tempor congue erat, ac tempor tortor pellentesque quis. Duis pretium quis urna feugiat faucibus. Donec nec risus tristique, dictum mauris rutrum, fringilla enim. Donec et condimentum lacus. Ut massa lectus, consectetur nec ligula sed, ornare viverra purus. Fusce risus risus, interdum at odio et, blandit bibendum velit. Nullam ac rutrum ipsum, ac aliquet velit.</p></div> <div class="rs_hazel_bloc serdaigle"><img class="hazel_bloc_img" src="https://i.imgur.com/J0cLdMD.jpg" alt="" /><h2>Nom Prénom</h2><h3>Type</h3><p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam maximus massa eget elit rutrum egestas. Aenean lorem risus, finibus pulvinar maximus sed, tempus vitae sem. Cras nisi lectus, maximus id orci eu, pretium mattis nisl. Nulla enim elit, rhoncus vitae leo et, vestibulum iaculis velit. Fusce consequat nibh leo, non dapibus elit hendrerit euismod. Proin mauris ligula, tempus non feugiat ut, sodales at nibh. Vestibulum tempor congue erat, ac tempor tortor pellentesque quis. Duis pretium quis urna feugiat faucibus. Donec nec risus tristique, dictum mauris rutrum, fringilla enim. Donec et condimentum lacus. Ut massa lectus, consectetur nec ligula sed, ornare viverra purus. Fusce risus risus, interdum at odio et, blandit bibendum velit. Nullam ac rutrum ipsum, ac aliquet velit.</p></div> <div class="rs_hazel_bloc personnel"><img class="hazel_bloc_img" src="https://i.imgur.com/J0cLdMD.jpg" alt="" /><h2>Nom Prénom</h2><h3>Type</h3><p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam maximus massa eget elit rutrum egestas. Aenean lorem risus, finibus pulvinar maximus sed, tempus vitae sem. Cras nisi lectus, maximus id orci eu, pretium mattis nisl. Nulla enim elit, rhoncus vitae leo et, vestibulum iaculis velit. Fusce consequat nibh leo, non dapibus elit hendrerit euismod. Proin mauris ligula, tempus non feugiat ut, sodales at nibh. Vestibulum tempor congue erat, ac tempor tortor pellentesque quis. Duis pretium quis urna feugiat faucibus. Donec nec risus tristique, dictum mauris rutrum, fringilla enim. Donec et condimentum lacus. Ut massa lectus, consectetur nec ligula sed, ornare viverra purus. Fusce risus risus, interdum at odio et, blandit bibendum velit. Nullam ac rutrum ipsum, ac aliquet velit.</p></div></div><footer><a href="http://ls-halloween.fr/" class="credits">Halloween</a></footer></div>
Messages : 411
Date d'inscription : 16/12/2018
Age : 29
Admin
Elirya
nom du membre
âge physique - groupe - single/engaged - pouvoir - information
lien recherché : Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi lobortis mollis neque eget dignissim. Etiam vel facilisis sapien. Praesent commodo lacus eleifend purus ornare varius. Pellentesque ullamcorper molestie nunc, id eleifend arcu ultrices id. Suspendisse lobortis venenatis risus, non blandit nulla consectetur vitae. Maecenas faucibus eleifend vulputate. Integer convallis a metus vitae feugiat. Integer sagittis justo magna, ac lobortis sapien ultrices sed. Proin sit amet bibendum lacus. Nulla vestibulum imperdiet magna, sed pellentesque urna posuere a. Quisque bibendum egestas diam. Pellentesque et iaculis sem. Lorem ipsum dolor sit amet, consectetur adipiscing elit. lien recherché : Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi lobortis mollis neque eget dignissim. Etiam vel facilisis sapien. Praesent commodo lacus eleifend purus ornare varius. Pellentesque ullamcorper molestie nunc, id eleifend arcu ultrices id. Suspendisse lobortis venenatis risus, non blandit nulla consectetur vitae. Maecenas faucibus eleifend vulputate. Integer convallis a metus vitae feugiat. Integer sagittis justo magna, ac lobortis sapien ultrices sed. Proin sit amet bibendum lacus. Nulla vestibulum imperdiet magna, sed pellentesque urna posuere a. Quisque bibendum egestas diam. Pellentesque et iaculis sem. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi lobortis mollis neque eget dignissim. Etiam vel facilisis sapien. Praesent commodo lacus eleifend purus ornare varius. Pellentesque ullamcorper molestie nunc, id eleifend arcu ultrices id. Suspendisse lobortis venenatis risus, non blandit nulla consectetur vitae. Maecenas faucibus eleifend vulputate. Integer convallis a metus vitae feugiat. Integer sagittis justo magna, ac lobortis sapien ultrices sed. Proin sit amet bibendum lacus. Nulla vestibulum imperdiet magna, sed pellentesque urna posuere a. Quisque bibendum egestas diam. Pellentesque et iaculis sem. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi lobortis mollis neque eget dignissim. Etiam vel facilisis sapien. Praesent commodo lacus eleifend purus ornare varius. Pellentesque ullamcorper molestie nunc, id eleifend arcu ultrices id. Suspendisse lobortis venenatis risus, non blandit nulla consectetur vitae. Maecenas faucibus eleifend vulputate. Integer convallis a metus vitae feugiat. Integer sagittis justo magna, ac lobortis sapien ultrices sed. Proin sit amet bibendum lacus. Nulla vestibulum imperdiet magna, sed pellentesque urna posuere a. Quisque bibendum egestas diam. Pellentesque et iaculis sem. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi lobortis mollis neque eget dignissim. Etiam vel facilisis sapien. Praesent commodo lacus eleifend purus ornare varius. Pellentesque ullamcorper molestie nunc, id eleifend arcu ultrices id. Suspendisse lobortis venenatis risus, non blandit nulla consectetur vitae. Maecenas faucibus eleifend vulputate. Integer convallis a metus vitae feugiat. Integer sagittis justo magna, ac lobortis sapien ultrices sed. Proin sit amet bibendum lacus. Nulla vestibulum imperdiet magna, sed pellentesque urna posuere a. Quisque bibendum egestas diam. Pellentesque et iaculis sem. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi lobortis mollis neque eget dignissim. Etiam vel facilisis sapien. Praesent commodo lacus eleifend purus ornare varius. Pellentesque ullamcorper molestie nunc, id eleifend arcu ultrices id. Suspendisse lobortis venenatis risus, non blandit nulla consectetur vitae. Maecenas faucibus eleifend vulputate. Integer convallis a metus vitae feugiat. Integer sagittis justo magna, ac lobortis sapien ultrices sed. Proin sit amet bibendum lacus. Nulla vestibulum imperdiet magna, sed pellentesque urna posuere a. Quisque bibendum egestas diam. Pellentesque et iaculis sem. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
- Code:
<link href="https://fonts.googleapis.com/css?family=Barlow+Condensed|Marvel" rel="stylesheet"/><div id="inso-cont"><div class="inso_relation"> <div class="name_relation">nom du membre</div><div class="subtitle_relation">âge physique - groupe - single/engaged - pouvoir - information</div><div class="txt_relation"><span></span> <b>lien recherché :</b> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi lobortis mollis neque eget dignissim. Etiam vel facilisis sapien. Praesent commodo lacus eleifend purus ornare varius. Pellentesque ullamcorper molestie nunc, id eleifend arcu ultrices id. Suspendisse lobortis venenatis risus, non blandit nulla consectetur vitae. Maecenas faucibus eleifend vulputate. Integer convallis a metus vitae feugiat. Integer sagittis justo magna, ac lobortis sapien ultrices sed. Proin sit amet bibendum lacus. Nulla vestibulum imperdiet magna, sed pellentesque urna posuere a. Quisque bibendum egestas diam. Pellentesque et iaculis sem. Lorem ipsum dolor sit amet, consectetur adipiscing elit.<span></span> <b>lien recherché :</b> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi lobortis mollis neque eget dignissim. Etiam vel facilisis sapien. Praesent commodo lacus eleifend purus ornare varius. Pellentesque ullamcorper molestie nunc, id eleifend arcu ultrices id. Suspendisse lobortis venenatis risus, non blandit nulla consectetur vitae. Maecenas faucibus eleifend vulputate. Integer convallis a metus vitae feugiat. Integer sagittis justo magna, ac lobortis sapien ultrices sed. Proin sit amet bibendum lacus. Nulla vestibulum imperdiet magna, sed pellentesque urna posuere a. Quisque bibendum egestas diam. Pellentesque et iaculis sem. Lorem ipsum dolor sit amet, consectetur adipiscing elit.</div></div><div class="total_relationship"><div class="blok_relation"><div class="img_relation"><img src="http://placehold.it/250x100/"/></div><div class="relation_description">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi lobortis mollis neque eget dignissim. Etiam vel facilisis sapien. Praesent commodo lacus eleifend purus ornare varius. Pellentesque ullamcorper molestie nunc, id eleifend arcu ultrices id. Suspendisse lobortis venenatis risus, non blandit nulla consectetur vitae. Maecenas faucibus eleifend vulputate. Integer convallis a metus vitae feugiat. Integer sagittis justo magna, ac lobortis sapien ultrices sed. Proin sit amet bibendum lacus. Nulla vestibulum imperdiet magna, sed pellentesque urna posuere a. Quisque bibendum egestas diam. Pellentesque et iaculis sem. Lorem ipsum dolor sit amet, consectetur adipiscing elit.</div></div><div class="blok_relation"><div class="img_relation"><img src="http://placehold.it/250x100/"/></div><div class="relation_description">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi lobortis mollis neque eget dignissim. Etiam vel facilisis sapien. Praesent commodo lacus eleifend purus ornare varius. Pellentesque ullamcorper molestie nunc, id eleifend arcu ultrices id. Suspendisse lobortis venenatis risus, non blandit nulla consectetur vitae. Maecenas faucibus eleifend vulputate. Integer convallis a metus vitae feugiat. Integer sagittis justo magna, ac lobortis sapien ultrices sed. Proin sit amet bibendum lacus. Nulla vestibulum imperdiet magna, sed pellentesque urna posuere a. Quisque bibendum egestas diam. Pellentesque et iaculis sem. Lorem ipsum dolor sit amet, consectetur adipiscing elit.</div></div><div class="blok_relation"><div class="img_relation"><img src="http://placehold.it/250x100/"/></div><div class="relation_description">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi lobortis mollis neque eget dignissim. Etiam vel facilisis sapien. Praesent commodo lacus eleifend purus ornare varius. Pellentesque ullamcorper molestie nunc, id eleifend arcu ultrices id. Suspendisse lobortis venenatis risus, non blandit nulla consectetur vitae. Maecenas faucibus eleifend vulputate. Integer convallis a metus vitae feugiat. Integer sagittis justo magna, ac lobortis sapien ultrices sed. Proin sit amet bibendum lacus. Nulla vestibulum imperdiet magna, sed pellentesque urna posuere a. Quisque bibendum egestas diam. Pellentesque et iaculis sem. Lorem ipsum dolor sit amet, consectetur adipiscing elit.</div></div><div class="blok_relation"><div class="img_relation"><img src="http://placehold.it/250x100/"/></div><div class="relation_description">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi lobortis mollis neque eget dignissim. Etiam vel facilisis sapien. Praesent commodo lacus eleifend purus ornare varius. Pellentesque ullamcorper molestie nunc, id eleifend arcu ultrices id. Suspendisse lobortis venenatis risus, non blandit nulla consectetur vitae. Maecenas faucibus eleifend vulputate. Integer convallis a metus vitae feugiat. Integer sagittis justo magna, ac lobortis sapien ultrices sed. Proin sit amet bibendum lacus. Nulla vestibulum imperdiet magna, sed pellentesque urna posuere a. Quisque bibendum egestas diam. Pellentesque et iaculis sem. Lorem ipsum dolor sit amet, consectetur adipiscing elit.</div></div></div></div><div class="fwaha"><a href="http://epsilon-ls.forumactif.com/">epsilon</a></div>
<style>#inso-cont{margin:auto;background:#212121;width:550px;}.inso_relation{width:550px; margin:0 auto; height:350px; background-image:url(https://zupimages.net/up/19/13/9w7v.png); background-size:100%;}.name_relation{padding:50px 0px 0px 150px; font:50px philosophy; letter-spacing:1px; background: -webkit-linear-gradient(#f2f2f2, #7c5535); -webkit-background-clip: text; -webkit-text-fill-color: transparent; margin-bottom:-10px;}.subtitle_relation{color:#ccc; font:11px calibri; padding-left:150px; text-transform:uppercase; text-shadow:1px 1px 2px black;}.txt_relation{padding:20px; margin:25px auto; width:450px; background-color:rgba(250, 250, 250, 0.7); color: #555; font-size: 11px; font-family: helvetica; text-align: justify; line-height: 17px; height:138px; overflow:auto; color:black;}.txt_relation span{border-bottom: 1px solid black; display: inline-block; line-height: 0px; height: 0px; padding-left: 48px; position: relative;}.txt_relation b{font:20px Barlow condensed; letter-spacing:1px; text-transform:uppercase;}.total_relationship{display:flex; flex-wrap:wrap; justify-content:center; width:550px; margin:0 auto;}.blok_relation{background: #080808; height: 320px; width:250px; border-top: 1px solid #594f31; margin:12px;}.img_relation img{width:250px; height:100px;}.relation_description{margin:0 auto; width:200px; height:180px; text-align:justify; padding:15px 10px; overflow:auto; color:#777777; font:12px calibri;}.fwaha{text-align:center;}.fwaha a{font-family:calibri; text-decoration:none; color:#222; font-size:9px; letter-spacing:6px; text-transform:uppercase; }</style>
Messages : 411
Date d'inscription : 16/12/2018
Age : 29
Admin
Elirya
Lover - Love is when the other person's happiness is more important than your own. H. Jackson Brown, Jr.
Good Friend - A real friend is one who walks in when the rest of the world walks out. Walter Winchell
Friend - One loyal friend is worth ten thousand relatives. Euripide
Acquaintance - The beginning of an acquaintance whether with persons or things is to get a definite outline of our ignorance. George Eliot
Indifferent - At the bottom of enmity between strangers lies indifference. Soren Kierkegaard
Rival - I embrace my rival, but only to strangle him. Jean Racine
Frenemy - An enemy to whom you show kindness becomes your friend, excepting lust, the indulgence of which increases its enmity. Saadi
Enemy - You have enemies? Good. That means you've stood up for something, sometime in your life. Winston Churchill
Mortal Enemy - Know thy self, know thy enemy. A thousand battles, a thousand victories. Sun Tzu
Nom Prénom
Nom Prénom
Rival
description du lien
Nom Prénom
Mortal Enemy
description du lien
Nom Prénom
Lover
description du lien
Code de Frosty Blue
- Code:
<div class="color-topbox">
<div class="center-box"><div class="color-code"><div class="cube1"></div><div class="desc"><b>Lover</b> - Love is when the other person's happiness is more important than your own. <i>H. Jackson Brown, Jr.</i></div></div><div class="color-code"><div class="cube2"></div><div class="desc"><b>Good Friend</b> - A real friend is one who walks in when the rest of the world walks out. <i>Walter Winchell</i></div></div><div class="color-code"><div class="cube3"></div><div class="desc"><b>Friend</b> - One loyal friend is worth ten thousand relatives. <i>Euripide</i></div></div><div class="color-code"><div class="cube4"></div><div class="desc"><b>Acquaintance</b> - The beginning of an acquaintance whether with persons or things is to get a definite outline of our ignorance. <i>George Eliot</i></div></div><div class="color-code"><div class="cube5"></div><div class="desc"><b>Indifferent</b> - At the bottom of enmity between strangers lies indifference. <i>Soren Kierkegaard</i></div></div><div class="color-code"><div class="cube6"></div><div class="desc"><b>Rival</b> - I embrace my rival, but only to strangle him. <i>Jean Racine</i></div></div><div class="color-code"><div class="cube7"></div><div class="desc"><b>Frenemy</b> - An enemy to whom you show kindness becomes your friend, excepting lust, the indulgence of which increases its enmity. <i>Saadi</i></div></div><div class="color-code"><div class="cube8"></div><div class="desc"><b>Enemy</b> - You have enemies? Good. That means you've stood up for something, sometime in your life. <i>Winston Churchill</i></div></div><div class="color-code"><div class="cube9"></div><div class="desc"><b>Mortal Enemy</b> - Know thy self, know thy enemy. A thousand battles, a thousand victories. <i>Sun Tzu</i></div></div></div>
<div class="color-name">Nom Prénom</div></div>
<div class="color-body">
<div class="color-linkbox" style="background-color: #f93974;"><div class="color-linkname">Nom Prénom</div><div class="color-reminder">Rival</div></div>
<div class="color-descbox"><div class="linkdesc">description du lien</div><img src="..."/><img src="..."/><img src="..."/></div>
<div class="color-linkbox" style="background-color: #6b39f9"><div class="color-linkname">Nom Prénom</div><div class="color-reminder">Mortal Enemy</div></div>
<div class="color-descbox"><div class="linkdesc">description du lien</div><img src="..."/><img src="..."/><img src="..."/></div>
<div class="color-linkbox" style="background-color: #05f598"><div class="color-linkname">Nom Prénom</div><div class="color-reminder">Lover</div></div>
<div class="color-descbox"><div class="linkdesc">description du lien</div><img src="..."/><img src="..."/><img src="..."/></div>
<div class="frost">Code de <a href="http://www.never-utopia.com/">Frosty Blue</a></div></div><style type="text/css">.color-topbox {width: 500px; margin: auto; position: relative;} .color-code {height: 20px; width: 20px; display: inline-block; vertical-align: top; margin-right: 15px; opacity: 0.5; transition: 1s; -webkit-transition: 1s;} .desc {background: black; color: lightgrey; text-align: justify; position: absolute; z-index: 2; opacity: 0; transition: 1s; -webkit-transition: 1s; width: 0px; box-sizing:border-box; padding: 10px; height: 50px; overflow: auto; position: absolute; left: 0px; top: 45px;} .cube1:hover {-webkit-transition: 1s; transition: 1s; box-shadow: 0px 0px 3px lightgrey;} .color-code:hover {opacity: 1; transition: 1s; -webkit-transition: 1s;} .color-code:hover .desc {width: 500px; opacity: 1; -webkit-transition: 1s; transition: 1s;} .cube1 {height: 20px; width: 20px; background: #05f598; position: relative; -webkit-transition: 1s; transition: 1s;} .cube2 {height: 20px; width: 20px; background: #81f939; position: relative; transition: 1s; -webkit-transition: 1s;} .cube3 {height: 20px; width: 20px; background: #f9f639; position: relative; transition: 1s; -webkit-transition: 1s;} .cube4 {height: 20px; width: 20px; background: #f99c39; position: relative; transition: 1s; -webkit-transition: 1s;} .cube5 {height: 20px; width: 20px; background: #f93939; position: relative; -webkit-transition: 1s; transition: 1s;} .cube6 {height: 20px; width: 20px; background: #f93974; position: relative; transition: 1s; -webkit-transition: 1s;} .cube7 {height: 20px; width: 20px; background: #ed39f9; position: relative; transition: 1s; -webkit-transition: 1s;} .cube8 {height: 20px; width: 20px; background: #b63bf7; position: relative; transition: 1s; -webkit-transition: 1s;} .cube9 {height: 20px; width: 20px; background: #6b39f9; position: relative; transition: 1s; -webkit-transition: 1s;} .color-name {font-size: 30px; position: relative; z-index: 1; color: black; text-align: center; letter-spacing: 15px; text-transform: uppercase; font-family:'Cantarell'; font-weight: bold; line-height: 30px;} .color-body {width: 500px; margin: auto;} .color-linkbox {width: 500px; margin: auto; text-align: center; font-family: 'Cantarell'; text-transform: uppercase; letter-spacing: 5px; color: black; font-size: 18px; padding: 7px; box-sizing: border-box; height: 30px;} .color-linkname {position: relative; transition: 1s; -webkit-transition: 1s; -webkit-transition-delay: 0.5s; transition-delay: 0.5s;} .color-linkbox:hover .color-linkname {-webkit-filter: blur(25px); filter: blur(25px); opacity: 0; transition: 1s; -webkit-transition: 1s;} .color-reminder {opacity: 0; transition: 1s; -webkit-transition: 1s; position: relative; top: -18px; color: white;} .color-linkbox:hover .color-reminder {opacity: 1; transition-delay: 1s; -webkit-transition-delay: 1s; -webkit-transition: 1s; transition: 1s;} .color-descbox {width: 500px; height: 70px; margin: auto; box-sizing: border-box; padding: 10px; background: black;} .linkdesc {box-sizing: border-box; padding: 10px; height: 50px; width: 300px; float: left; overflow: auto; background: lightgrey; color: black; font-family: 'Cantarell'; text-align: justify; position: relative; z-index: 1;} .color-descbox img {height: 50px; width: 50px; background: white; overflow: hidden; margin-left: 8px;} .frost {opacity: 0.5; color: lightgrey; font-size: 10px; text-align: center;} .center-box {margin: auto; text-align: center;}
</style><link href='https://fonts.googleapis.com/css?family=Cantarell:400,700' rel='stylesheet' type='text/css' />
Messages : 411
Date d'inscription : 16/12/2018
Age : 29
Admin
Elirya
Prénom P. Nom
Ici un petit texte sur le perso. Vous pouvez raconter qui il est, son histoire, son caractère, ou juste des petites choses sur lui.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras varius nisi nec fermentum fermentum. Pellentesque metus elit, rutrum id augue quis, efficitur elementum metus. Proin porttitor ullamcorper porta. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Aenean scelerisque mi ex, a commodo orci scelerisque ac. Curabitur lacinia volutpat nisi sed ornare. Etiam ultricies, risus at eleifend egestas, erat enim porta velit, a maximus augue sapien eu justo. Donec et posuere mauris, vel sollicitudin ligula. Mauris at luctus nibh, ac pulvinar tellus. Quisque pharetra, libero et luctus consectetur, erat arcu vehicula ipsum, vitae consectetur neque metus volutpat leo.
In posuere in quam vitae hendrerit. Etiam eu augue est. Donec id diam sed ligula porta bibendum. Morbi eu fermentum odio. Etiam imperdiet, eros tempor venenatis semper, elit lacus ultrices dui, non condimentum purus libero et lorem. Mauris maximus nec urna et lacinia. Morbi nec vehicula nulla. Suspendisse iaculis tristique lorem sed lobortis. Mauris sem nisl, egestas nec odio eget, tincidunt malesuada ligula. Nam laoreet, tellus a interdum aliquet, metus quam consequat odio, ut sollicitudin lorem urna a risus. Donec id cursus ipsum.
Etiam semper dui at risus commodo dictum. Nullam convallis a lectus vel posuere. Vestibulum luctus consequat blandit. In nibh nulla, fermentum sed neque at, dapibus accumsan orci. Praesent erat metus, bibendum et cursus sed, aliquet sit amet tortor. Nulla at rhoncus est. Fusce dui nunc, rutrum non sagittis vitae, pharetra vitae massa. Nulla facilisi. In sodales elit quis malesuada accumsan. Sed sollicitudin auctor odio, vitae tincidunt nunc accumsan non. Integer quis consectetur diam, ut iaculis erat. Nunc ut metus maximus justo pharetra hendrerit vitae eu metus. Ut dapibus purus sit amet bibendum ultrices. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Curabitur ac lorem nec ante porttitor porta sed ac lectus.
Donec tincidunt eu velit ut gravida. Etiam pharetra ac nulla non congue. In ultrices imperdiet eros, in tristique magna. Nunc in neque nulla. Donec tincidunt finibus nulla, eget faucibus arcu condimentum quis. Curabitur vitae dolor id arcu consequat rhoncus sit amet nec orci. Nulla quis iaculis risus, eget tincidunt purus. Duis tincidunt nisi id nisi facilisis, id porttitor tellus tristique.
fiche présentation
- Code:
<link href='http://fonts.googleapis.com/css?family=Annie+Use+Your+Telescope' rel='stylesheet' type='text/css'><link href='http://fonts.googleapis.com/css?family=Annie+Use+Your+Telescope' rel='stylesheet' type='text/css'><style type="text/css">.contour_fiche_nyo{position: relative; width: 510px; height: 400px; margin: auto; background: url('https://i.imgur.com/S4Cw2dh.png') no-repeat; background-position: 234px -20px; font-family: 'Annie Use Your Telescope';} .contour_fiche_nyo:before{content: ''; display: block; position: absolute; top: -8px; left: 100px; width: 93px; height: 53px; background: url('https://i.imgur.com/nFgYC6U.png') no-repeat; z-index: 3; -webkit-transform: rotate(110deg); transform: rotate(110deg);} .contour_fiche2_nyo{width: 475px; height: 400px; background:#FFFFFF; box-shadow: -4px 3px 3px grey;} .avatar_perso {position: relative; z-index: 2; margin-left: -15px; display: inline-block; vertical-align: top; width: 200px; border: 20px solid white; -webkit-transform: rotate(10deg); transform: rotate(10deg); box-shadow: 3px 3px 5px grey;} .cote_droite_nyo{display: inline-block; vertical-align: top; width: 235px; height: 400px; margin-left: 15px; overflow: hidden;} .pseudo {margin-top: 30px; width: 100%; text-align: center; color: #46494E; font-size: 30px; font-weight: bold;} .cote_droite_nyo p{width: 100%; margin: 0px; padding: 10px; overflow: auto; text-align: justify; font-size: 13px; height: 200px;} .espace_icone{width: 100%; overflow: hidden; height: 100px; margin-top: 5px;} .espace_icone p {width: 100%; overflow: auto; height:80px; padding: 10px;} .espace_icone p a, .espace_icone p a:link, .espace_icone p a:active, .espace_icone p a:visited, .espace_icone p a:hover {text-decoration: none!important; color: black; font-family: 'Annie Use Your Telescope';} .nyo_was_here{font-size: 10px; width: 100%; text-align: center;} .nyo_was_here a, .nyo_was_here a:link, .nyo_was_here a:active, .nyo_was_here a:visited, .nyo_was_here a:hover {text-decoration: none !important;}</style>
<div class="contour_fiche_nyo"><div class="contour_fiche2_nyo"><img src="https://i.servimg.com/u/f36/11/66/90/40/avanat10.png" class="avatar_perso"><div class="cote_droite_nyo"><div class="pseudo">Prénom P. Nom</div><!--
--><p>Ici un petit texte sur le perso. Vous pouvez raconter qui il est, son histoire, son caractère, ou juste des petites choses sur lui.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras varius nisi nec fermentum fermentum. Pellentesque metus elit, rutrum id augue quis, efficitur elementum metus. Proin porttitor ullamcorper porta. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Aenean scelerisque mi ex, a commodo orci scelerisque ac. Curabitur lacinia volutpat nisi sed ornare. Etiam ultricies, risus at eleifend egestas, erat enim porta velit, a maximus augue sapien eu justo. Donec et posuere mauris, vel sollicitudin ligula. Mauris at luctus nibh, ac pulvinar tellus. Quisque pharetra, libero et luctus consectetur, erat arcu vehicula ipsum, vitae consectetur neque metus volutpat leo.
In posuere in quam vitae hendrerit. Etiam eu augue est. Donec id diam sed ligula porta bibendum. Morbi eu fermentum odio. Etiam imperdiet, eros tempor venenatis semper, elit lacus ultrices dui, non condimentum purus libero et lorem. Mauris maximus nec urna et lacinia. Morbi nec vehicula nulla. Suspendisse iaculis tristique lorem sed lobortis. Mauris sem nisl, egestas nec odio eget, tincidunt malesuada ligula. Nam laoreet, tellus a interdum aliquet, metus quam consequat odio, ut sollicitudin lorem urna a risus. Donec id cursus ipsum.
Etiam semper dui at risus commodo dictum. Nullam convallis a lectus vel posuere. Vestibulum luctus consequat blandit. In nibh nulla, fermentum sed neque at, dapibus accumsan orci. Praesent erat metus, bibendum et cursus sed, aliquet sit amet tortor. Nulla at rhoncus est. Fusce dui nunc, rutrum non sagittis vitae, pharetra vitae massa. Nulla facilisi. In sodales elit quis malesuada accumsan. Sed sollicitudin auctor odio, vitae tincidunt nunc accumsan non. Integer quis consectetur diam, ut iaculis erat. Nunc ut metus maximus justo pharetra hendrerit vitae eu metus. Ut dapibus purus sit amet bibendum ultrices. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Curabitur ac lorem nec ante porttitor porta sed ac lectus.
Donec tincidunt eu velit ut gravida. Etiam pharetra ac nulla non congue. In ultrices imperdiet eros, in tristique magna. Nunc in neque nulla. Donec tincidunt finibus nulla, eget faucibus arcu condimentum quis. Curabitur vitae dolor id arcu consequat rhoncus sit amet nec orci. Nulla quis iaculis risus, eget tincidunt purus. Duis tincidunt nisi id nisi facilisis, id porttitor tellus tristique. </p><!--
--><div class="espace_icone"><marquee><img src="http://www.hollow-art.com/files/bases/Natalie_Portman_012.jpg"> <img src="http://www.hollow-art.com/files/bases/2014/05/20140503/17979/Natalie%20Portman%20in%20V%20for%20Vendetta-2276558.jpg"> <img src="http://www.hollow-art.com/files/bases/20120906/Natalie_Portman_%282%29.png"> </marquee></div>
</div></div><div class="nyo_was_here"><a href="http://www.never-utopia.com/">(c) NyoTheNeko sur NeverUtopia</a></div></div>
Prénom P. Nom
Ici un petit texte sur le perso. Vous pouvez raconter qui il est, son histoire, son caractère, ou juste des petites choses sur lui.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras varius nisi nec fermentum fermentum. Pellentesque metus elit, rutrum id augue quis, efficitur elementum metus. Proin porttitor ullamcorper porta. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Aenean scelerisque mi ex, a commodo orci scelerisque ac. Curabitur lacinia volutpat nisi sed ornare. Etiam ultricies, risus at eleifend egestas, erat enim porta velit, a maximus augue sapien eu justo. Donec et posuere mauris, vel sollicitudin ligula. Mauris at luctus nibh, ac pulvinar tellus. Quisque pharetra, libero et luctus consectetur, erat arcu vehicula ipsum, vitae consectetur neque metus volutpat leo.
In posuere in quam vitae hendrerit. Etiam eu augue est. Donec id diam sed ligula porta bibendum. Morbi eu fermentum odio. Etiam imperdiet, eros tempor venenatis semper, elit lacus ultrices dui, non condimentum purus libero et lorem. Mauris maximus nec urna et lacinia. Morbi nec vehicula nulla. Suspendisse iaculis tristique lorem sed lobortis. Mauris sem nisl, egestas nec odio eget, tincidunt malesuada ligula. Nam laoreet, tellus a interdum aliquet, metus quam consequat odio, ut sollicitudin lorem urna a risus. Donec id cursus ipsum.
Etiam semper dui at risus commodo dictum. Nullam convallis a lectus vel posuere. Vestibulum luctus consequat blandit. In nibh nulla, fermentum sed neque at, dapibus accumsan orci. Praesent erat metus, bibendum et cursus sed, aliquet sit amet tortor. Nulla at rhoncus est. Fusce dui nunc, rutrum non sagittis vitae, pharetra vitae massa. Nulla facilisi. In sodales elit quis malesuada accumsan. Sed sollicitudin auctor odio, vitae tincidunt nunc accumsan non. Integer quis consectetur diam, ut iaculis erat. Nunc ut metus maximus justo pharetra hendrerit vitae eu metus. Ut dapibus purus sit amet bibendum ultrices. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Curabitur ac lorem nec ante porttitor porta sed ac lectus.
Donec tincidunt eu velit ut gravida. Etiam pharetra ac nulla non congue. In ultrices imperdiet eros, in tristique magna. Nunc in neque nulla. Donec tincidunt finibus nulla, eget faucibus arcu condimentum quis. Curabitur vitae dolor id arcu consequat rhoncus sit amet nec orci. Nulla quis iaculis risus, eget tincidunt purus. Duis tincidunt nisi id nisi facilisis, id porttitor tellus tristique.
Ceci est un espace pour mettre les liens vers les sujet/RP que vous avez eu avec le personnage.
Titre du sujet
Titre du sujet
Titre du sujet
Titre du sujet
Titre du sujet
fiche liens
- Code:
<link href='http://fonts.googleapis.com/css?family=Annie+Use+Your+Telescope' rel='stylesheet' type='text/css'><link href='http://fonts.googleapis.com/css?family=Annie+Use+Your+Telescope' rel='stylesheet' type='text/css'><style type="text/css">.contour_fiche_nyo{position: relative; width: 510px; height: 400px; margin: auto; background: url('https://i.imgur.com/S4Cw2dh.png') no-repeat; background-position: 234px -20px; font-family: 'Annie Use Your Telescope';} .contour_fiche_nyo:before{content: ''; display: block; position: absolute; top: -8px; left: 100px; width: 93px; height: 53px; background: url('https://i.imgur.com/nFgYC6U.png') no-repeat; z-index: 3; -webkit-transform: rotate(110deg); transform: rotate(110deg);} .contour_fiche2_nyo{width: 475px; height: 400px; background:#FFFFFF; box-shadow: -4px 3px 3px grey;} .avatar_perso {position: relative; z-index: 2; margin-left: -15px; display: inline-block; vertical-align: top; width: 200px; border: 20px solid white; -webkit-transform: rotate(10deg); transform: rotate(10deg); box-shadow: 3px 3px 5px grey;} .cote_droite_nyo{display: inline-block; vertical-align: top; width: 235px; height: 400px; margin-left: 15px; overflow: hidden;} .pseudo {margin-top: 30px; width: 100%; text-align: center; color: #46494E; font-size: 30px; font-weight: bold;} .cote_droite_nyo p{width: 100%; margin: 0px; padding: 10px; overflow: auto; text-align: justify; font-size: 13px; height: 200px;} .espace_icone{width: 100%; overflow: hidden; height: 100px; margin-top: 5px;} .espace_icone p {width: 100%; overflow: auto; height:80px; padding: 10px;} .espace_icone p a, .espace_icone p a:link, .espace_icone p a:active, .espace_icone p a:visited, .espace_icone p a:hover {text-decoration: none!important; color: black; font-family: 'Annie Use Your Telescope';} .nyo_was_here{font-size: 10px; width: 100%; text-align: center;} .nyo_was_here a, .nyo_was_here a:link, .nyo_was_here a:active, .nyo_was_here a:visited, .nyo_was_here a:hover {text-decoration: none !important;}</style>
<div class="contour_fiche_nyo"><div class="contour_fiche2_nyo"><img src="https://i.servimg.com/u/f36/11/66/90/40/avanat10.png" class="avatar_perso"><div class="cote_droite_nyo"><div class="pseudo">Prénom P. Nom</div><!--
--><p>Ici un petit texte sur le perso. Vous pouvez raconter qui il est, son histoire, son caractère, ou juste des petites choses sur lui.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras varius nisi nec fermentum fermentum. Pellentesque metus elit, rutrum id augue quis, efficitur elementum metus. Proin porttitor ullamcorper porta. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Aenean scelerisque mi ex, a commodo orci scelerisque ac. Curabitur lacinia volutpat nisi sed ornare. Etiam ultricies, risus at eleifend egestas, erat enim porta velit, a maximus augue sapien eu justo. Donec et posuere mauris, vel sollicitudin ligula. Mauris at luctus nibh, ac pulvinar tellus. Quisque pharetra, libero et luctus consectetur, erat arcu vehicula ipsum, vitae consectetur neque metus volutpat leo.
In posuere in quam vitae hendrerit. Etiam eu augue est. Donec id diam sed ligula porta bibendum. Morbi eu fermentum odio. Etiam imperdiet, eros tempor venenatis semper, elit lacus ultrices dui, non condimentum purus libero et lorem. Mauris maximus nec urna et lacinia. Morbi nec vehicula nulla. Suspendisse iaculis tristique lorem sed lobortis. Mauris sem nisl, egestas nec odio eget, tincidunt malesuada ligula. Nam laoreet, tellus a interdum aliquet, metus quam consequat odio, ut sollicitudin lorem urna a risus. Donec id cursus ipsum.
Etiam semper dui at risus commodo dictum. Nullam convallis a lectus vel posuere. Vestibulum luctus consequat blandit. In nibh nulla, fermentum sed neque at, dapibus accumsan orci. Praesent erat metus, bibendum et cursus sed, aliquet sit amet tortor. Nulla at rhoncus est. Fusce dui nunc, rutrum non sagittis vitae, pharetra vitae massa. Nulla facilisi. In sodales elit quis malesuada accumsan. Sed sollicitudin auctor odio, vitae tincidunt nunc accumsan non. Integer quis consectetur diam, ut iaculis erat. Nunc ut metus maximus justo pharetra hendrerit vitae eu metus. Ut dapibus purus sit amet bibendum ultrices. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Curabitur ac lorem nec ante porttitor porta sed ac lectus.
Donec tincidunt eu velit ut gravida. Etiam pharetra ac nulla non congue. In ultrices imperdiet eros, in tristique magna. Nunc in neque nulla. Donec tincidunt finibus nulla, eget faucibus arcu condimentum quis. Curabitur vitae dolor id arcu consequat rhoncus sit amet nec orci. Nulla quis iaculis risus, eget tincidunt purus. Duis tincidunt nisi id nisi facilisis, id porttitor tellus tristique. </p><!--
--><div class="espace_icone"><p>Ceci est un espace pour mettre les liens vers les sujet/RP que vous avez eu avec le personnage.
<a href="#">Titre du sujet</a>
<a href="#">Titre du sujet</a>
<a href="#">Titre du sujet</a>
<a href="#">Titre du sujet</a>
<a href="#">Titre du sujet</a></p></div>
</div></div><div class="nyo_was_here"><a href="http://www.never-utopia.com/">(c) NyoTheNeko sur NeverUtopia</a></div></div>
Messages : 411
Date d'inscription : 16/12/2018
Age : 29
Admin
Elirya
Nom Prénom
....
❀ Lien recherchés ❀
....
❀ Nom Prénom
Ob haec et huius modi multa, quae cernebantur in paucis, omnibus timeri sunt coepta. et ne tot malis dissimulatis paulatimque serpentibus acervi crescerent aerumnarum, nobilitatis decreto legati mittuntur: Praetextatus ex urbi praefecto et ex vicario Venustus et ex consulari Minervius oraturi, ne delictis supplicia sint grandiora, neve senator quisquam inusitato et inlicito more tormentis exponeretur.
Nom Prénom ❀
Ob haec et huius modi multa, quae cernebantur in paucis, omnibus timeri sunt coepta. et ne tot malis dissimulatis paulatimque serpentibus acervi crescerent aerumnarum, nobilitatis decreto legati mittuntur: Praetextatus ex urbi praefecto et ex vicario Venustus et ex consulari Minervius oraturi, ne delictis supplicia sint grandiora, neve senator quisquam inusitato et inlicito more tormentis exponeretur.
✿ Nom Prénom
Ob haec et huius modi multa, quae cernebantur in paucis, omnibus timeri sunt coepta. et ne tot malis dissimulatis paulatimque serpentibus acervi crescerent aerumnarum, nobilitatis decreto legati mittuntur: Praetextatus ex urbi praefecto et ex vicario Venustus et ex consulari Minervius oraturi, ne delictis supplicia sint grandiora, neve senator quisquam inusitato et inlicito more tormentis exponeretur.
Nom Prénom ✿
Ob haec et huius modi multa, quae cernebantur in paucis, omnibus timeri sunt coepta. et ne tot malis dissimulatis paulatimque serpentibus acervi crescerent aerumnarum, nobilitatis decreto legati mittuntur: Praetextatus ex urbi praefecto et ex vicario Venustus et ex consulari Minervius oraturi, ne delictis supplicia sint grandiora, neve senator quisquam inusitato et inlicito more tormentis exponeretur.
Code de Frosty Blue de Never Utopia
- Code:
<center><style type="text/css">div.cadre_jap {background: url(https://i.servimg.com/u/f39/18/01/25/82/1280_810.jpg); width: 500px; overflow: hidden; padding-top: 10px; padding-left: 10px;} div.cadre2_jap {background-color: #bf1834; border-top: 4px #90071b solid; border-left: 4px #90071b solid; text-align: justify; color: white; font-family: Sans-serif;} div.jap_main_title {font-family: 'Tulpen One'; font-size: 60px; color: #90071b; text-shadow: 0px 0px 2px white; text-align: center; margin: 2px;} div.perso_jap { width: 400px; height: 200px; color: white; text-align: justify; margin: auto; z-index: 4; font-size: 13px; margin-top: 15px;} div.img_perso_jap { position: relative; z-index: 4; width: 400px; height: 200px; margin-left: 0px; transform: all; -moz-transform: all; -o-transform: all; -htm-transform: all; -webkit-transform: all; transition: 1s; -moz-transition: 1s; -o-transition: 1s; -htm-transition: 1s;-webkit-transition: 1s; opacity: 1;-moz-opacity: 1; -khtml-opacity: 1;filter: alpha(opacity=1);overflow: hidden;} div.perso_jap:hover .img_perso_jap{ opacity: 0;-moz-opacity: 0;-khtml-opacity: 0;filter: alpha(opacity=0);transform: all;-moz-transform: all;-o-transform: all;-htm-transform: all;-webkit-transform: all;transition: 1s; -moz-transition: 1s; -o-transition: 1s; -htm-transition: 1s; -webkit-transition: 1s; z-index: 1;} div.info_perso_jap {position: relative; z-index: 1; width: 380px; height: 180px; margin-top: -200px; text-align: justify; font-size: 13px; color: white; padding: 10px; overflow: auto;} div.link_cadre_jap {background-color: #bf1834; border: 4px #90071b solid; width: 200px; height: 250px; margin: 10px; display: inline-block;} div.link_name_jap {font-family: 'Tulpen One'; font-size: 50px; color: #90071b; text-shadow: 0px 0px 2px white; text-align: center; margin-top: -10px; z-index: 6;} div.link_info_jap {padding: 7px; text-align: justify; height: 115px; overflow: auto;} </style><link href='http://fonts.googleapis.com/css?family=Tulpen+One' rel='stylesheet' type='text/css'>
<div class="cadre_jap"><div class="cadre2_jap"><div class="jap_main_title">Nom Prénom</div><div class="perso_jap"><div class="img_perso_jap"><img src="https://i.servimg.com/u/f39/18/01/25/82/lien_b10.jpg"/></div><div class="info_perso_jap">
<center>✿ Infos personnage ✿
....
❀ Lien recherchés ❀
....</center>
</div></div>
<center><div class="link_cadre_jap"><div class="link_name_jap">❀ Nom Prénom</div><div style="width: 200px; height: 100px; overflow: hidden; background: url(https://i.servimg.com/u/f39/18/01/25/82/makoto10.jpg);"></div><div class="link_info_jap">Ob haec et huius modi multa, quae cernebantur in paucis, omnibus timeri sunt coepta. et ne tot malis dissimulatis paulatimque serpentibus acervi crescerent aerumnarum, nobilitatis decreto legati mittuntur: Praetextatus ex urbi praefecto et ex vicario Venustus et ex consulari Minervius oraturi, ne delictis supplicia sint grandiora, neve senator quisquam inusitato et inlicito more tormentis exponeretur.</div></div><div class="link_cadre_jap"><div class="link_name_jap">Nom Prénom ❀</div><div style="width: 200px; height: 100px; overflow: hidden; background: url(https://i.servimg.com/u/f39/18/01/25/82/makoto10.jpg);"></div><div class="link_info_jap">Ob haec et huius modi multa, quae cernebantur in paucis, omnibus timeri sunt coepta. et ne tot malis dissimulatis paulatimque serpentibus acervi crescerent aerumnarum, nobilitatis decreto legati mittuntur: Praetextatus ex urbi praefecto et ex vicario Venustus et ex consulari Minervius oraturi, ne delictis supplicia sint grandiora, neve senator quisquam inusitato et inlicito more tormentis exponeretur.</div></div></center>
<center><div class="link_cadre_jap"><div class="link_name_jap">✿ Nom Prénom</div><div style="width: 200px; height: 100px; overflow: hidden; background: url(https://i.servimg.com/u/f39/18/01/25/82/makoto10.jpg);"></div><div class="link_info_jap">Ob haec et huius modi multa, quae cernebantur in paucis, omnibus timeri sunt coepta. et ne tot malis dissimulatis paulatimque serpentibus acervi crescerent aerumnarum, nobilitatis decreto legati mittuntur: Praetextatus ex urbi praefecto et ex vicario Venustus et ex consulari Minervius oraturi, ne delictis supplicia sint grandiora, neve senator quisquam inusitato et inlicito more tormentis exponeretur.</div></div><div class="link_cadre_jap"><div class="link_name_jap">Nom Prénom ✿</div><div style="width: 200px; height: 100px; overflow: hidden; background: url(https://i.servimg.com/u/f39/18/01/25/82/makoto10.jpg);"></div><div class="link_info_jap">Ob haec et huius modi multa, quae cernebantur in paucis, omnibus timeri sunt coepta. et ne tot malis dissimulatis paulatimque serpentibus acervi crescerent aerumnarum, nobilitatis decreto legati mittuntur: Praetextatus ex urbi praefecto et ex vicario Venustus et ex consulari Minervius oraturi, ne delictis supplicia sint grandiora, neve senator quisquam inusitato et inlicito more tormentis exponeretur.</div></div></center><div style="text-align: right; font-size: 10px; color: lightgrey; margin-right: 5px;">Code de Frosty Blue de <a href="http://www.never-utopia.com/">Never Utopia</a></div></div></div></center>
Messages : 411
Date d'inscription : 16/12/2018
Age : 29
Admin
Elirya
Prénom Nom
TYPE DE LIEN ▬ Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt.CODAGE PAR MADOUCE SUR EPICODE
liens filles
- Code:
<center><div style="color:#EC6077; font-size:30px; font-family: georgia; font-weight:bold; font-style:italic; padding-left:60px;">Prénom Nom</div><div style="background-color:aliceblue; padding:10px; color:grey; text-align:justify;width:500px;border-top:4px solid #EC6077; border-bottom:4px solid #EC6077;"><img style="border:5px solid white; margin-right:-30px; margin-top:-30px; float:right; border-radius:100px;" src="http://image.noelshack.com/fichiers/2012/38/1348422314-34.jpg"/>[b]TYPE DE LIEN[/b] ▬ Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt.
<div style="font-size:9px; text-align:right; color: salmon;">CODAGE PAR MADOUCE SUR <a href="http://epicode.variousforum.com/">EPICODE</a></div></div></center>
Prénom Nom
TYPE DE LIEN ▬ Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt.CODAGE PAR MADOUCE SUR EPICODE
liens garçons
- Code:
<center><div style="color:#838BE1; font-size:30px; font-family: georgia; font-weight:bold; font-style:italic; padding-right:60px;">Prénom Nom</div><div style="background-color:aliceblue; padding:10px; color:grey; text-align:justify;width:500px;border-top:4px solid #838BE1; border-bottom:4px solid #838BE1;"><img style="border:5px solid white; margin-left:-30px; margin-top:-30px; float:left; border-radius:100px;" src="http://2img.net/i/fa/pbucket.gif"/>[b]TYPE DE LIEN[/b] ▬ Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt.
<div style="font-size:9px; text-align:right; color: royalblue;">CODAGE PAR MADOUCE SUR <a href="http://epicode.variousforum.com/">EPICODE</a></div></div></center>
Messages : 411
Date d'inscription : 16/12/2018
Age : 29
Admin
Elirya
NOM PrénomÂge ▪ Occupation
Histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire
adjectif
adjectif
adjectif
adjectif
adjectif
adjectif
adjectif
adjectif
adjectif
adjectif
adjectif
adjectif
adjectif
Recherche▬ intitulé du lien : ...
▬ intitulé du lien : ...
▬ intitulé du lien : ...
▬ intitulé du lien : ...
▬ intitulé du lien : ...
présentation
- Code:
<link href="https://www.aht.li/3297452/RS_OYB.css" rel="stylesheet" type="text/css"><!-- PARTIE CSS PERMETTANT DE MODIFIER LES COULEURS DES ADJECTIFS --><style type="text/css">.adjOYB div {background:grey; color:white;}</style><!-- TOUTES COULEURS PERSONNALISABLES --><div class="FOYB"><!-- CREDIT --><a class="cdtFOYB" href="http://crushcrushcrush.actifforum.com/" target="_blank"><img src="http://www.aht.li/2456212/PUF.png" /></a><!-- INFORMATIONS PERSONNAGE --><div id="abtFOYB" style="box-shadow:0 0 2px rgba(0,0,0,0.2);"><div class="abtFOYB"><!-- CONTENU INFORMATIONS --><div style="background:rgba(0,0,0,0.5); color:white;"><!-- NOM PRENOM(S) & INFORMATIONS --><span><!-- NOM PRENOM(S) --><b>NOM Prénom</b><!-- INFORMATIONS -->Âge
Occupation</span><!-- RESUME HISTOIRE PERSONNAGE --><p>Histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire</p></div><!-- IMAGE I EN 200*320 MINIMUM - RECADRAGE AUTOMATIQUE --><img src="https://www.aht.li/3138179/200320BW.png" /></div></div><!-- 13 ADJECTIFS --><div class="adjOYB"><!-- I --><div>adjectif</div><!-- II --><div>adjectif</div><!-- III --><div>adjectif</div><!-- IV --><div>adjectif</div><!-- V --><div>adjectif</div><!-- VI --><div>adjectif</div><!-- VII --><div>adjectif</div><!-- VIII --><div>adjectif</div><!-- IX --><div>adjectif</div><!-- X --><div>adjectif</div><!-- XI --><div>adjectif</div><!-- XII --><div>adjectif</div><!-- XIII --><div>adjectif</div></div><!-- LIENS RECHERCHES --><div id="searchFOYB" style="box-shadow:0 0 2px rgba(0,0,0,0.2);"><div class="searchFOYB"><!-- CONTENU LIENS RECHERCHES --><div style="background:rgba(0,0,0,0.5); color:white;"><!-- TITRE --><span>Recherche</span><!-- LISTE --><b>▬ intitulé du lien :</b> ...<br/><b>▬ intitulé du lien :</b> ...<br/><b>▬ intitulé du lien :</b> ...</div><!-- IMAGE II EN 200*320 MINIMUM - RECADRAGE AUTOMATIQUE --><img src="https://www.aht.li/3138179/200320BW.png" /></div></div></div>
NOM Prénom
Texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte
%
NOM Prénom
...
NOM Prénom
...
$
NOM Prénom
...
code liens
- Code:
<link href="https://www.aht.li/3297452/RS_OYB.css" rel="stylesheet" type="text/css"><!-- TOUTES COULEURS PERSONNALISABLES --><div class="OYB"><!-- CREDIT --><a class="cdtOYB" href="http://crushcrushcrush.actifforum.com/" target="_blank"><img src="http://www.aht.li/2456212/PUF.png" /></a><!-- LIEN I --><div class="lksOYB" style="background:white; color:black;"><!-- IMAGE I EN 150*240 MINIMUM - REDIMENSIONNEMENT OPTIMAL A PARTIR DU 200*320 - RECADRAGE AUTOMATIQUE --><div class="avaOYB"><img src="https://www.aht.li/3299953/150240BW.png" /></div><!-- NOM PRENOM I --><div class="npOYB">NOM Prénom</div><!-- DESCRIPTION I --><p>Texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte</p></div><!-- BANDE & SYMBOLE RELATION LIENS 1 & 2 --><div class="rsOYB"><!-- BANDE --><span style="background:black;"></span><!-- SYMBOLE RELATION --><div style="background:grey; color:white;">%</div></div><!-- LIEN II --><div class="lksOYB" style="background:white; color:black;"><!-- IMAGE II EN 150*240 MINIMUM - REDIMENSIONNEMENT OPTIMAL A PARTIR DU 200*320 - RECADRAGE AUTOMATIQUE --><div class="avaOYB"><img src="https://www.aht.li/3299953/150240BW.png" /></div><!-- NOM PRENOM II --><div class="npOYB">NOM Prénom</div><!-- DESCRIPTION II --><p>...</p></div><!-- LIEN III --><div class="lksOYB" style="background:white; color:black;"><!-- IMAGE III EN 150*240 MINIMUM - REDIMENSIONNEMENT OPTIMAL A PARTIR DU 200*320 - RECADRAGE AUTOMATIQUE --><div class="avaOYB"><img src="https://www.aht.li/3299953/150240BW.png" /></div><!-- NOM PRENOM III --><div class="npOYB">NOM Prénom</div><!-- DESCRIPTION III --><p>...</p></div><!-- BANDE & SYMBOLE RELATION LIENS 3 & 4 --><div class="rsOYB"><!-- BANDE --><span style="background:black;"></span><!-- SYMBOLE RELATION --><div style="background:darkgrey; color:white;">$</div></div><!-- LIEN IV --><div class="lksOYB" style="background:white; color:black;"><!-- IMAGE IV EN 150*240 MINIMUM - REDIMENSIONNEMENT OPTIMAL A PARTIR DU 200*320 - RECADRAGE AUTOMATIQUE --><div class="avaOYB"><img src="https://www.aht.li/3299953/150240BW.png" /></div><!-- NOM PRENOM IV --><div class="npOYB">NOM Prénom</div><!-- DESCRIPTION IV --><p>...</p></div><!-- AJOUTER LES LIENS SUPPLEMENTAIRES AVANT CE COMMENTAIRE --></div>
Messages : 411
Date d'inscription : 16/12/2018
Age : 29
Admin
Elirya
NOM Prénom(s)
Occupation ○ Nationalité ○ Localisation
Citation
adjectifadjectifadjectifadjectifadjectifadjectif
Histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire
NOM Prénom(s)
Âge - Occupation - RelationDescription.
NOM Prénom(s)
Âge - Occupation - RelationDescription.
NOM Prénom(s)
Âge - Occupation - RelationDescription.
▬ intitulé du lien : description ▬ intitulé du lien : description ▬ intitulé du lien : description
- Code:
<link href="http://sd-1.archive-host.com/membres/up/211183412958130190/RP/RL_ION.css" rel="stylesheet" type="text/css"><!-- PARTIE CSS PERMETTANT DE MODIFIER LA COULEUR DES ADJECTIFS --><style type="text/css">.adjION span{background:#5FEAC8 !important; color:white !important;}</style><!-- TOUTES COULEURS PERSONNALISABLES --><div id="ION" style="font-family:Arial;"><!-- CREDIT --><a class="cdtION" href="http://crushcrushcrush.actifforum.com/" target="_blank"><img src="http://www.aht.li/2456212/PUF.png" /></a><!-- BLOC NOM PRENOM(S) & INFORMATIONS DIVERSES --><div class="npION" style="background:#f7f7f7;"><!-- NOM PRENOM(S) --><div style="color:#5feac8;">NOM Prénom(s)</div><!-- INFORMATIONS DIVERSES --><span style="border-color:lightgrey; color:lightgrey;">Occupation ○ Nationalité ○ Localisation</span></div><!-- BLOC IMAGE PERSONNAGE --><div class="imgION" style="background:#5feac8;"><!-- IMAGE 100*100 --><img src="http://www.aht.li/2838068/100100.png" style="border-color:white;" /></div><!-- ONGLETS BIOGRAPHIE / LISTE DES LIENS / LIENS RECHERCHES - VEILLER A LAISSER LES B --><div class="abtION"><!-- ONGLET BIOGRAPHIE --><input type="radio" name="abtION" id="OION1" checked ><label for="OION1"><!-- BORDURE --><div style="border-color:#5feac8;"><!-- INTITULE --><span style="background:#5feac8; color:white;">Almost<b>human</b></span></div></label><!-- ONGLET LISTE DES LIENS --><input type="radio" name="abtION" id="OION2"><label for="OION2"><!-- BORDURE --><div style="border-color:#5feac8;"><!-- INTITULE --><span style="background:#5feac8; color:white;">Liens<b>établis</b></span></div></label><!-- ONGLET LIENS RECHERCHES --><input type="radio" name="abtION" id="OION3"><label for="OION3"><!-- BORDURE --><div style="border-color:#5feac8;"><!-- INTITULE --><span style="background:#5feac8; color:white;">Liens <b>recherchés</b></span></div></label><!-- CONTENU BIOGRAPHIE --><div id="contentION1" class="contentION" style="background:white; border-color:#F7F7F7; color:black;"><!-- LIEN FICHE DE PRESENTATION / ÂGE / SEXE --><div class="triLION"><!-- FICHE DE PRESENTATION --><div style="border-color:lightgreen;"><a href="" target="_blank" style="color:lightgreen;">Fiche</a></div><!-- BORDURE ÂGE --><div class="ageION" style="border-color:#5feac8;"><!-- ÂGE --><span style="background:#5feac8; color:white;">Âge</span></div><!-- SEXE ⚥ / ♀ / ♂ --><div style="border-color:lightgreen; color:lightgreen;">⚥</div></div><!-- CITATION ILLUSTRANT LA PERSONNALITE DU PERSONNAGE --><div class="quotION" style="color:#5feac8;">Citation</div><!-- ADJECTIFS - AJOUT D'ADJECTIF = AJOUT DE <span>adjectif</span> --><div class="adjION"><span>adjectif</span><span>adjectif</span><span>adjectif</span><span>adjectif</span><span>adjectif</span><span>adjectif</span></div><!-- HISTOIRE -->Histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire</div><!-- CONTENU LISTE DES LIENS - REDIMENSIONNEMENT AUTOMATIQUE DES IMAGES --><div id="contentION2" class="contentION" style="background:white; border-color:#F7F7F7; color:black;"><!-- I --><div class="lksION"><!-- BLOC IMAGE PERSONNAGE --><div class="imgLION" style="background:#5feac8;"><!-- IMAGE 75*75 --><img src="http://www.aht.li/2838007/7575.png" style="border-color:white;" /></div><!-- BLOC NOM PRENOM(S) & RELATION --><div class="npLION" style="background:#f7f7f7;"><!-- NOM PRENOM(S) --><div style="color:#5feac8;">NOM Prénom(s)</div><!-- INFORMATIONS / RELATION --><span style="border-color:lightgrey;">Âge - Occupation - Relation</span></div><!-- DESCRIPTION --><div class="descLION" style="background:white; border-color:#F7F7F7; color:black;">Description.</div></div><!-- II --><div class="lksION"><!-- BLOC IMAGE PERSONNAGE --><div class="imgLION" style="background:lightgreen;"><!-- IMAGE 75*75 --><img src="http://www.aht.li/2838007/7575.png" style="border-color:white;" /></div><!-- BLOC NOM PRENOM(S) & RELATION --><div class="npLION" style="background:#f7f7f7;"><!-- NOM PRENOM(S) --><div style="color:lightgreen;">NOM Prénom(s)</div><!-- INFORMATIONS / RELATION --><span style="border-color:lightgrey;">Âge - Occupation - Relation</span></div><!-- DESCRIPTION --><div class="descLION" style="background:white; border-color:#F7F7F7; color:black;">Description.</div></div><!-- III --><div class="lksION"><!-- BLOC IMAGE PERSONNAGE --><div class="imgLION" style="background:#5feac8;"><!-- IMAGE 75*75 --><img src="http://www.aht.li/2838007/7575.png" style="border-color:white;" /></div><!-- BLOC NOM PRENOM(S) & RELATION --><div class="npLION" style="background:#f7f7f7;"><!-- NOM PRENOM(S) --><div style="color:#5feac8;">NOM Prénom(s)</div><!-- INFORMATIONS / RELATION --><span style="border-color:lightgrey;">Âge - Occupation - Relation</span></div><!-- DESCRIPTION --><div class="descLION" style="background:white; border-color:#F7F7F7; color:black;">Description.</div></div><!-- FIN CONTENU LISTE DES LIENS --></div><!-- CONTENU LIENS RECHERCHES - AJOUT DE LIEN RECHERCHE = AJOUT DE <b>▬ intitulé du lien :</b> description --><div id="contentION3" class="contentION searchION" style="background:white; border-color:#F7F7F7; color:black;"><b>▬ intitulé du lien :</b> description <b>▬ intitulé du lien :</b> description <b>▬ intitulé du lien :</b> description</div></div></div>
Messages : 411
Date d'inscription : 16/12/2018
Age : 29
Admin
Elirya
Pseudo
Âge
blablablaOrigine
blablablaOrientation
blablablaÉtudes
blablablaGroupe
blablablaAutre
Quam ob rem cave Catoni anteponas ne istum quidem ipsum, quem Apollo, ut ais, sapientissimum iudicavit; huius enim facta, illius dicta laudantur. De me autem, ut
Meilleur ami(e) ♀/ ♂
description du lien en question, les attentes, idées de rp et cetera...Simple ami(e) ♀/♂
description du lien en question, les attentes, idées de rp et cetera...Ennemi(e) ♀/♂
description du lien en question, les attentes, idées de rp et cetera... Lazy sur Epicode
- Code:
<link href="https://fonts.googleapis.com/css?family=Bubblegum+Sans" rel="stylesheet" />
<style> .fisuivi_red {margin: 0 auto; width: 450px; height: 400px; background-color: #e9e9e3; background-image: url("https://www.zupimages.net/up/16/35/vqad.png"); position: relative;} .fired_cont_avatar {width: 200px; height: 400px; background: #fff; position: relative; overflow: hidden;} .fired_avatar {width: 200px; height: 400px; position: absolute; top: 0px; left: 0px; transition: all 2s;} .fired_cont_avatar:hover .fired_avatar {position: absolute; top: 0px; left: 200px;} .fired_informations {width: 200px; height: 400px; background-color: #ca3a43; background-image: url("https://www.zupimages.net/up/16/35/vqad.png"); position: absolute; top: 0px; left: -200px; transition: all 2s;} .fired_cont_avatar:hover .fired_informations {position: absolute; top: 0px; left: 0px;} .fisuivi_red h1 {margin: 10px auto 0; width: 180px; height: 15px; background: #e9e9e3; font-size: 30px; color: #5a4b61; font-family: 'Bubblegum Sans', cursive; text-shadow: 1px 1px 0px #d51b20; text-transform: uppercase; font-weight: normal; font-style: italic; line-height: 10px; text-align: right;} .fired_infos_perso {margin: 0 auto; width: 180px; height: 300px; background: #e9e9e3; padding: 5px; box-sizing: border-box; font-size: 12px; color: #5a4b61; line-height: 22px; text-align: justify; overflow: auto;} .fisuivi_red h2 {display: inline; background: #5a4b61; padding: 3px; box-sizing: border-box; font-size: 10px; color: #e9e9e3; text-transform: uppercase;} .fired_recherches {width: 200px; height: 250px; background: #e9e9e3; border-bottom: 5px solid #ca3a43; padding: 5px; box-sizing: border-box; font-size: 12px; color: #5a4b61; text-align: justify; overflow: auto; position: absolute; top: 25px; right: 25px;} .fisuivi_red h3 {position: absolute; bottom: 5px; right: 80px; font-size: 14px; color: #5a4b61; font-weight: normal;} .fisuivi_red a {color: #5a4b61; text-decoration: none;}
</style>
<div class="fisuivi_red"><div class="fired_cont_avatar">
<div class="fired_informations">
<h1>Pseudo</h1>
<div class="fired_infos_perso"><h2>Âge</h2> blablabla
<h2>Origine</h2> blablabla
<h2>Orientation</h2> blablabla
<h2>Études</h2> blablabla
<h2>Groupe</h2> blablabla
<h2>Autre</h2> Quam ob rem cave Catoni anteponas ne istum quidem ipsum, quem Apollo, ut ais, sapientissimum iudicavit; huius enim facta, illius dicta laudantur. De me autem, ut </div>
</div>
<img src="https://2img.net/r/hpimg4/pics/285816paeeavatar.png" class="fired_avatar" alt="Avatar" /></div>
<div class="fired_recherches"><h2>Meilleur ami(e) ♀/ ♂</h2> description du lien en question, les attentes, idées de rp et cetera...
<h2>Simple ami(e) ♀/♂</h2> description du lien en question, les attentes, idées de rp et cetera...
<h2>Ennemi(e) ♀/♂</h2> description du lien en question, les attentes, idées de rp et cetera...
</div>
<h3> <a href="http://epicode.variousforum.com/">Lazy sur Epicode </a> </h3>
</div>
Pseudo
titre du rp
description du rp en cours ou finit, date, lieu de rencontre, conclusion, et cetera..titre du rp
description du rp en cours ou finit, date, lieu de rencontre, conclusion, et cetera..titre du lien
Ici une description du lien entretenu avec le personnage en question. Huic Arabia est conserta, ex alio latere Nabataeis contigua; opima varietate conmerciorum castrisque oppleta validis et castellis, quae ad repellendos gentium vicinarum excursus sollicitudo pervigil veterum per oportunos saltus erexit et cautos. haec quoque civitates habet inter oppida quaedam ingentes Bostram et Gerasam atque Philadelphiam murorum firmitate cautissimas. hanc provinciae inposito nomine rectoreque adtributo obtemperare legibus nostris Traianus conpulit imperator incolarum tumore saepe contunso cum glorioso marte Mediam urgeret et Parthos.Pseudo
titre du rp
description du rp en cours ou finit, date, lieu de rencontre, conclusion, et cetera..titre du rp
description du rp en cours ou finit, date, lieu de rencontre, conclusion, et cetera..titre du lien
Ici une description du lien entretenu avec le personnage en question Lazy sur Epicode
- Code:
<link href="https://fonts.googleapis.com/css?family=Bubblegum+Sans" rel="stylesheet" />
<style> .filiens_red_cont {margin: 0 auto; width: 450px; height: 100%; background-color: #e9e9e3; background-image: url("https://www.zupimages.net/up/16/35/vqad.png"); position: relative;} .filiens_red {margin: 0 auto; width: 450px; height: 250px; position: relative;} .liensred_icone {width: 100px; height: 100px; border: 3px solid #ca3a43; box-sizing: border-box; position: absolute; top: 30px; left: 10px; transition: all 1.5s;} .liensred_icone:hover {filter: grayscale(100%);} .filiens_red h1 {width: 320px; height: 15px; background: #5a4b61; font-size: 30px; color: #e9e9e3; font-family: 'Bubblegum Sans', cursive; text-shadow: 1px 1px 0px #d51b20; text-transform: uppercase; font-weight: normal; font-style: italic; line-height: 10px; text-align: right; position: absolute; top: -10px; right: 10px;} .liensred_rp {width: 320px; height: 100px; background: #e9e9e3; padding: 5px; border-bottom: 3px solid #ca3a43; box-sizing: border-box; font-size: 12px; color: #5a4b61; text-align: justify; overflow: auto; position: absolute; top: 35px; right: 10px;} .filiens_red h2 {display: inline; background: #5a4b61; padding: 3px; box-sizing: border-box; font-size: 10px; color: #e9e9e3; text-transform: uppercase;}.liens_red {width: 430px; height: 100px; background-color: #ca3a43; background-image: url("https://www.zupimages.net/up/16/35/vqad.png"); position: absolute; left: 10px; bottom: 10px;} .liensred_description {width: 410px; height: 80px; background: #e9e9e3; padding: 5px; box-sizing: border-box; font-size: 12px; color: #5a4b61; text-align: justify; overflow: auto; position: absolute; top: 10px; left: 10px;} .filiens_red_cont h3 {position: absolute; bottom: 0px; right: 170px; font-size: 14px; color: #5a4b61; font-weight: normal;} .filiens_red_cont a {color: #5a4b61; text-decoration: none;}
</style>
<div class="filiens_red_cont">
<div class="filiens_red">
<img src="https://www.zupimages.net/up/16/36/tp7s.png" class="liensred_icone" alt="icone" /><h1>Pseudo</h1>
<div class="liensred_rp"><h2>titre du rp</h2> description du rp en cours ou finit, date, lieu de rencontre, conclusion, et cetera..
<h2>titre du rp</h2> description du rp en cours ou finit, date, lieu de rencontre, conclusion, et cetera..
</div>
<div class="liens_red">
<div class="liensred_description"><h2>titre du lien</h2> Ici une description du lien entretenu avec le personnage en question. Huic Arabia est conserta, ex alio latere Nabataeis contigua; opima varietate conmerciorum castrisque oppleta validis et castellis, quae ad repellendos gentium vicinarum excursus sollicitudo pervigil veterum per oportunos saltus erexit et cautos. haec quoque civitates habet inter oppida quaedam ingentes Bostram et Gerasam atque Philadelphiam murorum firmitate cautissimas. hanc provinciae inposito nomine rectoreque adtributo obtemperare legibus nostris Traianus conpulit imperator incolarum tumore saepe contunso cum glorioso marte Mediam urgeret et Parthos.</div></div>
</div>
<div class="filiens_red">
<img src="https://www.zupimages.net/up/16/36/tp7s.png" class="liensred_icone" alt="icone" /><h1>Pseudo</h1>
<div class="liensred_rp"><h2>titre du rp</h2> description du rp en cours ou finit, date, lieu de rencontre, conclusion, et cetera..
<h2>titre du rp</h2> description du rp en cours ou finit, date, lieu de rencontre, conclusion, et cetera..
</div>
<div class="liens_red">
<div class="liensred_description"><h2>titre du lien</h2> Ici une description du lien entretenu avec le personnage en question</div></div>
</div>
<h3> <a href="http://epicode.variousforum.com/">Lazy sur Epicode</a></h3>
</div>
Pour ajouter des liens
- Code:
<div class="filiens_red">
<img src="https://www.zupimages.net/up/16/36/tp7s.png" class="liensred_icone" alt="icone" /><h1>Pseudo</h1>
<div class="liensred_rp"><h2>titre du rp</h2> description du rp en cours ou finit, date, lieu de rencontre, conclusion, et cetera..
<h2>titre du rp</h2> description du rp en cours ou finit, date, lieu de rencontre, conclusion, et cetera..
</div>
<div class="liens_red">
<div class="liensred_description"><h2>titre du lien</h2> Ici une description du lien entretenu avec le personnage en question. Huic Arabia est conserta, ex alio latere Nabataeis contigua; opima varietate conmerciorum castrisque oppleta validis et castellis, quae ad repellendos gentium vicinarum excursus sollicitudo pervigil veterum per oportunos saltus erexit et cautos. haec quoque civitates habet inter oppida quaedam ingentes Bostram et Gerasam atque Philadelphiam murorum firmitate cautissimas. hanc provinciae inposito nomine rectoreque adtributo obtemperare legibus nostris Traianus conpulit imperator incolarum tumore saepe contunso cum glorioso marte Mediam urgeret et Parthos.</div></div>
</div>
Messages : 411
Date d'inscription : 16/12/2018
Age : 29
Admin
Elirya
Relation de
Pré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.
- 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>Relation de</i>
<b>Pré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">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">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">Nombre</a>
<i>Parentesco/Relación</i>
</div>
<div class="MM104-a">
<div><div style="background-image: url(https://dummyimage.com/70x70/595959/fff.png);"></div></div>
<a href="URL">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">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>
Messages : 411
Date d'inscription : 16/12/2018
Age : 29
Admin
Elirya
NOM+PRENOM
Ce cadre peut servir à faire un résumé de votre personnage, lister vos rps ou même ajouter vos recherches de liens ! |  |
Koro pour Epicode- Code:
<link href="https://fonts.googleapis.com/css?family=Oswald" rel="stylesheet"><div style="border-top:solid #EA8888 8px;border-bottom:solid #EA8888 8px; text-align: center; background:#DEDEDE;width:500px;margin:auto">
<div style="font-family: 'Oswald', sans-serif; font-size: 40px;text-shadow:1px 1px 0px #000;color:#EA8888;padding: 5px;text-align:center;">NOM+PRENOM</div>
<table style="margin: 0 auto"><tr><td><div style="width:220px;height:326px;background-color:#fff;overflow:auto;text-align:justify;padding:5px;color:#000;font-family:Arial;font-size:12px;">Ce cadre peut servir à faire un résumé de votre personnage, lister vos rps ou même ajouter vos recherches de liens !</div></td><td><img style="border:solid white 2px;width:220px;height:326px;overflow:auto;" src="https://68.media.tumblr.com/05e5c3344f9cd0923b3390307b472f3d/tumblr_mu7ppgbNAF1sua5peo1_500.jpg"/></div></td></tr></table>
</div>
<div style="width:494px;border-top:solid #EA8888 8px;border-bottom:solid #EA8888 8px; text-align: center; background:#DEDEDE;padding:3px;margin:auto;"><img src="http://68.media.tumblr.com/43ffe3bc89a871a7fae4ce21117ddfbd/tumblr_inline_n30tr6uxXi1riacmz.png"/> <img src="http://orig09.deviantart.net/79e5/f/2014/280/1/b/untitled_by_macaronz-d81xaaw.png"/> <img src="https://68.media.tumblr.com/598457b1646eef2bc1c87da1b9500825/tumblr_inline_nhgep19q061suuiq8.png"/> <img src="http://www.m5zn.com/userdata/avatar/2017/02/18/png/m5zn_5a6facea52e5bc5.png"/></div><br/><div style="font-size:10px;color:#000;position:relative;bottom:16px;text-align:center;"> Koro pour <a href="http://epicode.variousforum.com/">Epicode</a></div>
PRÉNOM + NOM
LIEN • Description du lien que votre personnage a avec cette personne. |  |
Koro pour Epicode- Code:
<br><div style="text-align:center;font-family: 'Oswald', sans-serif;font-size:40px;color:#EA8888;text-shadow:1px 1px 0px black;">PRÉNOM + NOM</div><div style="width:500px;border-top:solid #EA8888 8px;border-bottom:solid #EA8888 8px; background:#DEDEDE;margin:auto;"><table><tr><td><div style="width:370px;height:100px;overflow:auto;text-align:justify;padding:5px;color:#000;font-family:Arial;font-size:12px;">[b]LIEN[/b] • Description du lien que votre personnage a avec cette personne.</div></div></td><td><img style="border:solid #EA8888 3px;width:100px;height:100px;" src="https://i.skyrock.net/0847/91120847/pics/3218860515_1_2_SZlyiR33.png"/></div></td></tr></table></div><br><div style="font-size:10px;color:#000;position:relative;bottom:16px;text-align:center;"> Koro pour <a href="http://epicode.variousforum.com/">Epicode</a></div>
Messages : 411
Date d'inscription : 16/12/2018
Age : 29
Admin
Elirya
préomNompetit résumé
Amis
Ennemis
Autres
NomMarzipan sweet biscuit dessert sesame snaps marshmallow tootsie roll carrot cake.
NomMarzipan sweet biscuit dessert sesame snaps marshmallow tootsie roll carrot cake.
NomMarzipan sweet biscuit dessert sesame snaps marshmallow tootsie roll carrot cake.
NomMarzipan sweet biscuit dessert.
NomMarzipan sweet biscuit dessert.
NomMarzipan sweet biscuit dessert sesame snaps marshmallow tootsie roll carrot cake.
Ennemis
NomMarzipan sweet biscuit dessert.
NomMarzipan sweet biscuit dessert.
NomMarzipan sweet biscuit dessert.
Autres
NomMarzipan sweet biscuit dessert.
NomMarzipan sweet biscuit dessert.
NomMarzipan sweet biscuit dessert.
- Code:
<div class="MD1 rose" style="color: #b76f62;"><div class="ceMD1"></div><input type="radio" name="MD1R" id="MD101" checked><label for="MD101" title="Moi"><span class="sf sf-crown-o"></span></label><div class="inMD1"><div class="cenMD1"><div class="avMD1"><div style="background-image: url(https://i.postimg.cc/bYWw3fg1/cara.jpg);"></div></div><strong>préom</strong><i>Nom</i><span>petit résumé</span></div></div><input type="radio" name="MD1R" id="MD102"><label for="MD102" title="Relations"><span class="sf sf-heart-o"></span></label><div class="inMD1"><div class="reMD1"><strong class="sf sf-chat-bubbles">Amis</strong>
<div style="background-image: url(https://i.postimg.cc/9fgtnQZj/nobody.jpg);"><span><b>Nom</b>Marzipan sweet biscuit dessert sesame snaps marshmallow tootsie roll carrot cake.</span></div>
<div style="background-image: url(https://i.postimg.cc/9fgtnQZj/nobody.jpg);"><span><b>Nom</b>Marzipan sweet biscuit dessert sesame snaps marshmallow tootsie roll carrot cake.</span></div>
<div style="background-image: url(https://i.postimg.cc/9fgtnQZj/nobody.jpg);"><span><b>Nom</b>Marzipan sweet biscuit dessert sesame snaps marshmallow tootsie roll carrot cake.</span></div>
<div style="background-image: url(https://i.postimg.cc/9fgtnQZj/nobody.jpg);"><span><b>Nom</b>Marzipan sweet biscuit dessert.</span></div>
<div style="background-image: url(https://i.postimg.cc/9fgtnQZj/nobody.jpg);"><span><b>Nom</b>Marzipan sweet biscuit dessert.</span></div>
<div style="background-image: url(https://i.postimg.cc/9fgtnQZj/nobody.jpg);"><span><b>Nom</b>Marzipan sweet biscuit dessert sesame snaps marshmallow tootsie roll carrot cake.</span></div>
<strong class="sf sf-skull-1">Ennemis</strong>
<div style="background-image: url(https://i.postimg.cc/9fgtnQZj/nobody.jpg);"><span><b>Nom</b>Marzipan sweet biscuit dessert.</span></div>
<div style="background-image: url(https://i.postimg.cc/9fgtnQZj/nobody.jpg);"><span><b>Nom</b>Marzipan sweet biscuit dessert.</span></div>
<div style="background-image: url(https://i.postimg.cc/9fgtnQZj/nobody.jpg);"><span><b>Nom</b>Marzipan sweet biscuit dessert.</span></div>
<strong class="sf sf-skull-1">Autres</strong>
<div style="background-image: url(https://i.postimg.cc/9fgtnQZj/nobody.jpg);"><span><b>Nom</b>Marzipan sweet biscuit dessert.</span></div>
<div style="background-image: url(https://i.postimg.cc/9fgtnQZj/nobody.jpg);"><span><b>Nom</b>Marzipan sweet biscuit dessert.</span></div>
<div style="background-image: url(https://i.postimg.cc/9fgtnQZj/nobody.jpg);"><span><b>Nom</b>Marzipan sweet biscuit dessert.</span></div>
</div></div><input type="radio" name="MD1R" id="MD103"><label for="MD103" title="Rps"><span class="sf sf-sand-clock-o"></span></label><div class="inMD1"><div class="crMD1"><strong class="sf sf-pencil">Actifs</strong><a href="URL">Titre</a> avec <b>Partenaires</b>
<a href="URL">Titre</a> avec <b>Partenaires</b>
<a href="URL">Titre</a> avec <b>Partenaires</b>
<a href="URL">Titre</a> avec <b>Partenaires</b>
<a href="URL">Titre</a> avec <b>Partenaires</b>
<strong class="sf sf-lock">Terminés</strong><a href="URL">Titre</a> avec <b>Partenaires</b>
<a href="URL">Titre</a> avec <b>Partenaires</b>
<a href="URL">Titre</a> avec <b>Partenaires</b>
<strong class="sf sf-lock">Abandonnés</strong><a href="URL">Titre</a> avec <b>Partenaires</b>
<a href="URL">Titre</a> avec <b>Partenaires</b>
<a href="URL">Titre</a> avec <b>Partenaires</b>
</div></div></div>[center]<a class="miMD1" href="https://emmescodes.tumblr.com/" title="Code by Emme">Emme</a>[/center]
<link href="https://fonts.googleapis.com/css?family=Montserrat&display=swap" rel="stylesheet"><link href="//dl.dropbox.com/s/50g6fbds3rh4m0j/saturnicons.css" rel="stylesheet"><style>.MD1.rose input:checked + label {border-image-source: url("https://i.postimg.cc/rFZK6tqR/01.gif");} .MD1.rose input:checked + label > span, .MD1.rose input:checked + label::after, .MD1.rose .cenMD1 > i, .MD1.rose .reMD1 > strong::before, .MD1.rose .crMD1 > strong::before, .MD1.rose .ivMD1 > strong::before, .MD1.rose .crMD1 > a, .MD1.rose input:checked + label > span:before {background-image: url(https://i.postimg.cc/rFZK6tqR/01.gif);} .MD1.rose .avMD1::after, .MD1.rose div::-webkit-scrollbar-thumb {background: url("https://i.postimg.cc/rFZK6tqR/01.gif");} .reMD1 > br, .ivMD1 > br {display: none;} .MD1, .MD1 * {box-sizing: border-box;} @font-face {font-family: "Slant"; src: url("https://cdn.staticaly.com/gh/EmmesCodes/Tipografias/fa619b4367916ca887cb89316bb33473071ec77a/Latter%20Slant%20-%20Regular%20TTF.ttf");} .MD1 {width: 420px; height: 300px; background: #111; padding: 5px; position: relative; margin: auto;} .MD1 input {display: none;} .MD1 label {display: block; width: 80px; height: 35px; margin: 30px; border: 1px solid; transition: 0.2s; transform: scale(0.9); text-align: left; position: relative; filter: saturate(0);} .MD1 label:hover {filter: saturate(1);} .MD1 input:checked + label {transform: scale(1); border-image-width: 1px; border-image-repeat: repeat; border-image-slice: 4; filter: saturate(1);} .MD1 input:checked + label > span, .MD1 input:checked + label::after, .cenMD1 > i, .reMD1 > strong::before, .crMD1 > strong::before, .ivMD1 > strong::before, .crMD1 > a {-webkit-background-clip: text; color: transparent;} .MD1 label > span {overflow: hidden; display: inline-block; padding: 5px; width: 100%; height: 100%;} .MD1 label > span:before {padding-top: 5px; transform: rotate(20deg); display: inline-block; font-size: 40px; margin: -13px;} .MD1 label::before, .MD1 label::after {content: attr(title); position: absolute; font: bold 8px Montserrat; text-transform: uppercase; letter-spacing: 2px; right: 5px; bottom: -5px;} .MD1 label::before {color: #111; text-shadow: 2px 0px, -2px 0, 3px 0, -3px 0;} .inMD1 {position: absolute; right: 35px; left: 150px; text-align: center; transform: scale(0); transition: 0.5s; top: 35px; bottom: 35px; overflow-y: auto; overflow-x: hidden; padding-right: 5px;} .MD1 input:checked + label + .inMD1 {transform: scale(1);} .cenMD1 {position: absolute; width: 100%; top: 50%; transform: translateY(-50%);} .avMD1 {width: 55px; height: 55px; margin: 0 auto 20px; position: relative;} .avMD1 > div {height: 60px; width: 60px; background-position: center; background-size: cover; transform: translate(-50%, -50%); position: absolute; top: 50%; left: 50%; clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);} .avMD1::before, .avMD1::after {content: ""; position: absolute; height: 100%; width: 100%; clip-path: polygon( 0 0, 100% 0, calc(100% - 3px) 3px, 3px 3px, 3px calc(100% - 3px), 0 100% ); z-index: 2px; top: 0;} .avMD1::after {transform: rotate(135deg); left: 0;} .avMD1::before {box-shadow: inset 0 0 0 20px; transform: rotate(-45deg); right: 0;} .cenMD1 > strong {font: bold 12px Montserrat; display: block; padding-right: 30px;} .cenMD1 > i {font: 20px Slant; display: block; padding-left: 30px; margin: -25px;} .cenMD1 > span {font: italic 10px Montserrat; color: #777; display: block; margin-top: 20px;} .reMD1 {letter-spacing: -5px;} .reMD1 > strong, .crMD1 > strong, .ivMD1 > strong {text-align: right; display: block; font: bold 10px Montserrat; text-transform: uppercase; letter-spacing: 5px; margin-bottom: 5px; border-bottom: 1px solid;} .reMD1 > div {width: 50px; height: 80px; position: relative; transform: scale(0.9); display: inline-block; vertical-align: top; letter-spacing: normal; transition: 0.5s; background-position: center; background-size: cover; border: 1px solid; padding: 5px; background-clip: content-box; margin: 5px; filter: saturate(0);} .reMD1 > div:hover {transform: scale(1); z-index: 5; filter: saturate(1);} .reMD1 > div > span {position: absolute; background: #111D; top: 0%; left: 50%; transform: translate(-50%); padding: 5px; font: 0px Montserrat; opacity: 0; transition: 0.5s; filter: saturate(0);} .reMD1 > div:hover > span {font: 10px Montserrat; top: 80%; opacity: 1;} .reMD1 > div > span::before {content: ""; background: #111D; clip-path: polygon(50% 0%, 0% 100%, 100% 100%); width: 14px; height: 7px; left: calc(50% - 7px); bottom: 100%; position: absolute;} .reMD1 > strong::before, .crMD1 > strong::before, .ivMD1 > strong:before {float: left;} .crMD1 {font: 10px Montserrat; text-align: left;} .crMD1 > a {display: block; font-size: 12px; text-transform: uppercase; margin-top: 10px; transition: 0.5s;} .crMD1 > a:hover {letter-spacing: 1px;} .crMD1 > b {color: #777;} .ivMD1 > div {border: 1px solid; vertical-align: top; display: inline-block; margin: 8px; width: 45px; height: 45px; position: relative; filter: saturate(0); transition: 0.5s;} .ivMD1 > div:hover {filter: saturate(1);} .ivMD1 > div img {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.8); max-width: 35px; max-height: 35px; transition: 0.5s;} .ivMD1 > div:hover img {transform: translate(-50%, -50%) scale(1);} .ivMD1 > div b, .ivMD1 > div i {font: 10px Montserrat; position: absolute; box-shadow: inset 0 0 0 20px; -webkit-text-fill-color: #111; padding: 2px 3px;} .ivMD1 > div b {left: -5px; top: -5px;} .ivMD1 > div i {right: -5px; bottom: -5px;} .miMD1 {font: 10px Montserrat; display: block; text-transform: uppercase; letter-spacing: 2px; transition: 0.5s; text-align: center;} .miMD1:hover {letter-spacing: 10px;} .MD1 div::-webkit-scrollbar {width: 5px !important; height: 5px !important; background: #000 !important;}.MD1 input:checked + label > span:before {-webkit-background-clip: text;}</style>
Messages : 411
Date d'inscription : 16/12/2018
Age : 29
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum|
|
|