par Elvira S.Murdock Aujourd'hui à 9:07
» Leaf in the Wind (simple)
par Nyx M. Yoru Ven 26 Avr - 11:53
» Pisrale (footer)
par Nyx M. Yoru Lun 22 Avr - 12:51
» Deliquescence (footer)
par Nyx M. Yoru Ven 19 Avr - 11:42
» Miraculous Quest (footer)
par Elirya Mar 2 Avr - 15:07
» Fairy Dystopia (simple)
par Elirya Mar 2 Avr - 15:05
pour chacune des description on demande un minimum de 10 lignes. sauf pour le pouvoir bien sur^^
- nom polo
- prénom marco
- âge 26 ans
- race m
- orientation sexuelle les roux
- Situation maritale les roux
- nationalité italienne
- groupe les roux
- Metier faire le beau
pouvoirs & malus
Mauris dapibus arcu nec diam egestas rutrum. In in erat tortor. Fusce dignissim, turpis ut elementum bibendum, nunc est finibus diam, vitae dignissim odio tellus ut nunc. Donec erat tortor, luctus a consequat a, vestibulum at eros. Donec tincidunt erat eget justo venenatis venenatis sit amet ut dui. Cras nec facilisis elit. Maecenas at nibh condimentum, laoreet sapien eu, porta erat. Integer a diam vel lectus auctor rhoncus sit amet non nunc. Mauris porttitor, massa et blandit pulvinar, erat purus pellentesque sapien, sed molestie turpis sem vitae ante. Aliquam erat volutpat. Sed rutrum cursus velit, vel cursus leo blandit sit amet. Suspendisse fringilla purus neque, et euismod magna placerat quis.chapitre 1
Nullam feugiat ex ut lorem lobortis iaculis. Phasellus nulla urna, dapibus vitae ex non, tristique luctus ante. Proin molestie volutpat leo at facilisis. Quisque ac ultricies ipsum. Nam cursus, ex quis cursus volutpat, leo velit laoreet risus, sit amet hendrerit elit ipsum tincidunt ipsum. In sit amet maximus ex. Vivamus tempor volutpat tellus. Etiam et turpis eget erat iaculis gravida commodo ac quam. Donec laoreet magna ut magna iaculis, ultricies congue velit sollicitudin. Morbi ligula dui, faucibus vitae accumsan nec, eleifend at magna. Nulla facilisi. Mauris ultrices fermentum lorem eu sodales. Sed eu urna risus. Aliquam malesuada urna aliquam, dapibus mi at, consectetur nunc. Duis porttitor consequat est at posuere. Nulla lorem massa, blandit ac tempus vel, ultricies nec magna. Aliquam luctus lacus ipsum, ut vulputate sem volutpat in. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nulla facilisi. Sed ornare molestie tempus. Ut maximus purus vel commodo volutpat. Nullam feugiat ex ut lorem lobortis iaculis. Phasellus nulla urna, dapibus vitae ex non, tristique luctus ante. Proin molestie volutpat leo at facilisis. Quisque ac ultricies ipsum. Nam cursus, ex quis cursus volutpat, leo velit laoreet risus, sit amet hendrerit elit ipsum tincidunt ipsum. In sit amet maximus ex. Vivamus tempor volutpat tellus. Etiam et turpis eget erat iaculis gravida commodo ac quam. Donec laoreet magna ut magna iaculis, ultricies congue velit sollicitudin. Morbi ligula dui, faucibus vitae accumsan nec, eleifend at magna. Nulla facilisi. Mauris ultrices fermentum lorem eu sodales. Sed eu urna risus. Aliquam malesuada urna aliquam, dapibus mi at, consectetur nunc. Duis porttitor consequat est at posuere. Nulla lorem massa, blandit ac tempus vel, ultricies nec magna. Aliquam luctus lacus ipsum, ut vulputate sem volutpat in. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nulla facilisi. Sed ornare molestie tempus. Ut maximus...physique
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam feugiat ex ut lorem lobortis iaculis. Phasellus nulla urna, dapibus vitae ex non, tristique luctus ante. Proin molestie volutpat leo at facilisis. Quisque ac ultricies ipsum. Nam cursus, ex quis cursus volutpat, leo velit laoreet risus, sit amet hendrerit elit ipsum tincidunt ipsum. In sit amet maximus ex. Vivamus tempor volutpat tellus. Etiam et turpis eget erat iaculis gravida commodo ac quam. Donec laoreet magna...mental
Ultricies congue velit sollicitudin. Morbi ligula dui, faucibus vitae accumsan nec, eleifend at magna. Nulla facilisi. Mauris ultrices fermentum lorem eu sodales. Sed eu urna risus. Aliquam malesuada urna aliquam, dapibus mi at, consectetur nunc. Duis porttitor consequat est at posuere. Nulla lorem massa, blandit ac tempus vel, ultricies nec magna. Aliquam luctus lacus ipsum, ut vulputate sem volutpat in. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nulla facilisi. Sed ornare molestie tempus. Ut maximus purus vel commodo volutpat. Ut commodo.centres d'intérêts
Curabitur rutrum arcu eu mi dignissim faucibus. Pellentesque sed augue eu nisl congue faucibus. Duis pulvinar, orci gravida venenatis malesuada, diam quam egestas urna, facilisis rhoncus elit odio tincidunt arcu. Cras eros leo, tempus in euismod et, pharetra id risus. Vestibulum ipsum odio, rutrum sit amet pharetra non, convallis in erat. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Mauris dapibus arcu nec... dapibus arcu nec.- Code:
<div class="template-linus-25"><!--
/***changer ici l'image de fond de l'entête***/
--><div style="background-image:url('https://via.placeholder.com/150.png');" class="tli-header"><!--
--><div class="tli-avatar tli-shadow"><!--
/***changer ici l'avatar***/
--><img src="https://via.placeholder.com/150.png"/><!--
--></div><!--
/***champs infos personnelles***/
--><ul class="tli-infos"><!--
--><li><span class="tli-field">nom</span> polo</li><!--
--><li><span class="tli-field">prénom</span> marco</li><!--
--><li><span class="tli-field">âge</span> 26 ans</li><!--
--><li><span class="tli-field">race</span> m</li><!--
--><li><span class="tli-field">orientation sexuelle</span> les roux</li><!--
--><li><span class="tli-field">Situation maritale</span> les roux</li><!--
--><li><span class="tli-field">nationalité</span> italienne</li><!--
--><li><span class="tli-field">groupe</span> les roux</li><!--
--><li><span class="tli-field">Metier</span> faire le beau</li><!--
--></ul><!--
/***fin champs infos personnelles***/
--></div><!--
--><div class="tli-body"><!--
/***début contenu onglet 2***/
--><span class="tli-target" id="onglet2"></span><!--
--><div class="tli-text"><!--
--><h2 class="tli-title">pouvoirs & malus</h2><!--
-->Mauris dapibus arcu nec diam egestas rutrum. In in erat tortor. Fusce dignissim, turpis ut elementum bibendum, nunc est finibus diam, vitae dignissim odio tellus ut nunc. Donec erat tortor, luctus a consequat a, vestibulum at eros. Donec tincidunt erat eget justo venenatis venenatis sit amet ut dui. Cras nec facilisis elit. Maecenas at nibh condimentum, laoreet sapien eu, porta erat. Integer a diam vel lectus auctor rhoncus sit amet non nunc. Mauris porttitor, massa et blandit pulvinar, erat purus pellentesque sapien, sed molestie turpis sem vitae ante. Aliquam erat volutpat. Sed rutrum cursus velit, vel cursus leo blandit sit amet. Suspendisse fringilla purus neque, et euismod magna placerat quis.</div><!--
/***fin contenu onglet 2***/
/***début contenu onglet 3***/
--><span class="tli-target" id="onglet3"></span><!--
--><div class="tli-text"><!--
--><h2 class="tli-title">chapitre 1</h2><!--
-->Nullam feugiat ex ut lorem lobortis iaculis. Phasellus nulla urna, dapibus vitae ex non, tristique luctus ante. Proin molestie volutpat leo at facilisis. Quisque ac ultricies ipsum. Nam cursus, ex quis cursus volutpat, leo velit laoreet risus, sit amet hendrerit elit ipsum tincidunt ipsum. In sit amet maximus ex. Vivamus tempor volutpat tellus. Etiam et turpis eget erat iaculis gravida commodo ac quam. Donec laoreet magna ut magna iaculis, ultricies congue velit sollicitudin. Morbi ligula dui, faucibus vitae accumsan nec, eleifend at magna. Nulla facilisi. Mauris ultrices fermentum lorem eu sodales. Sed eu urna risus. Aliquam malesuada urna aliquam, dapibus mi at, consectetur nunc. Duis porttitor consequat est at posuere. Nulla lorem massa, blandit ac tempus vel, ultricies nec magna. Aliquam luctus lacus ipsum, ut vulputate sem volutpat in. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nulla facilisi. Sed ornare molestie tempus. Ut maximus purus vel commodo volutpat. Nullam feugiat ex ut lorem lobortis iaculis. Phasellus nulla urna, dapibus vitae ex non, tristique luctus ante. Proin molestie volutpat leo at facilisis. Quisque ac ultricies ipsum. Nam cursus, ex quis cursus volutpat, leo velit laoreet risus, sit amet hendrerit elit ipsum tincidunt ipsum. In sit amet maximus ex. Vivamus tempor volutpat tellus. Etiam et turpis eget erat iaculis gravida commodo ac quam. Donec laoreet magna ut magna iaculis, ultricies congue velit sollicitudin. Morbi ligula dui, faucibus vitae accumsan nec, eleifend at magna. Nulla facilisi. Mauris ultrices fermentum lorem eu sodales. Sed eu urna risus. Aliquam malesuada urna aliquam, dapibus mi at, consectetur nunc. Duis porttitor consequat est at posuere. Nulla lorem massa, blandit ac tempus vel, ultricies nec magna. Aliquam luctus lacus ipsum, ut vulputate sem volutpat in. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nulla facilisi. Sed ornare molestie tempus. Ut maximus...</div><!--
/***début contenu onglet 3***/
/***début contenu onglet 1***/
--><span class="tli-target" id="onglet1"></span><!--
--><div class="tli-text"><!--
--><h2 class="tli-title">physique</h2><!--
-->Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam feugiat ex ut lorem lobortis iaculis. Phasellus nulla urna, dapibus vitae ex non, tristique luctus ante. Proin molestie volutpat leo at facilisis. Quisque ac ultricies ipsum. Nam cursus, ex quis cursus volutpat, leo velit laoreet risus, sit amet hendrerit elit ipsum tincidunt ipsum. In sit amet maximus ex. Vivamus tempor volutpat tellus. Etiam et turpis eget erat iaculis gravida commodo ac quam. Donec laoreet magna...<!--
--><h2 class="tli-title">mental</h2><!--
-->Ultricies congue velit sollicitudin. Morbi ligula dui, faucibus vitae accumsan nec, eleifend at magna. Nulla facilisi. Mauris ultrices fermentum lorem eu sodales. Sed eu urna risus. Aliquam malesuada urna aliquam, dapibus mi at, consectetur nunc. Duis porttitor consequat est at posuere. Nulla lorem massa, blandit ac tempus vel, ultricies nec magna. Aliquam luctus lacus ipsum, ut vulputate sem volutpat in. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nulla facilisi. Sed ornare molestie tempus. Ut maximus purus vel commodo volutpat. Ut commodo.<!--
--><h2 class="tli-title">centres d'intérêts</h2><!--
-->Curabitur rutrum arcu eu mi dignissim faucibus. Pellentesque sed augue eu nisl congue faucibus. Duis pulvinar, orci gravida venenatis malesuada, diam quam egestas urna, facilisis rhoncus elit odio tincidunt arcu. Cras eros leo, tempus in euismod et, pharetra id risus. Vestibulum ipsum odio, rutrum sit amet pharetra non, convallis in erat. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Mauris dapibus arcu nec... dapibus arcu nec.<!--
--></div><!--
/***début contenu onglet 1***/
/***menu onglets***/
--><ul class="tli-menu"><!--
--><li><a href="#onglet1">cv</a></li><!--
--><li><a href="#onglet2">pouvoirs</a></li><!--
--><li><a href="#onglet3">histoire</a></li><!--
--><li><a target="_blank" href="#lien-externe">journal</a></li><!--
--><li><a target="_blank" href="#lien-externe">liens</a></li><!--
--></ul><!--
/***fin menu onglets***/
--><div class="tli-credits">©linus pour <a href="http://epicode.variousforum.com/" target="_blank">Epicode</a></div><!--
--></div><!--
--></div><style> .template-linus-25 ul{list-style:none;}.template-linus-25 ul, .template-linus-25 h5, .template-linus-25 h4, .template-linus-25 h3, .template-linus-25 h2, .template-linus-25 h1, .template-linus-25 p, .template-linus-25 figure{margin:0;padding:0;font-weight:normal;border:none;}.template-linus-25 a, .template-linus-25 a:hover{text-decoration:none!important;}.template-linus-25 a img{border:none;}.template-linus-25{--l25-couleur-police : #111;--l25-couleur-fond : #FFF;--l25-couleur-titres : #4e62b7;--l25-police : "Contrail One", serif;width:400px;margin:auto;font-size:12px;line-height:16px;font-family:"arial", serif;color:var(--l25-couleur-police);text-align:justify;background:var(--l25-couleur-fond);}.template-linus-25 .tli-body{z-index:1;padding:35px 10px 10px 10px;position:relative;}.template-linus-25 .tli-title{margin-bottom:5px;color:var(--l25-couleur-titres);font-family:var(--l25-police);font-size:15px;}.template-linus-25 .tli-title ~ .tli-title{margin-top:15px;border-top:1px solid rgba(0,0,0,0.05);padding-top:15px;}.template-linus-25 .tli-header{position:relative;display:flex;background:#e8eaef;padding:10px 10px 35px 10px;background-size:cover;background-repeat:no-repeat;background-position:50%;color:#111;}.template-linus-25 .tli-header:after{content:' ';background:rgba(255,255,255,0.5);position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;}.template-linus-25, .template-linus-25 .tli-shadow{-o-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25);box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25);border:1px solid rgba(0,0,0,0.25);}.template-linus-25 .tli-avatar{width:100px;min-height:100px;min-width:100px;overflow:hidden;position:relative;margin-right:10px;z-index:2;}.template-linus-25 .tli-avatar > img{position:absolute;width:100%;height:100%;top:0;left:0;bottom:0;right:0;margin:auto;}.template-linus-25 .tli-infos{z-index:2;align-self:center;display:flex;flex-wrap:wrap;}.template-linus-25 .tli-infos li{background:rgba(255,255,255,0.25);padding:0 5px 0 0;margin-right:10px;margin-bottom:10px;overflow:hidden;}.template-linus-25 .tli-infos .tli-field{padding:0 5px 0 5px;margin-right:5px;font-weight:bold;display:inline-block;color:var(--l25-couleur-titres);border-right:1px double var(--l25-couleur-titres);float:left;text-transform:uppercase;font-size:7px;line-height:17px;letter-spacing:1px;}.template-linus-25 .tli-menu{display:flex;flex-direction:row;position:absolute;top:-30px;left:0;width:100%;justify-content:center;z-index:2;font-family:var(--l25-police);text-transform:uppercase;}.template-linus-25 .tli-menu li{width:60px;height:60px;position:relative;}.template-linus-25 a{color:var(--l25-couleur-titres);}.template-linus-25 .tli-menu li a{border-radius:50%;display:flex;justify-content:center;align-items:center;transition:background 1s, font-size 1s, width 1s, height 1s, margin 1s;}.template-linus-25 .tli-menu li:first-child a, .template-linus-25 .tli-target[id="onglet1"]:target ~ .tli-menu li a[href="#onglet1"], .template-linus-25 .tli-target[id="onglet2"]:target ~ .tli-menu li a[href="#onglet2"], .template-linus-25 .tli-target[id="onglet3"]:target ~ .tli-menu li a[href="#onglet3"], .template-linus-25 .tli-target[id="onglet4"]:target ~ .tli-menu li a[href="#onglet4"], .template-linus-25 .tli-target[id="onglet5"]:target ~ .tli-menu li a[href="#onglet5"], .template-linus-25 .tli-target[id="onglet6"]:target ~ .tli-menu li a[href="#onglet6"], .template-linus-25 .tli-target[id="onglet7"]:target ~ .tli-menu li a[href="#onglet7"], .template-linus-25 .tli-target[id="onglet8"]:target ~ .tli-menu li a[href="#onglet8"], .template-linus-25 .tli-target[id="onglet9"]:target ~ .tli-menu li a[href="#onglet9"], .template-linus-25 .tli-target[id="onglet10"]:target ~ .tli-menu li a[href="#onglet10"]{font-size:13px;width:100%;height:100%;margin:0;background:var(--l25-couleur-titres);color:var(--l25-couleur-fond);}.template-linus-25 .tli-menu li a, .template-linus-25 .tli-target:target ~ .tli-menu li:first-child a{font-size:10px;width:80%;height:80%;margin:10%;background:var(--l25-couleur-fond);color:var(--l25-couleur-titres);}.template-linus-25 .tli-text{transition:opacity 1s;}.template-linus-25 .tli-target{display:none;position:fixed;top:0;}.template-linus-25 .tli-target[id="onglet1"] + .tli-text, .template-linus-25 .tli-target:target + .tli-text{height:auto;opacity:1;}.template-linus-25 .tli-target:target ~ .tli-target[id="onglet1"] + .tli-text, .template-linus-25 .tli-text{height:0;overflow:hidden;opacity:0;}.template-linus-25 .tli-credits{margin-top:15px;text-align:right;opacity:0.4;font-size:9px;}</style>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed lacinia nulla tincidunt tincidunt efficitur. Etiam bibendum mauris ut eros varius, in malesuada diam suscipit. Ut congue velit ac neque mattis, sed molestie massa congue. Suspendisse vitae feugiat dui. Sed mauris nunc, dignissim vel scelerisque nec, laoreet ultrices metus. Ut et odio arcu. Donec porttitor tellus tortor, sit amet euismod elit mattis quis. Etiam vel nisl laoreet, eleifend elit vel, ullamcorper eros. Donec a efficitur lorem, at egestas neque. Integer posuere pulvinar maximus. Nam at convallis metus, et suscipit augue. Maecenas tristique consequat maximus.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed lacinia nulla tincidunt tincidunt efficitur. Etiam bibendum mauris ut eros varius, in malesuada diam suscipit. Ut congue velit ac neque mattis, sed molestie massa congue. Suspendisse vitae feugiat dui. Sed mauris nunc, dignissim vel scelerisque nec, laoreet ultrices metus. Ut et odio arcu. Donec porttitor tellus tortor, sit amet euismod elit mattis quis. Etiam vel nisl laoreet, eleifend elit vel, ullamcorper eros. Donec a efficitur lorem, at egestas neque. Integer posuere pulvinar maximus. Nam at convallis metus, et suscipit augue. Maecenas tristique consequat maximus.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed lacinia nulla tincidunt tincidunt efficitur. Etiam bibendum mauris ut eros varius, in malesuada diam suscipit. Ut congue velit ac neque mattis, sed molestie massa congue. Suspendisse vitae feugiat dui. Sed mauris nunc, dignissim vel scelerisque nec, laoreet ultrices metus. Ut et odio arcu. Donec porttitor tellus tortor, sit amet euismod elit mattis quis. Etiam vel nisl laoreet, eleifend elit vel, ullamcorper eros. Donec a efficitur lorem, at egestas neque. Integer posuere pulvinar maximus. Nam at convallis metus, et suscipit augue. Maecenas tristique consequat maximus.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed lacinia nulla tincidunt tincidunt efficitur. Etiam bibendum mauris ut eros varius, in malesuada diam suscipit. Ut congue velit ac neque mattis, sed molestie massa congue. Suspendisse vitae feugiat dui. Sed mauris nunc, dignissim vel scelerisque nec, laoreet ultrices metus. Ut et odio arcu. Donec porttitor tellus tortor, sit amet euismod elit mattis quis. Etiam vel nisl laoreet, eleifend elit vel, ullamcorper eros. Donec a efficitur lorem, at egestas neque. Integer posuere pulvinar maximus. Nam at convallis metus, et suscipit augue. Maecenas tristique consequat maximus.
- Code:
<link rel="preconnect" href="https://fonts.gstatic.com"><link href="https://fonts.googleapis.com/css2?family=Lora:wght@400;700&family=PT+Sans&display=swap" rel="stylesheet"><div class="TRWIH_presentation_background"> <div class="TRWIH_presentation_title">Présentation du personnage</div><div class="TRWIH_presentation_image"><img src="http://via.placeholder.com/60"/></div><div class="TRWIH_presentation_image"><img src="http://via.placeholder.com/60"/></div><div class="TRWIH_presentation_image"><img src="http://via.placeholder.com/60"/></div><div class="TRWIH_presentation_image"><img src="http://via.placeholder.com/60"/></div><div class="TRWIH_presentation_subtitle">Prénom P. Nom</div><div class="TRWIH_presentation_quote">Une petite phrase qui met bien</div><div class="TRWIH_presentation_avatar"><img src="http://via.placeholder.com/100x150"/></div><div class="TRWIH_presentation_blockinfos"> <div>Surnom :</div>Écrire ici. <div>Âge & date de naissance:</div>Écrire ici. <div>Lieu de naissance</div>Écrire ici. <div>Signe(s) particulier(s) :</div>Écrire ici. <div>Métier / occupation :</div>Écrire ici. </div><div class="TRWIH_presentation_featuring">feat. nom de la célébrité / de l'avatar</div><div class="TRWIH_presentation_subtitle">Physique</div><div class="TRWIH_presentation_blocktext"><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed lacinia nulla tincidunt tincidunt efficitur. Etiam bibendum mauris ut eros varius, in malesuada diam suscipit. Ut congue velit ac neque mattis, sed molestie massa congue. Suspendisse vitae feugiat dui. Sed mauris nunc, dignissim vel scelerisque nec, laoreet ultrices metus. Ut et odio arcu. Donec porttitor tellus tortor, sit amet euismod elit mattis quis. Etiam vel nisl laoreet, eleifend elit vel, ullamcorper eros. Donec a efficitur lorem, at egestas neque. Integer posuere pulvinar maximus. Nam at convallis metus, et suscipit augue. Maecenas tristique consequat maximus.</p></div><div class="TRWIH_presentation_subtitle">Caractère </div><div class="TRWIH_presentation_blocktext"><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed lacinia nulla tincidunt tincidunt efficitur. Etiam bibendum mauris ut eros varius, in malesuada diam suscipit. Ut congue velit ac neque mattis, sed molestie massa congue. Suspendisse vitae feugiat dui. Sed mauris nunc, dignissim vel scelerisque nec, laoreet ultrices metus. Ut et odio arcu. Donec porttitor tellus tortor, sit amet euismod elit mattis quis. Etiam vel nisl laoreet, eleifend elit vel, ullamcorper eros. Donec a efficitur lorem, at egestas neque. Integer posuere pulvinar maximus. Nam at convallis metus, et suscipit augue. Maecenas tristique consequat maximus.</p></div><div class="TRWIH_presentation_subtitle">Histoire</div><div class="TRWIH_presentation_blocktext"><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed lacinia nulla tincidunt tincidunt efficitur. Etiam bibendum mauris ut eros varius, in malesuada diam suscipit. Ut congue velit ac neque mattis, sed molestie massa congue. Suspendisse vitae feugiat dui. Sed mauris nunc, dignissim vel scelerisque nec, laoreet ultrices metus. Ut et odio arcu. Donec porttitor tellus tortor, sit amet euismod elit mattis quis. Etiam vel nisl laoreet, eleifend elit vel, ullamcorper eros. Donec a efficitur lorem, at egestas neque. Integer posuere pulvinar maximus. Nam at convallis metus, et suscipit augue. Maecenas tristique consequat maximus.</p></div><div class="TRWIH_presentation_subtitle">Pouvoir </div><div class="TRWIH_presentation_blocktext"><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed lacinia nulla tincidunt tincidunt efficitur. Etiam bibendum mauris ut eros varius, in malesuada diam suscipit. Ut congue velit ac neque mattis, sed molestie massa congue. Suspendisse vitae feugiat dui. Sed mauris nunc, dignissim vel scelerisque nec, laoreet ultrices metus. Ut et odio arcu. Donec porttitor tellus tortor, sit amet euismod elit mattis quis. Etiam vel nisl laoreet, eleifend elit vel, ullamcorper eros. Donec a efficitur lorem, at egestas neque. Integer posuere pulvinar maximus. Nam at convallis metus, et suscipit augue. Maecenas tristique consequat maximus.</p></div></div><div class="TRWIH_faq_credit">sherlock | <a target="blank" href="https://epsilon-ls.forumactif.com/">www</a>.</div>
<style>.TRWIH_presentation_background{background-color: #0f1b31; width: 480px; padding: 10px; margin: 10px auto; display: flex; flex-wrap: wrap; justify-content: space-evenly; border: 10px #385c88 solid; outline: 1px #d18475 solid; outline-offset: 5px;}.TRWIH_presentation_title{font: 25px "Lora", serif; background: linear-gradient( to right, #385c88, #6f6293, #9d6790, #bf7184, #d18475 ); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-align: center; text-transform: uppercase; font-weight: bold; width: 480px; height: 40px; border-bottom: 1px #eee solid;}.TRWIH_presentation_image{width:60px; height:60px; border:1px #eee solid; padding:5px; border-radius:100%; margin:20px 0;}.TRWIH_presentation_image img{border-radius:100%; width:100%;}.TRWIH_presentation_subtitle{width: 480px; height: 50px; background-image: linear-gradient( to right, #385c88, #6f6293, #9d6790, #bf7184, #d18475 ); font: 18px "Lora", serif; text-align: center; line-height: 50px; color: #eee; margin:10px 0;}.TRWIH_presentation_quote{font: 10px "PT Sans", sans-serif; color: #f1f1f1; text-align: center; padding: 10px; margin-top:-10px; width: 480px; border-bottom: 1px #eee solid;}.TRWIH_presentation_avatar{width: 100px; height: 150px; border: 5px #eee solid; margin: 10px 0;}.TRWIH_presentation_avatar img{width: 100%;}.TRWIH_presentation_blockinfos{font:10px "PT Sans", sans-serif; color: #f1f1f1; text-align: justify; padding:10px; width: 319px; height: 145px; margin: 10px; overflow: auto;background-color:rgba(255,255,255,0.7); text-transform:lowercase;}.TRWIH_presentation_blockinfos::-webkit-scrollbar {display:none;}.TRWIH_presentation_blockinfos > div{font: 12px "Lora", serif; background: linear-gradient( to right, #385c88, #6f6293, #9d6790, #bf7184, #d18475 ); -webkit-background-clip: text; -webkit-text-fill-color: transparent; border-bottom:1px solid #eee; height:20px; margin:5px 0; width:330px;}.TRWIH_presentation_featuring{width:460px; background-color:#f1f1f1; color:#111; font: 10px "Lora", serif; height:10px; padding:10px; line-height:10px; text-align:center;}.TRWIH_presentation_blocktext{width:480px; height:100px; background-color:#f1f1f1; color:#111; overflow:auto; border:2px #D18475 solid;}.TRWIH_presentation_blocktext::-webkit-scrollbar{width: 5px; background: #f1f1f1;}.TRWIH_presentation_blocktext::-webkit-scrollbar-thumb{height: 30px; background:linear-gradient( to bottom, #385c88, #6f6293, #9d6790, #bf7184, #d18475 );}.TRWIH_presentation_blocktext p{font: 10px "PT Sans", sans-serif; padding:15px; margin-top:-5px; text-align:justify;}.TRWIH_faq_credit{font: 10px "Lora", serif; color: #111; margin: 10px auto; height: 20px; width: 500px;}.TRWIH_faq_credit a{text-decoration: none; color: #111;}</style>
- Âge
- Origines
- Orientation Sexuelle
- Situation Maritale
- Groupe
- Métier
Le physique ICI *-*
Le caractère juste LA !
- Code:
<link href="https://fonts.googleapis.com/css?family=Open+Sans|Oswald:400,700" rel="stylesheet"/><div class="content_fiche_presentation_arte"><div class="block_purple_deco_top"></div>
<div class="avatar_personnage_pseudo"><img src="https://2img.net/r/hpimg15/pics/417198Random2.png"/><span>PRÉNOM(S) & NOM(S)</span></div><ul><li>Âge</li><li>Origines</li><li>Orientation Sexuelle</li><li>Situation Maritale</li><li>Groupe</li><li>Métier</li></ul><p>Le physique ICI *-*</p><p>Le caractère juste LA ! :)</p><div class="titre_sections_fiche">Physique</div><div class="titre_sections_fiche">Caractère</div><div class="histoire_paragraphe_f">Et ta petite histoire plus ou moins longue ici. </div><div class="titre_sections_fiche2">Histoire</div><div class="block_purple_deco_bottom"></div><img src="https://www.zupimages.net/up/17/34/zoay.gif" class="roliste_avatar"/><div class="infos_roliste_fiche"><span>Le Pouvoir.</span> Description du pouvoirc:</div><div class="copyright_artemis">artemis | <a href="http://epicode.variousforum.com/">www</a></div></div><style type="text/css"> .content_fiche_presentation_arte {width: 500px;background: #d7d7d7;font-family: 'Open sans';color: #646464;margin: auto;position: relative;overflow: hidden;box-sizing: border-box;padding: 10px;display: flex;flex-wrap: wrap;justify-content: space-between;}.block_purple_deco_top {width: 1000px;height: 300px;background: #524fad;position: absolute;top: -200px;left: -200px;transform: rotate(-30deg);}.avatar_personnage_pseudo {width: 210px;height: 330px;position: relative;}.avatar_personnage_pseudo img {padding: 5px;border: 1px solid white;}.avatar_personnage_pseudo span {position: absolute;display: block;width: 200px;text-align: center;bottom: 4px;left: 6px;font-family: 'arial';color: white;text-transform: uppercase;font-size: 25px;background: #524fad;font-weight: bold;padding: 5px 0px;line-height: 21px;}.content_fiche_presentation_arte ul {margin: 0px 0px 0px 15px;position: relative;width: 250px;height: 345px;padding: 0;}.content_fiche_presentation_arte li {list-style-type: none;text-align: center;height: 47px;margin-bottom: 10px;border: 1px solid #afafaf;font-family: 'Oswald';text-transform: uppercase;font-size: 20px;background: #eeeeee;color: #646464;box-sizing: border-box;padding-top: 13px;}.content_fiche_presentation_arte p {width: 235px;height: 200px;margin: 0;}.content_fiche_presentation_arte p , .histoire_paragraphe_f {background: #eeeeee;box-sizing: border-box;padding: 5px;text-align: justify;font-size: 11px;border: 1px solid #afafaf;line-height: 12px;overflow: auto;z-index: 1 }.titre_sections_fiche {width: 235px;height: 31px;}.titre_sections_fiche , .titre_sections_fiche2 {text-align: center;background-color: #524fad;font-family: 'Arial';box-sizing: border-box;font-weight: bold;color: white;text-transform: uppercase;font-size: 19px;padding-top: 7px;margin-bottom: 10px;}.titre_sections_fiche2 {width: 480px;height: 31px;}.histoire_paragraphe_f {width: 480px;height: 250px;overflow: auto;}.roliste_avatar {border-radius: 100px;padding: 5px;border: 1px solid white;}.infos_roliste_fiche {background: #eeeeee;position: relative;width: 355px;height: 110px;text-align: justify;font-family:'open sans';font-size: 12px;box-sizing: border-box;padding: 5px;border: 1px solid #afafaf;line-height: 12px;color: #646464;overflow: auto;margin-bottom: 5px;}.infos_roliste_fiche span {color: #524fad;font-weight: bold;}.block_purple_deco_bottom {width: 1000px;height: 300px;background: #524fad;position: absolute;bottom: -200px;left: -200px;transform: rotate(-30deg);}.copyright_artemis {position: absolute;bottom: 0;right: 1px;color: white;font-family: 'Open sans';font-size: 9px;text-transform: uppercase;margin-top: 5px;}</style>
Nom ► nom du personnage.Prénoms(s) ► Blabla.Âge ► Blabla.Race/Groupe ► Blabla.Pouvoir ► Blabla.Feat ► Blabla. |
Quam ob rem ut ii qui superiores sunt submittere se debent in amicitia, sic quodam modo inferiores extollere. Sunt enim quidam qui molestas amicitias faciunt, cum ipsi se contemni putant; quod non fere contingit nisi iis qui etiam contemnendos se arbitrantur; qui hac opinione non modo verbis sed etiam opere levandi sunt. Hac ex causa conlaticia stipe Valerius humatur ille Publicola et subsidiis amicorum mariti inops cum liberis uxor alitur Reguli et dotatur ex aerario filia Scipionis, cum nobilitas florem adultae virginis diuturnum absentia pauperis erubesceret patris. |
Hac ex causa conlaticia stipe Valerius humatur ille Publicola et subsidiis amicorum mariti inops cum liberis uxor alitur Reguli et dotatur ex aerario filia Scipionis, cum nobilitas florem adultae virginis diuturnum absentia pauperis erubesceret patris.
Cum autem commodis intervallata temporibus convivia longa et noxia coeperint apparari vel distributio sollemnium sportularum, anxia deliberatione tractatur an exceptis his quibus vicissitudo debetur, peregrinum invitari conveniet, et si digesto plene consilio id placuerit fieri, is adhibetur qui pro domibus excubat aurigarum aut artem tesserariam profitetur aut secretiora quaedam se nosse confingit.
Hac ex causa conlaticia stipe Valerius humatur ille Publicola et subsidiis amicorum mariti inops cum liberis uxor alitur Reguli et dotatur ex aerario filia Scipionis, cum nobilitas florem adultae virginis diuturnum absentia pauperis erubesceret patris.
Cum autem commodis intervallata temporibus convivia longa et noxia coeperint apparari vel distributio sollemnium sportularum, anxia deliberatione tractatur an exceptis his quibus vicissitudo debetur, peregrinum invitari conveniet, et si digesto plene consilio id placuerit fieri, is adhibetur qui pro domibus excubat aurigarum aut artem tesserariam profitetur aut secretiora quaedam se nosse confingit.
Pseudos(s) ► Blabla.Âge ► Blabla.Avis sur le forum ► Blabla.Autre ► Blabla. |
- Code:
<link href='http://fonts.googleapis.com/css?family=Roboto+Condensed' rel='stylesheet' type='text/css'><center><div style="width:480px; background-image: url('https://2img.net/r/hpimg11/pics/48316769i.png');">
<div class="prnom">NOM PRÉNOM</div>
<div style="width:460px;background:#1e1e1e;"><table><tbody><tr><td><div style="width:200px; height:300px; overflow:auto; font-family:arial; font-size:12px; color:#bfbfbf; line-height:12px;"><div class="prtitres">Nom</div> ► nom du personnage.
<div class="prtitres">Prénoms(s)</div> ► Blabla.
<div class="prtitres">Âge</div> ► Blabla.
<div class="prtitres">Race/Groupe</div> ► Blabla.
<div class="prtitres">Pouvoir</div> ► Blabla.
<div class="prtitres">Feat</div> ► Blabla.</div></td><td><img src="https://2img.net/image.noelshack.com/fichiers/2015/25/1434704942-elk.png" /></td></tr></tbody></table></div>
<div class="prnom">Aspect Physique</div>
<div style="width:460px;background:#1e1e1e;"><table><tbody><tr><td><img src="https://2img.net/image.noelshack.com/fichiers/2015/25/1434705920-elk4.png" /></td><td><div style="width:200px; height:300px; overflow:auto; font-family:arial; font-size:12px; color:#bfbfbf; line-height:12px;">Quam ob rem ut ii qui superiores sunt submittere se debent in amicitia, sic quodam modo inferiores extollere. Sunt enim quidam qui molestas amicitias faciunt, cum ipsi se contemni putant; quod non fere contingit nisi iis qui etiam contemnendos se arbitrantur; qui hac opinione non modo verbis sed etiam opere levandi sunt.
Hac ex causa conlaticia stipe Valerius humatur ille Publicola et subsidiis amicorum mariti inops cum liberis uxor alitur Reguli et dotatur ex aerario filia Scipionis, cum nobilitas florem adultae virginis diuturnum absentia pauperis erubesceret patris.</div></td></tr></tbody></table></div><div class="prnom">Caractère</div>
<div style="width:454px;background:#1e1e1e; font-family:arial; font-size:12px; color:#bfbfbf; padding:3px; line-height:12px; text-align:left;">Quam ob rem ut ii qui superiores sunt submittere se debent in amicitia, sic quodam modo inferiores extollere. Sunt enim quidam qui molestas amicitias faciunt, cum ipsi se contemni putant; quod non fere contingit nisi iis qui etiam contemnendos se arbitrantur; qui hac opinione non modo verbis sed etiam opere levandi sunt.
Hac ex causa conlaticia stipe Valerius humatur ille Publicola et subsidiis amicorum mariti inops cum liberis uxor alitur Reguli et dotatur ex aerario filia Scipionis, cum nobilitas florem adultae virginis diuturnum absentia pauperis erubesceret patris.
Cum autem commodis intervallata temporibus convivia longa et noxia coeperint apparari vel distributio sollemnium sportularum, anxia deliberatione tractatur an exceptis his quibus vicissitudo debetur, peregrinum invitari conveniet, et si digesto plene consilio id placuerit fieri, is adhibetur qui pro domibus excubat aurigarum aut artem tesserariam profitetur aut secretiora quaedam se nosse confingit.</div>
<div class="prnom">Histoire</div>
<div style="width:454px;background:#1e1e1e; font-family:arial; font-size:12px; color:#bfbfbf; padding:3px; line-height:12px; text-align:left;">Quam ob rem ut ii qui superiores sunt submittere se debent in amicitia, sic quodam modo inferiores extollere. Sunt enim quidam qui molestas amicitias faciunt, cum ipsi se contemni putant; quod non fere contingit nisi iis qui etiam contemnendos se arbitrantur; qui hac opinione non modo verbis sed etiam opere levandi sunt.
Hac ex causa conlaticia stipe Valerius humatur ille Publicola et subsidiis amicorum mariti inops cum liberis uxor alitur Reguli et dotatur ex aerario filia Scipionis, cum nobilitas florem adultae virginis diuturnum absentia pauperis erubesceret patris.
Cum autem commodis intervallata temporibus convivia longa et noxia coeperint apparari vel distributio sollemnium sportularum, anxia deliberatione tractatur an exceptis his quibus vicissitudo debetur, peregrinum invitari conveniet, et si digesto plene consilio id placuerit fieri, is adhibetur qui pro domibus excubat aurigarum aut artem tesserariam profitetur aut secretiora quaedam se nosse confingit.</div>
<div class="prnom">PSEUDO</div>
<div style="width:460px;background:#1e1e1e;"><table><tbody><tr><td><div style="width:250px; height:200px; overflow:auto; font-family:arial; font-size:12px; color:#bfbfbf; line-height:12px;"><div class="prtitres">Pseudos(s)</div> ► Blabla.
<div class="prtitres">Âge</div> ► Blabla.
<div class="prtitres">Avis sur le forum</div> ► Blabla.
<div class="prtitres">Autre</div> ► Blabla.</div></td><td><img src="https://2img.net/image.noelshack.com/fichiers/2015/25/1434707153-ken.png" /></td></tr></tbody></table></div>
<div style="text-align:center; font-family:arial; color:#7a7a7a; font-size:9px;">:copyright: ASHLING POUR <a href="http://epicode.variousforum.com/">EPICODE</a></div></div></center>
<style>.prnom {text-align:center; font-family:roboto condensed; font-size:40px; font-weight:300; color:#d91a4b; text-shadow: 0px 0px 15px #d91a4b; transition: all 0.8s ease-in-out; margin-top:10px;}.prnom:hover {color:#525252; text-shadow: 0px 0px 5px #0f0f0f;}.prtitres {color:#d91a4b; text-shadow: 0px 0px 15px #d91a4b;}</style>
Prénom Nom citation trop dark
Physique
Description physique
Caractère
description du caractère
Histoire
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis sagittis congue sagittis. Mauris in metus suscipit, congue magna et, tristique turpis. In et ante lacus. Sed pellentesque, sem eleifend hendrerit eleifend, nibh ante faucibus sem, sit amet cursus nunc ante eu neque. Cras euismod, augue et varius imperdiet, nulla massa iaculis felis, nec congue neque nunc quis dolor. Sed auctor nunc tempus odio malesuada, eget egestas leo blandit. Aenean non lacus magna. Nulla ac dui est. Morbi ullamcorper feugiat enim vitae blandit. Duis a placerat est, vehicula tristique nibh. Nullam nec tincidunt felis. Interdum et malesuada fames ac ante ipsum primis in faucibus. Nulla blandit commodo dapibus. Suspendisse potenti. Integer ornare neque quis nulla malesuada, ullamcorper pharetra odio tempor.Sed quis posuere ex. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed vitae feugiat massa. Praesent consequat odio magna, quis consequat nisi vulputate a. Suspendisse potenti. Mauris et diam vehicula, hendrerit lectus vel, fermentum diam. Mauris ac risus eu lectus sagittis interdum. Quisque interdum nibh vitae tellus aliquam dignissim.Duis cursus, ipsum a tempus fringilla, metus magna pharetra purus, ac mollis sem ante ut dui. Nullam ac facilisis massa. Curabitur blandit purus nisi, ut tincidunt augue laoreet ut. Nullam pulvinar tincidunt sapien et mattis. Donec aliquam mi ac dignissim mattis. Fusce et bibendum sem. Etiam ut tortor orci. Maecenas fermentum rutrum ex, at semper velit egestas sit amet. Phasellus consectetur mauris ac metus tincidunt bibendum.
Pouvoir
description du pouvoir.
Pseudo : écrire ici
Âge : écrire ici
Comment as-tu connu le forum ? : écrire ici
Fréquence de connexion : écrire ici
Code du règlement: écrire ici
Autres : écrire ici
- code ici:
- Code:
<style type="text/css">:root{--color-background:#46335c}.content_fichepresa{width:550px;height:985px;position:relative;margin:auto;background:#c2c0c3;box-sizing:border-box;padding:15px;border-top:8px solid var(--color-background);display:flex;flex-wrap:wrap;justify-content:space-between}.content_fichepresa h1,.content_fichepresa h2{border:none;margin:0;padding:0}.entete_presa{width:550px;height:215px;position:relative;margin:-15px;overflow:hidden;background:linear-gradient(#534487,#9939b5)}.entete_presa img{width:550px;height:300px;-o-object-fit:cover;object-fit:cover;opacity:.4;position:relative;z-index:0}.entete_presa h1{width:550px;height:215px;margin:0;position:absolute;box-sizing:border-box;padding-top:110px;top:0;left:0;z-index:99;font:30px montserrat,sans-serif;text-transform:uppercase;color:#fff;font-weight:200;text-align:center}.entete_presa h1>strong{font-weight:300}.entete_presa>h1>span{display:block;font:9px 'source code pro',monospace;letter-spacing:2px;font-weight:light;margin-top:-8px}.infos_perso{width:100%;background:var(--color-background);color:#fff;font:10px calibri,sans-serif;text-align:center;text-transform:uppercase;word-spacing:2px;margin-top:28px;padding:6px 5px 6px 5px}.infos_perso>b{font-weight:400}.infos_perso>b::before{content:"#"}.block_phy_ca{width:255px;height:215px;background:#eee;margin-top:10px}.block_history>h2,.block_phy_ca>h2{width:100%;margin:0;background:var(--color-background);height:25px;text-align:right;font:11px calibri,sans-serif;font-weight:400;text-transform:uppercase;letter-spacing:2px;line-height:25px;box-sizing:border-box;padding-right:5px;color:#fff}.block_history>h2::before,.block_phy_ca>h2::before{content:"#"}.block_phy_ca>p{width:100%;height:180px}.block_history>p,.block_phy_ca>p{margin:0;box-sizing:border-box;padding:10px;font:12px calibri,sans-serif;overflow:auto;text-align:justify;line-height:12px;color:#4f4c50}.block_history{width:100%;height:180px;background:#eee;margin-top:8px}.block_history>p{height:145px}.infos_member{width:100%;height:95px;background:var(--color-background);margin-top:8px;box-sizing:border-box;padding:5px}.infos_member>img{border:5px solid #eee;float:left;width:75px;height:75px;-o-object-fit:cover;object-fit:cover;box-sizing:content-box}.infos_member>p{color:#fff;height:85px;margin:0;font:12px calibri,sans-serif;box-sizing:border-box;float:right;width:425px;padding:0 5px;overflow:auto}.credits_arte{width:550px;position:absolute;bottom:2px;font:10px arial,sans-serif;text-align:center;letter-spacing:1px;color:#363636}.credits_arte>a{text-decoration:none;color:#46335c;text-transform:none}</style><link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css?family=Montserrat:200,300,400|Source+Sans+Pro&display=swap" rel="stylesheet"/><div class="content_fichepresa"><div class="entete_presa"><!--
--><img src="https://zupimages.net/up/19/48/bs8z.jpg" alt="image_fiche"/><!--
--><h1> <strong>Prénom</strong> Nom <span>citation trop dark</span></h1><!--
--></div><div class="infos_perso"><b>âge</b> <b>situation maritale</b> <b>date de naissance</b> <b>métier</b> <b>orientation sexuelle</b> <b>nationalité</b> <b>groupe</b></div><!--
--><div class="block_phy_ca"><h2>Physique</h2><!--
--><p>Description physique </p><!--
--></div><div class="block_phy_ca"><h2>Caractère</h2><!--
--><p>description du caractère </p><!--
--></div><div class="block_history"><h2>Histoire</h2><!--
--><p>Histoire ici.</p><!--
--></div><div class="block_history"><h2>Pouvoir</h2><!--
--><p>
description du pouvoir. </p><!--
--></div><div class="infos_member"><!--
--><img src="https://via.placeholder.com/75" alt="icone_membre"><!--
--><p>Pseudo : écrire ici
Âge : écrire ici
Comment as-tu connu le forum ? : écrire ici
Fréquence de connexion : écrire ici
Code du règlement: écrire ici
Autres : écrire ici</p><!--
--></div><div class="credits_arte">artemis | <a href="http://www.epicode-entraide.com/">www</a></div></div>
Nom du personnage
Noms & Prénoms : réponse
Age : réponse
Nationalité : réponse
Orientation sexuelle : réponse
Groupe/ Métier : réponse
Pouvoir : réponse
Avatar : réponse
Votre personnage
Physique & Caractère
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec maximus nisl nec mi laoreet convallis. Nulla ornare ligula quis egestas ullamcorper. Ut eu mauris libero. Phasellus accumsan maximus mi, non bibendum nisl pellentesque at. Maecenas at quam nisl. Phasellus finibus quam orci, consectetur tempus ligula lacinia eu. Sed porta, sem vitae molestie dapibus, libero magna scelerisque felis, nec rutrum dolor ex sed sem. Etiam consectetur malesuada magna, at luctus augue sollicitudin eget. Nam eu varius nulla. Nulla feugiat ut velit vel fermentum. Aenean feugiat ligula id urna rutrum, ac egestas elit euismod.
Donec mattis est elit, quis semper eros lobortis eu. Aenean dui orci, tempus vel urna bibendum, hendrerit lobortis odio. Proin sed neque non dui laoreet tincidunt. Proin faucibus vitae arcu nec venenatis. Vestibulum quis rhoncus mi. Suspendisse eget quam vehicula, feugiat urna scelerisque, lacinia odio. Donec ut nulla et ipsum hendrerit rhoncus id in metus. Ut eleifend est quis pharetra commodo. Maecenas in eros lacus.
Histoire
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec maximus nisl nec mi laoreet convallis. Nulla ornare ligula quis egestas ullamcorper. Ut eu mauris libero. Phasellus accumsan maximus mi, non bibendum nisl pellentesque at. Maecenas at quam nisl. Phasellus finibus quam orci, consectetur tempus ligula lacinia eu. Sed porta, sem vitae molestie dapibus, libero magna scelerisque felis, nec rutrum dolor ex sed sem. Etiam consectetur malesuada magna, at luctus augue sollicitudin eget. Nam eu varius nulla. Nulla feugiat ut velit vel fermentum. Aenean feugiat ligula id urna rutrum, ac egestas elit euismod.
Donec mattis est elit, quis semper eros lobortis eu. Aenean dui orci, tempus vel urna bibendum, hendrerit lobortis odio. Proin sed neque non dui laoreet tincidunt. Proin faucibus vitae arcu nec venenatis. Vestibulum quis rhoncus mi. Suspendisse eget quam vehicula, feugiat urna scelerisque, lacinia odio. Donec ut nulla et ipsum hendrerit rhoncus id in metus. Ut eleifend est quis pharetra commodo. Maecenas in eros lacus.
Derrière l'écran, je suis Pseudo et j'ai XX ans. Il s'agit de mon Premier/Deuxième compte. J'ai connu le forum où ?. Je pense être disponible 7/7 jours 8D. Enfin, si vous voulez ajouter un petit mot.
Halloween
- Code:
<div class="fiche_wa"><div class="entete" style="background: url('https://zupimages.net/up/21/26/7oei.bmp');"></div>
<div class="contenu_fiche"><h4>Nom du personnage</h4>
[quote]<span class="imp">Noms & Prénoms</span> : réponse
<span class="imp">Age</span> : réponse
<span class="imp">Nationalité</span> : réponse
<span class="imp">Orientation sexuelle</span> : réponse
<span class="imp">Groupe/ Métier</span> : réponse
<span class="imp">Pouvoir</span> : réponse
<span class="imp">Avatar</span> : réponse[/quote]
<h4>Votre personnage</h4>
<h5>Physique & Caractère</h5>
<p class="contenu_pres"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec maximus nisl nec mi laoreet convallis. Nulla ornare ligula quis egestas ullamcorper. Ut eu mauris libero. Phasellus accumsan maximus mi, non bibendum nisl pellentesque at. Maecenas at quam nisl. Phasellus finibus quam orci, consectetur tempus ligula lacinia eu. Sed porta, sem vitae molestie dapibus, libero magna scelerisque felis, nec rutrum dolor ex sed sem. Etiam consectetur malesuada magna, at luctus augue sollicitudin eget. Nam eu varius nulla. Nulla feugiat ut velit vel fermentum. Aenean feugiat ligula id urna rutrum, ac egestas elit euismod.
Donec mattis est elit, quis semper eros lobortis eu. Aenean dui orci, tempus vel urna bibendum, hendrerit lobortis odio. Proin sed neque non dui laoreet tincidunt. Proin faucibus vitae arcu nec venenatis. Vestibulum quis rhoncus mi. Suspendisse eget quam vehicula, feugiat urna scelerisque, lacinia odio. Donec ut nulla et ipsum hendrerit rhoncus id in metus. Ut eleifend est quis pharetra commodo. Maecenas in eros lacus. </p>
<h5>Histoire</h5>
<p class="contenu_pres"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec maximus nisl nec mi laoreet convallis. Nulla ornare ligula quis egestas ullamcorper. Ut eu mauris libero. Phasellus accumsan maximus mi, non bibendum nisl pellentesque at. Maecenas at quam nisl. Phasellus finibus quam orci, consectetur tempus ligula lacinia eu. Sed porta, sem vitae molestie dapibus, libero magna scelerisque felis, nec rutrum dolor ex sed sem. Etiam consectetur malesuada magna, at luctus augue sollicitudin eget. Nam eu varius nulla. Nulla feugiat ut velit vel fermentum. Aenean feugiat ligula id urna rutrum, ac egestas elit euismod.
Donec mattis est elit, quis semper eros lobortis eu. Aenean dui orci, tempus vel urna bibendum, hendrerit lobortis odio. Proin sed neque non dui laoreet tincidunt. Proin faucibus vitae arcu nec venenatis. Vestibulum quis rhoncus mi. Suspendisse eget quam vehicula, feugiat urna scelerisque, lacinia odio. Donec ut nulla et ipsum hendrerit rhoncus id in metus. Ut eleifend est quis pharetra commodo. Maecenas in eros lacus. </p>
<div class="conclusion"><p>Derrière l'écran, je suis <span class="imp">Pseudo</span> et j'ai <span class="imp">XX ans</span>. Il s'agit de mon <span class="imp">Premier/Deuxième</span> compte. J'ai connu le forum <span class="imp">où ?</span>. Je pense être disponible <span class="imp">7/7 jours 8D</span>. Enfin, <span class="imp">si vous voulez ajouter un petit mot</span>.</p></div>
<a href="http://ls-halloween.fr/" class="credits">Halloween</a></div></div><style type="text/css"> .credits {color: #d89d95 !important;text-align: center;display: block;text-transform: uppercase;font-size: 10px;}.fiche_wa {background: #fff;margin: auto;width: 500px;border: 1px solid #98aebc;}.fiche_wa .entete {background: url('https://i.imgur.com/KnaSp5u.jpg');width: 100%;height: 285px;color: #fff;}.contenu_fiche {padding: 10px 40px;}.fiche_wa h4 {background: #d4e5de;padding: 5%;color: #fff;text-transform: uppercase;font-size: 18px;margin: 0;}.fiche_wa h5 {border-bottom: 2px solid #f7cca5;color: #f7cca5;text-transform: uppercase;font-size: 18px;margin: 0;padding-bottom: 2%;}dd.quote {border-left: 5px solid #eba48f !important;background: none;border: 0;padding: 0 5%;font-size: 13px;line-height: 1.5;}.conclusion {background: #e2efe1;padding: 4%;}.conclusion p {border: 1px solid #fff;padding: 5%;background: #fff;}.conclusion p::before {color: #eba48f;content: "";font-size: 20px;float: left;padding-right: 2%;}.fiche_wa .imp {color: #98aebc;font-weight: 700;}.contenu_fiche p {margin-top: -3%;}.conclusion p {margin: 0 !important;}.contenu_pres {width: 100%;height: 150px;overflow: auto;}</style>
Nom► nom du personnage.Prénoms(s)► Blabla.Âge► Blabla.Race/Groupe► Blabla.Feat► Blabla.Pouvoir► Blabla.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In nec molestie elit. In hac habitasse platea dictumst. Donec dictum est turpis, scelerisque rhoncus est euismod nec. Etiam maximus odio id leo lacinia suscipit. Nulla facilisi. Sed nec nunc eleifend, sagittis nunc quis, vulputate lacus. Fusce ornare nec nisi a sagittis. In quis velit nec est tincidunt imperdiet. Ut interdum efficitur consequat. Mauris at mi a enim accumsan elementum at et ligula. Vivamus elementum in dui non pretium. Cras id facilisis enim, ut volutpat ante. Vestibulum accumsan orci non dignissim tincidunt. Nullam bibendum, tortor vel mollis ultricies, orci est ullamcorper mauris, nec imperdiet mauris erat nec libero. Ut consectetur urna eu ligula sollicitudin cursus. Maecenas dolor mi, fringilla at libero accumsan, vestibulum rutrum sem. Praesent scelerisque magna id velit eleifend blandit. Phasellus tincidunt diam et nisi iaculis, vitae ullamcorper sem efficitur. Etiam facilisis lacus feugiat arcu pretium, vitae molestie dolor semper. Morbi faucibus justo id mauris iaculis, a ultrices quam euismod. Curabitur ac cursus ligula. Pellentesque vulputate dictum lectus et lobortis. Proin a fringilla erat, vel dictum ante. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Curabitur sed felis quis dui tristique condimentum et id lacus.
Interdum et malesuada fames ac ante ipsum primis in faucibus. Curabitur facilisis elit sed rhoncus ornare. Aliquam erat volutpat. Sed vel dolor vitae velit interdum pellentesque. Donec mauris urna, facilisis egestas risus ut, interdum consectetur mi. Nulla vitae ante volutpat sapien euismod blandit quis et tortor. Fusce vel metus ullamcorper, gravida elit sed, lacinia ipsum. Aliquam sed massa accumsan, iaculis est vitae, interdum dolor. Nunc auctor lacus lacus, sit amet cursus enim ultricies non. Mauris sed lacus et velit lobortis aliquam at id magna. Integer semper a lectus in pellentesque. Aliquam ante magna, auctor eget fermentum at, euismod id elit. Donec finibus turpis et semper egestas. Nam ornare scelerisque eros, sit amet consequat nisi tincidunt ac. Duis maximus, tortor sit amet porta mattis, arcu ante ultricies ipsum, nec facilisis purus nibh at nisi. Phasellus feugiat, urna eget lobortis placerat, neque sapien congue nisi, et ultricies libero dolor quis urna.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In nec molestie elit. In hac habitasse platea dictumst. Donec dictum est turpis, scelerisque rhoncus est euismod nec. Etiam maximus odio id leo lacinia suscipit. Nulla facilisi. Sed nec nunc eleifend, sagittis nunc quis, vulputate lacus. Fusce ornare nec nisi a sagittis. In quis velit nec est tincidunt imperdiet. Ut interdum efficitur consequat. Mauris at mi a enim accumsan elementum at et ligula. Vivamus elementum in dui non pretium. Cras id facilisis enim, ut volutpat ante. Vestibulum accumsan orci non dignissim tincidunt. Nullam bibendum, tortor vel mollis ultricies, orci est ullamcorper mauris, nec imperdiet mauris erat nec libero. Ut consectetur urna eu ligula sollicitudin cursus. Maecenas dolor mi, fringilla at libero accumsan, vestibulum rutrum sem. Praesent scelerisque magna id velit eleifend blandit. Phasellus tincidunt diam et nisi iaculis, vitae ullamcorper sem efficitur. Etiam facilisis lacus feugiat arcu pretium, vitae molestie dolor semper. Morbi faucibus justo id mauris iaculis, a ultrices quam euismod. Curabitur ac cursus ligula. Pellentesque vulputate dictum lectus et lobortis. Proin a fringilla erat, vel dictum ante. Cum sociis natoque penatibus et magnis dis
parturient montes, nascetur ridiculus mus. Curabitur sed felis quis dui tristique condimentum et id lacus. Interdum et malesuada fames ac ante ipsum primis in faucibus. Curabitur facilisis elit sed rhoncus ornare. Aliquam erat volutpat. Sed vel dolor vitae velit interdum pellentesque. Donec mauris urna, facilisis egestas risus ut, interdum consectetur mi. Nulla vitae ante volutpat sapien euismod blandit quis et tortor. Fusce vel metus ullamcorper, gravida elit sed, lacinia ipsum. Aliquam sed massa accumsan, iaculis est vitae, interdum dolor. Nunc auctor lacus lacus, sit amet cursus enim ultricies non. Mauris sed lacus et velit lobortis aliquam at id magna. Integer semper a lectus in pellentesque. Aliquam ante magna, auctor eget fermentum at, euismod id elit. Donec finibus turpis et semper egestas. Nam ornare scelerisque eros, sit amet consequat nisi tincidunt ac. Duis maximus, tortor sit amet porta mattis, arcu ante ultricies ipsum, nec facilisis purus nibh at nisi. Phasellus feugiat, urna eget lobortis placerat, neque sapien congue nisi, et ultricies libero dolor quis urna.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In nec molestie elit. In hac habitasse platea dictumst. Donec dictum est turpis, scelerisque rhoncus est euismod nec. Etiam maximus odio id leo lacinia suscipit. Nulla facilisi. Sed nec nunc eleifend, sagittis nunc quis, vulputate lacus. Fusce ornare nec nisi a sagittis. In quis velit nec est tincidunt imperdiet. Ut interdum efficitur consequat. Mauris at mi a enim accumsan elementum at et ligula. Vivamus elementum in dui non pretium. Cras id facilisis enim, ut volutpat ante. Vestibulum accumsan orci non dignissim tincidunt. Nullam bibendum, tortor vel mollis ultricies, orci est ullamcorper mauris, nec imperdiet mauris erat nec libero. Ut consectetur urna eu ligula sollicitudin cursus. Maecenas dolor mi, fringilla at libero accumsan, vestibulum rutrum sem. Praesent scelerisque magna id velit eleifend blandit. Phasellus tincidunt diam et nisi iaculis, vitae ullamcorper sem efficitur. Etiam facilisis lacus feugiat arcu pretium, vitae molestie dolor semper. Morbi faucibus justo id mauris iaculis, a ultrices quam euismod. Curabitur ac cursus ligula.
Pellentesque vulputate dictum lectus et lobortis. Proin a fringilla erat, vel dictum ante. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Curabitur sed felis quis dui tristique condimentum et id lacus. Interdum et malesuada fames ac ante ipsum primis in faucibus. Curabitur facilisis elit sed rhoncus ornare. Aliquam erat volutpat. Sed vel dolor vitae velit interdum pellentesque. Donec mauris urna, facilisis egestas risus ut, interdum consectetur mi. Nulla vitae ante volutpat sapien euismod blandit quis et tortor. Fusce vel metus ullamcorper, gravida elit sed, lacinia ipsum. Aliquam sed massa accumsan, iaculis est vitae, interdum dolor. Nunc auctor lacus lacus, sit amet cursus enim ultricies non. Mauris sed lacus et velit lobortis aliquam at id magna. Integer semper a lectus in pellentesque. Aliquam ante magna, auctor eget fermentum at, euismod id elit. Donec finibus turpis et semper egestas. Nam ornare scelerisque eros, sit amet consequat nisi tincidunt ac. Duis maximus, tortor sit amet porta mattis, arcu ante ultricies ipsum, nec facilisis purus nibh at nisi. Phasellus feugiat, urna eget lobortis placerat, neque sapien congue nisi, et ultricies libero dolor quis urna.
Pseudos(s)► Blabla.Âge► Blabla.Avis sur le forum► Blabla.Autre► Blabla.
- Code:
<link href='http://fonts.googleapis.com/css?family=Dynalight' rel='stylesheet' type='text/css'> <div style="width: 450px; margin: auto; background-color: #D6C8BD;"> <div style="width:450px; font-family: 'Dynalight', cursive; font-size:55px; color:#CF1F39; line-height:80%; border-bottom:15px solid #D6C8BD; text-align: center;"><font color="#F5626C">❥</font>the queen of hearts</div> <div style="width:375px; height:15px; border-left:75px solid #CF1F39; background-color:#F5626C;"></div> <div style="border-top:1px dotted #ffffff; width:450px; height:300px; background-image: url(https://i.servimg.com/u/f39/13/43/21/72/ima10.png);"></div> <div style="background-color:#CF1F39; height:25px; width:450px; border-top:1px dotted #fcfcfc; border-bottom:5px solid #D6C8BD;"></div> <div style="width:450px; font-family: 'Dynalight', cursive; font-size:55px; color:#CF1F39; line-height:80%; border-bottom:15px solid #D6C8BD; text-align: center;"><font color="#F5626C">❥</font>Votre personnage</div><div style="width:375px; height:15px; border-left:75px solid #CF1F39; background-color:#F5626C;"></div> <blockquote><span style="text-align: justify;"><div class="prtitres">[color=#F5626C]Nom[/color]</div> ► nom du personnage.
<div class="prtitres">[color=#F5626C]Prénoms(s)[/color]</div> ► Blabla.
<div class="prtitres">[color=#F5626C]Âge[/color]</div> ► Blabla.
<div class="prtitres">[color=#F5626C]Race/Groupe[/color]</div> ► Blabla.
<div class="prtitres">[color=#F5626C]Feat[/color]</div> ► Blabla.
<div class="prtitres">[color=#F5626C]Pouvoir[/color]</div> ► Blabla.</blockquote></span><div style="background-color:#CF1F39; height:25px; width:450px; border-top:1px dotted #fcfcfc; border-bottom:5px solid #D6C8BD;"></div> <div style="width:450px; font-family: 'Dynalight', cursive; font-size:55px; color:#CF1F39; line-height:80%; border-bottom:15px solid #D6C8BD; text-align: center;"><font color="#F5626C">❥</font>Description Physique</div> <div style="width:375px; height:15px; border-left:75px solid #CF1F39; background-color:#F5626C;"></div><blockquote><span style="text-align: justify;"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. In nec molestie elit. In hac habitasse platea dictumst. Donec dictum est turpis, scelerisque rhoncus est euismod nec. Etiam maximus odio id leo lacinia suscipit. Nulla facilisi. Sed nec nunc eleifend, sagittis nunc quis, vulputate lacus. Fusce ornare nec nisi a sagittis. In quis velit nec est tincidunt imperdiet. Ut interdum efficitur consequat. Mauris at mi a enim accumsan elementum at et ligula. Vivamus elementum in dui non pretium. Cras id facilisis enim, ut volutpat ante. Vestibulum accumsan orci non dignissim tincidunt. Nullam bibendum, tortor vel mollis ultricies, orci est ullamcorper mauris, nec imperdiet mauris erat nec libero. Ut consectetur urna eu ligula sollicitudin cursus. Maecenas dolor mi, fringilla at libero accumsan, vestibulum rutrum sem. Praesent scelerisque magna id velit eleifend blandit. Phasellus tincidunt diam et nisi iaculis, vitae ullamcorper sem efficitur. Etiam facilisis lacus feugiat arcu pretium, vitae molestie dolor semper. Morbi faucibus justo id mauris iaculis, a ultrices quam euismod. Curabitur ac cursus ligula. Pellentesque vulputate dictum lectus et lobortis. Proin a fringilla erat, vel dictum ante. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Curabitur sed felis quis dui tristique condimentum et id lacus.
Interdum et malesuada fames ac ante ipsum primis in faucibus. Curabitur facilisis elit sed rhoncus ornare. Aliquam erat volutpat. Sed vel dolor vitae velit interdum pellentesque. Donec mauris urna, facilisis egestas risus ut, interdum consectetur mi. Nulla vitae ante volutpat sapien euismod blandit quis et tortor. Fusce vel metus ullamcorper, gravida elit sed, lacinia ipsum. Aliquam sed massa accumsan, iaculis est vitae, interdum dolor. Nunc auctor lacus lacus, sit amet cursus enim ultricies non. Mauris sed lacus et velit lobortis aliquam at id magna. Integer semper a lectus in pellentesque. Aliquam ante magna, auctor eget fermentum at, euismod id elit. Donec finibus turpis et semper egestas. Nam ornare scelerisque eros, sit amet consequat nisi tincidunt ac. Duis maximus, tortor sit amet porta mattis, arcu ante ultricies ipsum, nec facilisis purus nibh at nisi. Phasellus feugiat, urna eget lobortis placerat, neque sapien congue nisi, et ultricies libero dolor quis urna. </span></blockquote><div style="background-color:#CF1F39; height:25px; width:450px; border-top:1px dotted #fcfcfc; border-bottom:5px solid #D6C8BD;"></div> <div style="width:450px; font-family: 'Dynalight', cursive; font-size:55px; color:#CF1F39; line-height:80%; border-bottom:15px solid #D6C8BD; text-align: center;"><font color="#F5626C">❥</font>Caractère</div> <div style="width:375px; height:15px; border-left:75px solid #CF1F39; background-color:#F5626C;"></div><blockquote><span style="text-align: justify;"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. In nec molestie elit. In hac habitasse platea dictumst. Donec dictum est turpis, scelerisque rhoncus est euismod nec. Etiam maximus odio id leo lacinia suscipit. Nulla facilisi. Sed nec nunc eleifend, sagittis nunc quis, vulputate lacus. Fusce ornare nec nisi a sagittis. In quis velit nec est tincidunt imperdiet. Ut interdum efficitur consequat. Mauris at mi a enim accumsan elementum at et ligula. Vivamus elementum in dui non pretium. Cras id facilisis enim, ut volutpat ante. Vestibulum accumsan orci non dignissim tincidunt. Nullam bibendum, tortor vel mollis ultricies, orci est ullamcorper mauris, nec imperdiet mauris erat nec libero. Ut consectetur urna eu ligula sollicitudin cursus. Maecenas dolor mi, fringilla at libero accumsan, vestibulum rutrum sem. Praesent scelerisque magna id velit eleifend blandit. Phasellus tincidunt diam et nisi iaculis, vitae ullamcorper sem efficitur. Etiam facilisis lacus feugiat arcu pretium, vitae molestie dolor semper. Morbi faucibus justo id mauris iaculis, a ultrices quam euismod. Curabitur ac cursus ligula. Pellentesque vulputate dictum lectus et lobortis. Proin a fringilla erat, vel dictum ante. Cum sociis natoque penatibus et magnis dis
parturient montes, nascetur ridiculus mus. Curabitur sed felis quis dui tristique condimentum et id lacus. Interdum et malesuada fames ac ante ipsum primis in faucibus. Curabitur facilisis elit sed rhoncus ornare. Aliquam erat volutpat. Sed vel dolor vitae velit interdum pellentesque. Donec mauris urna, facilisis egestas risus ut, interdum consectetur mi. Nulla vitae ante volutpat sapien euismod blandit quis et tortor. Fusce vel metus ullamcorper, gravida elit sed, lacinia ipsum. Aliquam sed massa accumsan, iaculis est vitae, interdum dolor. Nunc auctor lacus lacus, sit amet cursus enim ultricies non. Mauris sed lacus et velit lobortis aliquam at id magna. Integer semper a lectus in pellentesque. Aliquam ante magna, auctor eget fermentum at, euismod id elit. Donec finibus turpis et semper egestas. Nam ornare scelerisque eros, sit amet consequat nisi tincidunt ac. Duis maximus, tortor sit amet porta mattis, arcu ante ultricies ipsum, nec facilisis purus nibh at nisi. Phasellus feugiat, urna eget lobortis placerat, neque sapien congue nisi, et ultricies libero dolor quis urna. </span></blockquote><div style="background-color:#CF1F39; height:25px; width:450px; border-top:1px dotted #fcfcfc; border-bottom:5px solid #D6C8BD;"></div> <div style="width:450px; font-family: 'Dynalight', cursive; font-size:55px; color:#CF1F39; line-height:80%; border-bottom:15px solid #D6C8BD; text-align: center;"><font color="#F5626C">❥</font>Histoire</div> <div style="width:375px; height:15px; border-left:75px solid #CF1F39; background-color:#F5626C;"></div><blockquote><span style="text-align: justify;"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. In nec molestie elit. In hac habitasse platea dictumst. Donec dictum est turpis, scelerisque rhoncus est euismod nec. Etiam maximus odio id leo lacinia suscipit. Nulla facilisi. Sed nec nunc eleifend, sagittis nunc quis, vulputate lacus. Fusce ornare nec nisi a sagittis. In quis velit nec est tincidunt imperdiet. Ut interdum efficitur consequat. Mauris at mi a enim accumsan elementum at et ligula. Vivamus elementum in dui non pretium. Cras id facilisis enim, ut volutpat ante. Vestibulum accumsan orci non dignissim tincidunt. Nullam bibendum, tortor vel mollis ultricies, orci est ullamcorper mauris, nec imperdiet mauris erat nec libero. Ut consectetur urna eu ligula sollicitudin cursus. Maecenas dolor mi, fringilla at libero accumsan, vestibulum rutrum sem. Praesent scelerisque magna id velit eleifend blandit. Phasellus tincidunt diam et nisi iaculis, vitae ullamcorper sem efficitur. Etiam facilisis lacus feugiat arcu pretium, vitae molestie dolor semper. Morbi faucibus justo id mauris iaculis, a ultrices quam euismod. Curabitur ac cursus ligula.
Pellentesque vulputate dictum lectus et lobortis. Proin a fringilla erat, vel dictum ante. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Curabitur sed felis quis dui tristique condimentum et id lacus. Interdum et malesuada fames ac ante ipsum primis in faucibus. Curabitur facilisis elit sed rhoncus ornare. Aliquam erat volutpat. Sed vel dolor vitae velit interdum pellentesque. Donec mauris urna, facilisis egestas risus ut, interdum consectetur mi. Nulla vitae ante volutpat sapien euismod blandit quis et tortor. Fusce vel metus ullamcorper, gravida elit sed, lacinia ipsum. Aliquam sed massa accumsan, iaculis est vitae, interdum dolor. Nunc auctor lacus lacus, sit amet cursus enim ultricies non. Mauris sed lacus et velit lobortis aliquam at id magna. Integer semper a lectus in pellentesque. Aliquam ante magna, auctor eget fermentum at, euismod id elit. Donec finibus turpis et semper egestas. Nam ornare scelerisque eros, sit amet consequat nisi tincidunt ac. Duis maximus, tortor sit amet porta mattis, arcu ante ultricies ipsum, nec facilisis purus nibh at nisi. Phasellus feugiat, urna eget lobortis placerat, neque sapien congue nisi, et ultricies libero dolor quis urna. </span></blockquote><div style="background-color:#CF1F39; height:25px; width:450px; border-top:1px dotted #fcfcfc; border-bottom:5px solid #D6C8BD;"></div> <div style="width:450px; font-family: 'Dynalight', cursive; font-size:55px; color:#CF1F39; line-height:80%; border-bottom:15px solid #D6C8BD; text-align: center;"><font color="#F5626C">❥</font>Derrière l'écran</div> <div style="width:375px; height:15px; border-left:75px solid #CF1F39; background-color:#F5626C;"></div><blockquote><span style="text-align: justify;"><div class="prtitres">[color=#F5626C]Pseudos(s)[/color]</div> ► Blabla.
<div class="prtitres">[color=#F5626C]Âge[/color]</div> ► Blabla.
<div class="prtitres">[color=#F5626C]Avis sur le forum[/color]</div> ► Blabla.
<div class="prtitres">[color=#F5626C]Autre[/color]</div> ► Blabla. </blockquote></span> <div style="background-color:#CF1F39; height:25px; width:450px; border-top:1px dotted #fcfcfc; border-bottom:5px solid #D6C8BD; margin: auto; text-align: center;"><a href="http://www.never-utopia.com/">Zuiichi - Never-Utopia</a></div></div>
Prenom: réponse
Age: réponse
Métier: réponse
Groupe: réponse
Pouvoirs: réponse
Signes distinctifs: réponse
Proinde concepta rabie saeviore, quam desperatio incendebat et fames, amplificatis viribus ardore incohibili in excidium urbium matris Seleuciae efferebantur, quam comes tuebatur Castricius tresque legiones bellicis sudoribus induratae.
Ac ne quis a nobis hoc ita dici forte miretur, quod alia quaedam in hoc facultas sit ingeni, neque haec dicendi ratio aut disciplina, ne nos quidem huic uni studio penitus umquam dediti fuimus. Etenim omnes artes, quae ad humanitatem pertinent, habent quoddam commune vinculum, et quasi cognatione quadam inter se continentur.
Proinde concepta rabie saeviore, quam desperatio incendebat et fames, amplificatis viribus ardore incohibili in excidium urbium matris Seleuciae efferebantur, quam comes tuebatur Castricius tresque legiones bellicis sudoribus induratae.
Ac ne quis a nobis hoc ita dici forte miretur, quod alia quaedam in hoc facultas sit ingeni, neque haec dicendi ratio aut disciplina, ne nos quidem huic uni studio penitus umquam dediti fuimus. Etenim omnes artes, quae ad humanitatem pertinent, habent quoddam commune vinculum, et quasi cognatione quadam inter se continentur.
Proinde concepta rabie saeviore, quam desperatio incendebat et fames, amplificatis viribus ardore incohibili in excidium urbium matris Seleuciae efferebantur, quam comes tuebatur Castricius tresque legiones bellicis sudoribus induratae.
Ac ne quis a nobis hoc ita dici forte miretur, quod alia quaedam in hoc facultas sit ingeni, neque haec dicendi ratio aut disciplina, ne nos quidem huic uni studio penitus umquam dediti fuimus. Etenim omnes artes, quae ad humanitatem pertinent, habent quoddam commune vinculum, et quasi cognatione quadam inter se continentur.
Age: réponse
Quelque chose à nous dire? réponse
Code du règlement: réponse
Votre opinion
Opinion sur tel(s) groupe(s): Votre opinion
- Code:
<div class="aay-perso"><div class="aay-presgroup">Groupe</div><div class="aay-presname">Prénom Nom</div><br>
<div class="aay-presinfo"><span class="info">Nom:</span> réponse
<span class="info">Prenom:</span> réponse
<span class="info">Age:</span> réponse
<span class="info">Métier:</span> réponse
<span class="info">Groupe:</span> réponse
<span class="info">Pouvoirs:</span> réponse
<span class="info">Signes distinctifs:</span> réponse
</div><div class="aay-photo"><img src="https://i.servimg.com/u/f84/19/41/51/11/pres11.jpg"/><div class="aay-photo-src"><i>Nom du personnage, Manga/Anime/Source</i></div></div>
<div class="aay-title">Physique</div>
<div class="aay-bloctxt">Quod cum ita sit, paucae domus studiorum seriis cultibus antea celebratae nunc ludibriis ignaviae torpentis exundant, vocali sonu, perflabili tinnitu fidium resultantes. denique pro philosopho cantor et in locum oratoris doctor artium ludicrarum accitur et bybliothecis sepulcrorum ritu in perpetuum clausis organa fabricantur hydraulica, et lyrae ad speciem carpentorum ingentes tibiaeque et histrionici gestus instrumenta non levia.
Proinde concepta rabie saeviore, quam desperatio incendebat et fames, amplificatis viribus ardore incohibili in excidium urbium matris Seleuciae efferebantur, quam comes tuebatur Castricius tresque legiones bellicis sudoribus induratae.
Ac ne quis a nobis hoc ita dici forte miretur, quod alia quaedam in hoc facultas sit ingeni, neque haec dicendi ratio aut disciplina, ne nos quidem huic uni studio penitus umquam dediti fuimus. Etenim omnes artes, quae ad humanitatem pertinent, habent quoddam commune vinculum, et quasi cognatione quadam inter se continentur.</div>
<div class="aay-title">Caractère</div>
<div class="aay-bloctxt">Quod cum ita sit, paucae domus studiorum seriis cultibus antea celebratae nunc ludibriis ignaviae torpentis exundant, vocali sonu, perflabili tinnitu fidium resultantes. denique pro philosopho cantor et in locum oratoris doctor artium ludicrarum accitur et bybliothecis sepulcrorum ritu in perpetuum clausis organa fabricantur hydraulica, et lyrae ad speciem carpentorum ingentes tibiaeque et histrionici gestus instrumenta non levia.
Proinde concepta rabie saeviore, quam desperatio incendebat et fames, amplificatis viribus ardore incohibili in excidium urbium matris Seleuciae efferebantur, quam comes tuebatur Castricius tresque legiones bellicis sudoribus induratae.
Ac ne quis a nobis hoc ita dici forte miretur, quod alia quaedam in hoc facultas sit ingeni, neque haec dicendi ratio aut disciplina, ne nos quidem huic uni studio penitus umquam dediti fuimus. Etenim omnes artes, quae ad humanitatem pertinent, habent quoddam commune vinculum, et quasi cognatione quadam inter se continentur.</div>
<div class="aay-title">Histoire</div>
<div class="aay-bloctxt">Quod cum ita sit, paucae domus studiorum seriis cultibus antea celebratae nunc ludibriis ignaviae torpentis exundant, vocali sonu, perflabili tinnitu fidium resultantes. denique pro philosopho cantor et in locum oratoris doctor artium ludicrarum accitur et bybliothecis sepulcrorum ritu in perpetuum clausis organa fabricantur hydraulica, et lyrae ad speciem carpentorum ingentes tibiaeque et histrionici gestus instrumenta non levia.
Proinde concepta rabie saeviore, quam desperatio incendebat et fames, amplificatis viribus ardore incohibili in excidium urbium matris Seleuciae efferebantur, quam comes tuebatur Castricius tresque legiones bellicis sudoribus induratae.
Ac ne quis a nobis hoc ita dici forte miretur, quod alia quaedam in hoc facultas sit ingeni, neque haec dicendi ratio aut disciplina, ne nos quidem huic uni studio penitus umquam dediti fuimus. Etenim omnes artes, quae ad humanitatem pertinent, habent quoddam commune vinculum, et quasi cognatione quadam inter se continentur.</div>
<div class="aay-player"><img src="https://i.servimg.com/u/f84/19/41/51/11/pres11.jpg"/><div class="aay-playerinfo"><span class="info">Pseudo:</span> réponse
<span class="info">Age:</span> réponse
<span class="info">Quelque chose à nous dire?</span> réponse
<span class="info">Code du règlement:</span> réponse
</div></div><div class="aay-opinion"><span class="in">Opinion sur tel(s) groupe(s):</span><br>Votre opinion
<br><span class="in2"> Opinion sur tel(s) groupe(s):</span> Votre opinion
</div>
<div class="crédits">Code by Frosty Blue de <a href="http://www.never-utopia.com">never Utopia</a></div></div>
<style type="text/css"> .aay-presgroup {margin-left: auto; background: #fa5858; width: 150px; padding: 17px;text-align: center; color: #f4f4f4; font-family: 'Abel'; text-shadow: 1px 2px 1px rgba(0,0,0,0.4); display: inline-block; font-size: 17px; line-height: 23px; text-transform: uppercase; margin-right: 10px;} .aay-presname {margin-right: auto; width: 350px; padding: 10px; text-align: center; color: #fa5858; background: #eaebeb; overflow: hidden; font-family: 'Abel'; font-size: 35px; line-height: 37px; display: inline-block; vertical-align: top; text-shadow: -1px -2px 1px rgba(0,0,0,0.4), 1px 2px 1px rgba(255,255,255,1); text-transform: uppercase; letter-spacing: 1px;} .aay-perso {margin: auto; text-align: justify; width: 565px;} .aay-presinfo {float: left; width: 320px; height: 200px; overflow: auto; padding: 10px; margin-right: 10px;background: #eaebeb;} .info {color: white; text-shadow: 1px 1px 0px rgba(0,0,0,0.3), 0px 0px 5px rgba(0,0,0,0.2); font-size: 13px; text-transform: uppercase; font-style: normal;} .aay-photo {width: 215px; background: black; vertical-align: top; height: 220px; overflow: hidden;} .aay-photo img {-webkit-filter: grayscale(80%); filter: grayscale(80%); transition: 1s; -webkit-transition: 1s; position: relative; z-index: 1;} .aay-photo-src {position: relative; top: -60px; background: rgba(195,195,195,0.6); color: white; text-align: center; font-size: 12px; z-index: 2; padding: 5px; opacity: 0; transition: 1s; -webkit-transition: 1s;} .aay-photo:hover img {-webkit-filter: grayscale(0%); filter: grayscale(0%); transition: 2s; -webkit-transition: 2s;} .aay-photo:hover .aay-photo-src {opacity: 1; transition: 2s; -webkit-transition: 2s;} .aay-bloctxt {background: #eaebeb; padding: 10px; height: 250px; overflow: auto; border-top: #fa5858 4px solid; position: relative; z-index: 2;} .aay-title {text-shadow: -1px -2px 1px rgba(0,0,0,0.4), 1px 2px 1px rgba(255,255,255,1); text-transform: uppercase; letter-spacing: 1px; font-family: 'Abel'; color: #fa5858; font-size: 25px; position: relative; left: 5px; bottom: -15px; z-index: 1;} .aay-player {width: 215px; height: 220px; display: inline-block; margin-right: 15px; background: #fa5858;} .aay-opinion {display: inline-block; width: 315px; padding: 10px; height: 200px; overflow: auto; background: #eaebeb; text-align: justify; vertical-align: top;} .aay-player img {position: relative: 1; -webkit-filter: grayscale(50%); filter: grayscale(50%); transition: 1s; -webkit-transition: 1s; } .aay-playerinfo {padding: 10px; position: relative; z-index: 2; background: #fa5858; transition: 1s; -webkit-transition: 1s; opacity: 0; overflow: auto; width: 200px; height: 202px; top: -222px;} .aay-player:hover .aay-playerinfo {opacity: 1; transition: 2s; -webkit-transition: 2s;} .in {font-style: normal; color: #fa5858; text-shadow: 1px 1px 0px rgba(0,0,0,0.3), 0px 0px 5px rgba(0,0,0,0.2); font-size: 14px; text-transform: uppercase;} .in2 {font-style: normal; color: #0080ff; text-shadow: 1px 1px 0px rgba(0,0,0,0.3), 0px 0px 5px rgba(0,0,0,0.2); font-size: 14px; text-transform: uppercase;} .crédits {text-align: right; color: silver; opacity: 0.4; font-size: 11px; font-family: 'Abel'; position: relative; right: 5px;}</style><link href='https://fonts.googleapis.com/css?family=Abel' rel='stylesheet' type='text/css' />
- Feat:
Batty & Artemis | www
- Code:
<style>.containerfiche_epicode {width: 500px; box-sizing: border-box; position: relative; background-color: #ffffff; border-top: 10px solid #a3d39c; padding: 190px 4px 20px 10px; text-align: center; margin: auto; color: #5f6061; font-family: 'Times New Roman';} .en_tete_block{position: absolute; top: 0; left: 0; width:500px; height:180px;} .en_tete_block div{position:absolute; top: 0;width:500px; height: 180px; background-color: rgba(170, 192, 214, 0.7); opacity:0; visibility: hidden; transition: 1s;} .pseudonyme_block_ct {display: block; position: absolute; top: 60px; left: 80px; width: 218px; height: 80px; color: #ffffff; border: 1px solid white; padding-top: 5px; text-transform: uppercase; font-size: 30px;} .quote_fiche {display: block; font-size: 13px; margin-top: -2px; text-transform: none; line-height: 12px;} .en_tete_block:hover div {opacity: 1; visibility: visible; width: 250px; background-color: rgba(170, 192, 214, 0.7);} .containerfiche_epicode ul {padding: 0; margin: 0; margin-bottom: 5px; display: flex; list-style-type: none;} .containerfiche_epicode li {width: 90px; height: 18px; padding-top: 2px; border: 1px solid #aac0d6; margin-right: 5px; margin-bottom: 5px; text-transform: uppercase; font-size: 11px;} .infos_chara , .infos_chara2 { width: 230px; display: inline-block; margin-right: 13px;} .infos_chara span , .infos_chara2 span {display: inline-block; width: 217px; background-color: #aac0d6; margin-bottom: 5px; padding: 7px 10px; text-transform: uppercase; font-size: 12px; color: white;} .infos_chara span {text-align: left;} .infos_chara2 span {text-align: right; margin-right: none;} .title_p {position: relative; width: 450px; height: 11px; border-bottom: 1px solid #a8a8a8; margin: auto; text-align: center; margin-top: -5px;} .title_p div {width: 160px; height: 25px; position: absolute; top: 0; left: 140px; background-color: white; font-size: 20px; text-transform: uppercase;} .content_infos_txt {margin-right: 13px; width: 460px; text-align: justify; font-size: 12px; margin-top: 20px; border: 1px solid #aac0d6; padding: 10px;} .copyright_epicode_a {position: absolute; bottom: 0; right: 0; font-family: 'Arial'; font-size: 11px; text-transform: lowercase; color: #adadad;}</style>
<div class="containerfiche_epicode"><div class="en_tete_block"><img src="https://zupimages.net/up/18/02/dksp.png"/><div><span class="pseudonyme_block_ct">Pseudo</br><span class="quote_fiche">Citation</span></span></div></div><ul>Feat:</ul><div class="infos_chara"><span>Âge</span><span>Origine</span><span>Métier</span></div><div class="infos_chara2"><span>Groupe</span><span>Situation Maritale</span><span>Orientation sexuelle</span></div>
<div class="title_p"><div>Physique</div></div><div class="content_infos_txt">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. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur?</div>
<div class="title_p"><div>Caractère</div></div><div class="content_infos_txt">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. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur?</div>
<div class="title_p"><div>Histoire</div></div><div class="content_infos_txt">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. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur?</div>
<div class="title_p"><div>Pouvoir</div></div><div class="content_infos_txt">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
</div>
<span class="copyright_epicode_a">Batty & Artemis | <a href="http://epicode.variousforum.com/">www</a></span></div>
Prénom Nom
ÂgeInfo
GroupeInfo
OrientationInfo
RaceInfo
MetierInfo
AvatarInfo
Sugar plum cheesecake carrot cake marshmallow tiramisu caramels jelly beans. Sesame snaps candy powder marzipan powder. Topping sugar plum sugar plum jelly sweet chocolate cake lollipop tart.
Lollipop pie icing wafer tiramisu bonbon lollipop liquorice. Pastry sugar plum halvah ice cream brownie tiramisu. Donut chupa chups danish sesame snaps lemon drops toffee candy canes. Bear claw donut dragée tootsie roll toffee.
Chupa chups ice cream cookie lemon drops halvah. Topping cupcake tootsie roll lemon drops chocolate cake topping bonbon. Gingerbread chupa chups liquorice wafer caramels apple pie candy canes pie cake. Marshmallow soufflé jujubes liquorice dessert ice cream soufflé brownie biscuit.
Gummies candy canes bonbon. Brownie toffee sesame snaps icing ice cream cheesecake dessert. Marshmallow muffin danish powder tootsie roll topping. Candy canes wafer jelly beans jelly.
Sugar plum cheesecake carrot cake marshmallow tiramisu caramels jelly beans. Sesame snaps candy powder marzipan powder. Topping sugar plum sugar plum jelly sweet chocolate cake lollipop tart.
Lollipop pie icing wafer tiramisu bonbon lollipop liquorice. Pastry sugar plum halvah ice cream brownie tiramisu. Donut chupa chups danish sesame snaps lemon drops toffee candy canes. Bear claw donut dragée tootsie roll toffee.
Chupa chups ice cream cookie lemon drops halvah. Topping cupcake tootsie roll lemon drops chocolate cake topping bonbon. Gingerbread chupa chups liquorice wafer caramels apple pie candy canes pie cake. Marshmallow soufflé jujubes liquorice dessert ice cream soufflé brownie biscuit.
Gummies candy canes bonbon. Brownie toffee sesame snaps icing ice cream cheesecake dessert. Marshmallow muffin danish powder tootsie roll topping. Candy canes wafer jelly beans jelly.
Sugar plum cheesecake carrot cake marshmallow tiramisu caramels jelly beans. Sesame snaps candy powder marzipan powder. Topping sugar plum sugar plum jelly sweet chocolate cake lollipop tart.
Lollipop pie icing wafer tiramisu bonbon lollipop liquorice. Pastry sugar plum halvah ice cream brownie tiramisu. Donut chupa chups danish sesame snaps lemon drops toffee candy canes. Bear claw donut dragée tootsie roll toffee.
Chupa chups ice cream cookie lemon drops halvah. Topping cupcake tootsie roll lemon drops chocolate cake topping bonbon. Gingerbread chupa chups liquorice wafer caramels apple pie candy canes pie cake. Marshmallow soufflé jujubes liquorice dessert ice cream soufflé brownie biscuit.
Gummies candy canes bonbon. Brownie toffee sesame snaps icing ice cream cheesecake dessert. Marshmallow muffin danish powder tootsie roll topping. Candy canes wafer jelly beans jelly.
Gummies candy canes bonbon. Brownie toffee sesame snaps icing ice cream cheesecake dessert. Marshmallow muffin danish powder tootsie roll topping. Candy canes wafer jelly beans jelly.
- Code:
<div class="M56" style="color: #999; background-image: url(https://i.imgur.com/68R8M0r.png);"><div class="ttM56"><span>about</span>
Prénom Nom</div><div class="imM56"><img src="https://i.imgur.com/u53fwdV.jpg?1"><div style="background-image: url(https://i.imgur.com/PbwJeqg.gif);"></div></div><div class="ddM56">
<span><b>Âge</b>Info </span>
<span><b>Groupe</b>Info </span>
<span><b>Orientation</b>Info</span>
<span><b>Race</b>Info</span>
<span><b>Metier</b>Info </span>
<span><b>Avatar</b>Info </span>
</div><div class="subM56">Physique</div><div class="xxM56">Lemon drops cupcake tiramisu gingerbread. Jelly-o icing chocolate cake biscuit. Chocolate halvah chocolate cake sugar plum. Gingerbread gummies sweet gummi bears jujubes fruitcake cookie danish tiramisu.
Sugar plum cheesecake carrot cake marshmallow tiramisu caramels jelly beans. Sesame snaps candy powder marzipan powder. Topping sugar plum sugar plum jelly sweet chocolate cake lollipop tart.
Lollipop pie icing wafer tiramisu bonbon lollipop liquorice. Pastry sugar plum halvah ice cream brownie tiramisu. Donut chupa chups danish sesame snaps lemon drops toffee candy canes. Bear claw donut dragée tootsie roll toffee.
Chupa chups ice cream cookie lemon drops halvah. Topping cupcake tootsie roll lemon drops chocolate cake topping bonbon. Gingerbread chupa chups liquorice wafer caramels apple pie candy canes pie cake. Marshmallow soufflé jujubes liquorice dessert ice cream soufflé brownie biscuit.
Gummies candy canes bonbon. Brownie toffee sesame snaps icing ice cream cheesecake dessert. Marshmallow muffin danish powder tootsie roll topping. Candy canes wafer jelly beans jelly.</div>
<div class="subM56">Caractère</div><div class="xxM56">Lemon drops cupcake tiramisu gingerbread. Jelly-o icing chocolate cake biscuit. Chocolate halvah chocolate cake sugar plum. Gingerbread gummies sweet gummi bears jujubes fruitcake cookie danish tiramisu.
Sugar plum cheesecake carrot cake marshmallow tiramisu caramels jelly beans. Sesame snaps candy powder marzipan powder. Topping sugar plum sugar plum jelly sweet chocolate cake lollipop tart.
Lollipop pie icing wafer tiramisu bonbon lollipop liquorice. Pastry sugar plum halvah ice cream brownie tiramisu. Donut chupa chups danish sesame snaps lemon drops toffee candy canes. Bear claw donut dragée tootsie roll toffee.
Chupa chups ice cream cookie lemon drops halvah. Topping cupcake tootsie roll lemon drops chocolate cake topping bonbon. Gingerbread chupa chups liquorice wafer caramels apple pie candy canes pie cake. Marshmallow soufflé jujubes liquorice dessert ice cream soufflé brownie biscuit.
Gummies candy canes bonbon. Brownie toffee sesame snaps icing ice cream cheesecake dessert. Marshmallow muffin danish powder tootsie roll topping. Candy canes wafer jelly beans jelly.</div>
<div class="subM56">Histoire</div><div class="xxM56">Lemon drops cupcake tiramisu gingerbread. Jelly-o icing chocolate cake biscuit. Chocolate halvah chocolate cake sugar plum. Gingerbread gummies sweet gummi bears jujubes fruitcake cookie danish tiramisu.
Sugar plum cheesecake carrot cake marshmallow tiramisu caramels jelly beans. Sesame snaps candy powder marzipan powder. Topping sugar plum sugar plum jelly sweet chocolate cake lollipop tart.
Lollipop pie icing wafer tiramisu bonbon lollipop liquorice. Pastry sugar plum halvah ice cream brownie tiramisu. Donut chupa chups danish sesame snaps lemon drops toffee candy canes. Bear claw donut dragée tootsie roll toffee.
Chupa chups ice cream cookie lemon drops halvah. Topping cupcake tootsie roll lemon drops chocolate cake topping bonbon. Gingerbread chupa chups liquorice wafer caramels apple pie candy canes pie cake. Marshmallow soufflé jujubes liquorice dessert ice cream soufflé brownie biscuit.
Gummies candy canes bonbon. Brownie toffee sesame snaps icing ice cream cheesecake dessert. Marshmallow muffin danish powder tootsie roll topping. Candy canes wafer jelly beans jelly.</div>
<div class="subM56">Pouvoir</div><div class="xxM56">Chupa chups ice cream cookie lemon drops halvah. Topping cupcake tootsie roll lemon drops chocolate cake topping bonbon. Gingerbread chupa chups liquorice wafer caramels apple pie candy canes pie cake. Marshmallow soufflé jujubes liquorice dessert ice cream soufflé brownie biscuit.
Gummies candy canes bonbon. Brownie toffee sesame snaps icing ice cream cheesecake dessert. Marshmallow muffin danish powder tootsie roll topping. Candy canes wafer jelly beans jelly.</div></div><a href="https://emmescodes.tumblr.com/" title="Code by Emme" class="miM56">Emme</a>
<style>@font-face {font-family: 'Righthand'; src: url('https://cdn.staticaly.com/gh/EmmesCodes/Tipografias/c075405f15e5866d00c3d8adc15471116bc2013b/righthand-personal.ttf');}.M56, .M56 * {box-sizing: border-box;} .M56 {width: 450px; border: 30px solid transparent; text-align: center; margin: auto; background-color: #FFF; perspective: 800px; transform-style: preserve-3d; background-size: cover; max-height: 700px; overflow: auto; text-shadow: 0 0 5px #FFF, 0 0 5px #FFF, 0 0 5px #FFF, 0 0 15px #FFF, 0 0 15px #FFF;} .ttM56 span {font: 12px Poppins; letter-spacing: 5px;} .ttM56 {font: 25px/25px Righthand; display: inline-block; margin-bottom: 60px; position: relative;} .ttM56::before {content: ""; bottom: -5px; width: 100px; border-bottom: 1px solid; position: absolute; left: calc(50% - 50px); box-sizing: border-box;} .ttM56::after, .ddM56:after {content: ""; position: absolute; height: 55px; border-left: 1px solid; top: calc(100% + 5px); left: 50%; box-sizing: border-box;} .ddM56 {position: relative; padding: 60px 30px 40px;} .ddM56:after {top: 0; height: 100%;} .ddM56 span {display: inline-block; width: calc(50% - 20px); vertical-align: top; font: 12px Poppins; margin-bottom: 20px; position: relative;} .ddM56 span:nth-of-type(odd) {margin-right: 10px; text-align: right;} .ddM56 span:nth-of-type(even) {margin-left: 10px; text-align: left;} .ddM56 b {display: block; font-size: 8px; letter-spacing: 1px; text-transform: uppercase;} .ddM56 br {display: none;} .ddM56 span:nth-of-type(2n+1)::after {top: 3px; right: -14px; width: 7px; height: 7px; box-sizing: border-box;} .subM56 {font: 25px/25px Righthand; position: relative; padding-top: 27px; height: 80px; border-top: 1px solid; border-bottom: 1px solid; background: #FFFFFFE6; margin: 0 20px; letter-spacing: 5px;} .xxM56 {font: 12px Poppins; text-align: justify; margin: 30px 50px; padding-right: 5px; max-height: 300px; overflow: auto;} .imM56 {width: 200px; margin: auto; border: 1px solid; padding: 20px; border-radius: 50%; height: 200px; position: relative; clip-path: polygon(0px 0px, 0% 76.4%, 27px 72.50%, 25.91% 85.86%, 28.25% 100%, 100% 100%, 100% 0px);} .imM56 img {width: 100%; height: 100%; border-radius: 50%;} .imM56 div {position: absolute; top: 15px; left: 15px; background-size: cover; width: calc(100% - 30px); height: calc(100% - 30px); transition: 3s; border-radius: 50%;} .M56:hover .imM56 div {filter: blur(30px); opacity: 0; transform: scale(2);} .imM56::before, .imM56::after, .ddM56 span:nth-of-type(odd):after {content: ""; border: 3px solid; position: absolute; border-radius: 50%;} .imM56::before {top: 142px; left: 8px;} .imM56::after {bottom: 7px; left: 54px;} .miM56 {font: 10px/15px Poppins !important; display: block; text-align: center; transition: .5s;} .miM56:hover {letter-spacing: 5px;} .M56::-webkit-scrollbar, .M56 div::-webkit-scrollbar {width: 3px !important; background: #0006 !important;} .M56::-webkit-scrollbar-thumb, .M56 div::-webkit-scrollbar-thumb {background: #0006 !important;}</style><link href="https://fonts.googleapis.com/css?family=Poppins" rel="stylesheet">
Groupe: Ici
Âge: Ici
Nationalité Ici
Genre:Ici
Race: Ici
Métier Ici
Orientation sexuelle Ici
Avatar: Nom du feat & Provenance du feat
Physique
Caractère
Histoire
Pouvoirs
- Code:
<div class="MM044" style="color: #b36699;"><strong><b>Nom & Prénom</b><i>Citation sympa.</i></strong>
<div class="MM044-img" style="background-image: url(https://i.servimg.com/u/f59/19/50/92/05/mini_p10.png);">
<div class="MM044-l">
<div class="MM044-iimg" style="background-image: url(https://i.servimg.com/u/f59/19/50/92/05/110.png);"></div>
<span><b>Groupe:</b> Ici</span>
<span><b>Âge:</b> Ici</span>
<span><b>Nationalité</b> Ici</span>
<span><b>Genre:</b>Ici </span>
<span><b>Race:</b> Ici</span>
<span><b>Métier</b> Ici</span>
<span><b>Orientation sexuelle</b> Ici </span>
<span><b>Avatar:</b> Nom du feat & Provenance du feat</span>
</div>
<div class="MM044-r"><div>
<b><span class="th th-broken-heart"></span><hr>Physique</b>
<div>nous faire une description écrite et complète </div>
<b><span class="th th-atom"></span><hr>Caractère</b>
<div>HNous faire une description complète </div>
<b><span class="th th-push-pin"></span><hr>Histoire</b>
<div>PAssé. futur... présent... ici</div>
<b><span class="th th-push-pin"></span><hr>Pouvoirs</b>
<div> La description de vos pouvoirs/don/malédiction/ect est obligatoire si vous en possédez !</div>
</div></div></div></div><a class="miMM" href="https://emmescodes.tumblr.com/" title="Code by Emme">Emme</a><link href="https://fonts.googleapis.com/css2?family=Oswald:wght@500&display=swap" rel="stylesheet"><link href="//solrainha.github.io/honeybee/honeybee.css" rel="stylesheet"><style>.MM044, .MM044 * { box-sizing: border-box; scrollbar-color: #999 #0002 !important; scrollbar-width: thin; transition: .5s; } .MM044 br { display: none; } .MM044 { width: 500px; margin: auto; text-align: center; font: 14px Calibri; background: #222; min-height: 300px; } .MM044 > strong { box-shadow: inset 0 0 0 200px; display: block; padding: 30px; display: flex; flex-direction: column; position: relative; z-index: 10; } .MM044 > strong > b { color: #111; font: 40px Oswald; } .MM044 > strong > i { color: #111; letter-spacing: 2px; margin: -8px 0 0 2px; } .MM044 > strong::before { content: ""; position: absolute; width: 30px; height: 30px; left: calc(50% - 15px); bottom: -14px; transform: rotate(45deg); clip-path: polygon(100% 0, 0% 100%, 100% 100%); box-shadow: inset 0 0 0 20px; border-radius: 6px 0; } .MM044-img { min-height: 300px; overflow: hidden; display: flex; border-bottom: 15px solid; } .MM044 div[class*="img"] { background-position: center; background-size: cover; } .MM044-l { background: #111; display: flex; flex-flow: column; width: 220px; transform: translate(-100%); } .MM044-iimg { height: 250px; } .MM044-l > span { padding: 10px; box-shadow: inset 0 0 0 100px; -webkit-text-fill-color: #111; font: 20px Oswald; } .MM044-l > span:nth-of-type(2n) { opacity: .7; } .MM044-l b { display: block; font: bold 11px calibri; text-transform: uppercase; letter-spacing: 2px; margin: 0 0 -5px 2px; } .MM044-r { flex: 1; background: #222E; position: relative; transform: translate(100%); } .MM044-r > div { position: absolute; top: 30px; left: 30px; right: 30px; bottom: 30px; overflow: auto; padding-right: 5px; } .MM044-r > div > b { font: 25px Oswald; display: flex; align-items: center; text-shadow: 1px 1px #111, -1px 1px #111, 1px -1px #111, -1px -1px #111; } .MM044-r > div > div { text-align: justify; margin-top: 10px; -webkit-text-fill-color: #AAA; } .MM044-r hr { border-top: 2px solid; flex: 1; margin: 5px 10px 0; color: inherit; } .MM044-r > div > div * { -webkit-text-fill-color: initial; text-shadow: 1px 1px #111, -1px 1px #111, 1px -1px #111, -1px -1px #111; } .MM044-r > div > b ~ b { margin-top: 30px; } .MM044-img:hover > div { transform: translate(0%); } .MM044-r > div > div br { display: block; } .MM044-r > div > div br + br { margin: 5px; } .MM044 div::-webkit-scrollbar { width: 5px !important; height: 5px !important; background: #0002 !important; } .MM044 div::-webkit-scrollbar-thumb { background: #999 !important; } .miMM { display: block; font: bold 10px Calibri; letter-spacing: 2px; text-align: center; transition: 0.5s; text-transform: uppercase; padding: 3px; color: #444; } .miMM:hover { letter-spacing: 3px; }</style>
Age Metier Race Groupe Orientation sexuelle |
- Code:
<div id="oreo"><div class="oreocaj"><div class="oreotit">Prénom</div><div class="oreotit4">Une phrase courte</div><div class="oreotit">Nom</div></div></br><table style="border-spacing:15px;margin-left:-5px;margin-bottom:20px;"><tr><td><div class="oreoinf">Age</div><div class="oreoinf">Metier</div><div class="oreoinf">Race</div><div class="oreoinf">Groupe</div><div class="oreoinf">Orientation sexuelle</div></td><td><div class="oreoim1"><div class="oreoim2" style="background:url(https://i.imgur.com/o1Ml9si.jpg);"></div></div></td></tr></td></tr></table>
<div class="oreolin"></div><div class="oreotit2">Physique</div><div class="oreoim3"><div class="oreoim4" style="background:url(https://i.imgur.com/k8Jw0Fo.jpg);"></div></div><div class="oreoco">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquid ex ea commodi consequat. Quis aute iure reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint obcaecat cupiditat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</div>
<div class="oreolin"></div><div class="oreotit2">Caractère</div><div class="oreoim3"><div class="oreoim4" style="background:url(https://i.imgur.com/k8Jw0Fo.jpg);"></div></div><div class="oreoco">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquid ex ea commodi consequat. Quis aute iure reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint obcaecat cupiditat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</div>
<div class="oreolin"></div><div class="oreotit2">Histoire</div><div class="oreoim3"><div class="oreoim4" style="background:url(https://i.imgur.com/k8Jw0Fo.jpg);"></div></div><div class="oreoco">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquid ex ea commodi consequat. Quis aute iure reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint obcaecat cupiditat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</div><div class="oreolin"></div><div class="oreotit2">Pouvoir</div><div class="oreoim3"><div class="oreoim4" style="background:url(https://i.imgur.com/k8Jw0Fo.jpg);"></div></div><div class="oreoco">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquid ex ea commodi consequat. Quis aute iure reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint obcaecat cupiditat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</div></br><div class="oreocaj"><div class="oreotitp">Feat</div><div class="oreotit3">Nom du personnage utilisé</div></div></div><div class="cre"><a href="https://cookiecodes.tumblr.com">Galleta</a></div>
<link href="https://fonts.googleapis.com/css?family=Playfair+Display|Quicksand|Roboto&display=swap" rel="stylesheet"><style type="text/css">#oreo div::-webkit-scrollbar {width: 3px; height: 3px;background: var(--chipco2);border: 1px solid var(--chipco1); }#oreo div::-webkit-scrollbar-thumb {background: var(--chipco2);border: 0px solid var(--chipco1);}#oreo{width:500px;background:var(--chipco1);margin: 0 auto ;padding:60px;font-family: 'Roboto';font-size: 11px;color: var(--chipco3);line-height: 140%;text-align: justify}.oreotit4{background:var(--chipco2);padding:4px; color:var(--chipco1);font-family: 'Roboto';text-align:center;font-size: 9px;margin-bottom:-5px; font-weight: bold;text-transform: uppercase;line-height: 120%;}.oreotit{font-family: 'Playfair Display', serif;color: var(--chipco2); text-align:center;font-size: 55px;line-height: 100%;}.oreotitp{font-family: 'Playfair Display', serif;color: var(--chipco2); text-align:center;font-size: 26px;line-height: 100%;}.oreotit3{background:var(--chipco2); padding:6px; color: var(--chipco1);font-family: 'Playfair Display'; text-align:center;font-size: 15px;margin-top:4px;}.oreotit2{width:160px; background:var(--chipco1); padding:10px;font-family: 'Quicksand';color: var(--chipco2); text-align:center;font-size: 16px;margin-bottom:20px;border: 1px solid var(--chipco2);}.oreoim1{width:120px;height: 120px;border: 1px solid var(--chipco2); padding:5px;}.oreoim2 {width:120px;height: 120px;}.oreoinf{width:162px;background:var(--chipco2);font-family: 'Roboto';font-size: 9px;color:var(--chipco1);text-transform: uppercase;padding:5px;text-align:center;font-weight: bold;margin-bottom:5px;}.oreoco{width:250px;height:150px;padding: 0px 40px 0px 40px;margin: 20px 0px 20px 0px;overflow-y: scroll;}.oreolin{width:300px;border-top: 1px solid var(--chipco2);margin-top:30px;margin-bottom:-20px;}.oreoim3{width:60px;height: 60px;background:var(--chipco1);border: 1px solid var(--chipco2); padding:5px;margin-left:270px;margin-top:-72px;border-radius:100%;}.oreoim4 {width:60px;height: 60px;border-radius:100%;}.cre{margin:0 auto; font-size: 10px; text-align:center;family: Arial;}#oreo{--chipco1: #1c142b;--chipco2: #f5d0b5;--chipco3: #eeeeee;}.oreocaj{border: 1px solid var(--chipco2);padding:15px;}</style>
|
|