Snake test
Vous souhaitez réagir à ce message ? Créez un compte en quelques clics ou connectez-vous pour continuer.


I'm not crazy ; My reality is just different than your
 
AccueilAccueil  Dernières imagesDernières images  S'enregistrerS'enregistrer  ConnexionConnexion  
Le Deal du moment : -15%
(Adhérents) LEGO® Icons 10318 Le Concorde
Voir le deal
169.99 €

 

 Codes et prez

Aller en bas 
Aller à la page : Précédent  1 ... 7 ... 11, 12, 13 ... 18 ... 25  Suivant
AuteurMessage
Snake
La nature se rit des souffrances humaines
Snake


Messages : 2591
Date d'inscription : 08/01/2012

Codes et prez - Page 12 Empty
MessageSujet: Re: Codes et prez   Codes et prez - Page 12 Icon_minitimeLun 19 Nov - 21:27



Prénom Nom

Groupe - âge - lorem - ipsum

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.Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Looking for...

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.
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.
La liste est non-exhaustive. Je suis intéressé par toute sorte de lien : ami, ennemi, amant, animal de compagnie... Venez me faire de propositions !




Prénom Nom

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.Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.



Code:
<link href="https://use.fontawesome.com/releases/v5.0.7/css/all.css" rel="stylesheet"><style>@import url('https://fonts.googleapis.com/css?family=Raleway:400,700,900|Roboto');.shipper-wrap {width: 500px;margin: 0 auto;background: #f2f2f2;border: 1px solid #ebebeb;padding: 10px;position: relative;line-height: 1.526;box-sizing: content-box;}.shipper {width: 500px;background: #fbfbfb;border: 1px solid #ebebeb;font-family: 'Raleway', sans-serif;position: relative;box-sizing: border-box;padding: 10px;display: flex;flex-wrap: wrap;}.shipper a {text-decoration: none!important;}.shipper h2 {margin: 0;font-weight: 400;text-transform: uppercase;display: inline-block;font-size: 25px;color: #4fa285;}.shipper h2 b {font-weight: 900;}.shipper h2.looking {padding: 5px 22px 22px;margin: 15px 0 0;flex: 100%;}.shipper .shipper-img {margin-right: 20px;height: 320px;width: 200px;}.shipper .shipper-img + div {flex: 1;display: flex;flex-direction: column;}.shipper h3, .item label {margin: 0;font-weight: 400;text-transform: uppercase;font-size: 12px;color: #86d2b7;}.shipper p {line-height: 1.4em;font-size: 10px;text-align: justify;margin: 10px 0px;font-family: 'Roboto', sans-serif;}.shipper-links {margin-top: auto;}.shipper-links a {text-transform: uppercase;font-size: 9px;letter-spacing: 1px;color: #000;margin-right: 10px;}.shipper-links a i {font-size: 20px;color: #4fa285;vertical-align: bottom;transition: all 0.3s;}.shipper-links a:hover i {color: #86d2b7;}.shipper-look {font-size: 10px;position: relative;text-align: justify;margin-bottom:20px;font-family: 'Roboto', sans-serif;border: 1px solid #e3e3e3;box-sizing: border-box;padding: 12px 8px 8px;}.shipper-look:last-child {margin: 0;}.shipper-look label, .item h3 {background: #4fa285;color: #fbfbfb;padding: 2px 5px;text-transform: uppercase;font-size: 9px;letter-spacing: 1px;display: inline-block;top: -12px;position: absolute;font-family: 'Raleway', sans-serif;}.item h3 {padding: 3px 8px;top: -29px;left: 15px;font-size: 15px;}.item-wrap {margin-bottom: 30px;}.item {height: 180px;}.item img {height: 160px;margin-right: 15px;width: 100px;}.item p {line-height: 1.4em;margin: 0;font-family: 'Roboto', sans-serif;font-size: 11px;height: 140px;overflow: auto;padding: 0 10px 0 0;}.shipper.item > div {flex: 1;}.shipper-credit {position: absolute;bottom: -20px;left: 0;}.shipper-credit a {font-weight: bold;color: #b9b9b9 !important;text-decoration: none !important;font-size: 8px;letter-spacing: 1px;}</style>

<div class="shipper-wrap"><div class="shipper"><!--
--><img src="http://via.placeholder.com/200x320" class="shipper-img"><!--
--><div><h2><b>Prénom</b> Nom</h2><!--
--><h3>Groupe - âge - lorem - ipsum</h3><!--
--><p>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.Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p><!--
--><div class="shipper-links"><a href="#"><i class="far fa-address-card"></i> fiche</a><a href="#"><i class="fas fa-pencil-alt"></i> rps</a><a href="#"><i class="far fa-envelope"></i> message</a></div></div><!--
--><h2 class="looking">Looking <b>for</b>...</h2><!--
--><div class="shipper-look"><label>Lorem ipsum</label>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.</div><!--
--><div class="shipper-look"><label>Lorem ipsum</label>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.</div><!--
--><div class="shipper-look"><label>As you wish</label>La liste est non-exhaustive. Je suis intéressé par toute sorte de lien : ami, ennemi, amant, animal de compagnie... Venez me faire de propositions !</div></div><div class="shipper-credit"><a href="http://terrible.forumactif.org/" target="_blank">AWFUL</a></div></div>



<div class="shipper-wrap item-wrap"><div class="shipper item"><img src="http://via.placeholder.com/100x160"><div><h3><b>Prénom</b> Nom</h3><label>Relationship</label><p>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.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.</p></div></div></div>
Revenir en haut Aller en bas
https://snake-test.forumgratuit.org
Snake
La nature se rit des souffrances humaines
Snake


Messages : 2591
Date d'inscription : 08/01/2012

Codes et prez - Page 12 Empty
MessageSujet: Re: Codes et prez   Codes et prez - Page 12 Icon_minitimeLun 19 Nov - 21:28


Osomatsu matsuno

Lorem ipsum dolor sit amet, consectetur adipiscing elit. In mollis sapien eu semper condimentum. Duis suscipit ex in vestibulum auctor.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. In mollis sapien eu semper condimentum. Duis suscipit ex in vestibulum auctor. Maecenas hendrerit finibus dignissim. Vestibulum lacinia eu diam id blandit. Proin vel nunc metus. Donec molestie elit at diam dictum placerat. Donec eros augue, ultricies gravida malesuada non, lobortis ac sem. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis sollicitudin est ligula, eget venenatis risus auctor nec. Sed pulvinar metus nec libero bibendum vulputate.

Karamatsu matsuno

Lorem ipsum dolor sit amet, consectetur adipiscing elit. In mollis sapien eu semper condimentum. Duis suscipit ex in vestibulum auctor.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. In mollis sapien eu semper condimentum. Duis suscipit ex in vestibulum auctor. Maecenas hendrerit finibus dignissim. Vestibulum lacinia eu diam id blandit. Proin vel nunc metus. Donec molestie elit at diam dictum placerat. Donec eros augue, ultricies gravida malesuada non, lobortis ac sem. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis sollicitudin est ligula, eget venenatis risus auctor nec. Sed pulvinar metus nec libero bibendum vulputate.

Choromatsu matsuno

Lorem ipsum dolor sit amet, consectetur adipiscing elit. In mollis sapien eu semper condimentum. Duis suscipit ex in vestibulum auctor.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. In mollis sapien eu semper condimentum. Duis suscipit ex in vestibulum auctor. Maecenas hendrerit finibus dignissim. Vestibulum lacinia eu diam id blandit. Proin vel nunc metus. Donec molestie elit at diam dictum placerat. Donec eros augue, ultricies gravida malesuada non, lobortis ac sem. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis sollicitudin est ligula, eget venenatis risus auctor nec. Sed pulvinar metus nec libero bibendum vulputate.

Ichimatsu matsuno

Lorem ipsum dolor sit amet, consectetur adipiscing elit. In mollis sapien eu semper condimentum. Duis suscipit ex in vestibulum auctor.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. In mollis sapien eu semper condimentum. Duis suscipit ex in vestibulum auctor. Maecenas hendrerit finibus dignissim. Vestibulum lacinia eu diam id blandit. Proin vel nunc metus. Donec molestie elit at diam dictum placerat. Donec eros augue, ultricies gravida malesuada non, lobortis ac sem. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis sollicitudin est ligula, eget venenatis risus auctor nec. Sed pulvinar metus nec libero bibendum vulputate.

Jyuushimatsu matsuno

Lorem ipsum dolor sit amet, consectetur adipiscing elit. In mollis sapien eu semper condimentum. Duis suscipit ex in vestibulum auctor.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. In mollis sapien eu semper condimentum. Duis suscipit ex in vestibulum auctor. Maecenas hendrerit finibus dignissim. Vestibulum lacinia eu diam id blandit. Proin vel nunc metus. Donec molestie elit at diam dictum placerat. Donec eros augue, ultricies gravida malesuada non, lobortis ac sem. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis sollicitudin est ligula, eget venenatis risus auctor nec. Sed pulvinar metus nec libero bibendum vulputate.

Todomatsu matsuno

Lorem ipsum dolor sit amet, consectetur adipiscing elit. In mollis sapien eu semper condimentum. Duis suscipit ex in vestibulum auctor.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. In mollis sapien eu semper condimentum. Duis suscipit ex in vestibulum auctor. Maecenas hendrerit finibus dignissim. Vestibulum lacinia eu diam id blandit. Proin vel nunc metus. Donec molestie elit at diam dictum placerat. Donec eros augue, ultricies gravida malesuada non, lobortis ac sem. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis sollicitudin est ligula, eget venenatis risus auctor nec. Sed pulvinar metus nec libero bibendum vulputate.



Code:
<style>@import url('https://fonts.googleapis.com/css?family=Montserrat:900|PT+Sans|Playfair+Display:900');.family * { box-sizing: content-box; }.family {width: 600px;border: 1px solid #e0e0e0;font-family: 'PT Sans', sans-serif;padding: 10px;background: #fcfcfc;position: relative;margin: 0 auto 10px;}.family > div:first-child {border: 1px solid #e3e3e3;padding: 30px;background-image: url("https://www.toptal.com/designers/subtlepatterns/patterns/concrete-texture.png");}.family > div > div {border: 1px solid #dbdbdb;padding: 30px;background: #fff;}.family h1 {margin: 0 0 30px;font-family: 'Playfair Display', serif;border: 1px solid #000;font-family: 'Montserrat', sans-serif;font-size: 25px;text-transform: uppercase;text-align: center;}.family-item {display: flex;margin-bottom: 20px;}.family-item:last-child {margin-bottom: 0px;}.family-item:nth-child(even) {flex-direction: row-reverse;}.family-icon {height: 100px;width: 100px;padding: 5px;border: 1px solid #ccc;margin-right: 20px;}.family-icon img {width: 100px;height: 100px;}.family-item:nth-child(even) .family-icon {margin-right: 0px;margin-left: 20px;}.family-bloc {display: flex;flex-direction: column;height: 100px;align-self: center;border-right: 10px solid violet;padding-right: 10px;border-image: linear-gradient(to bottom,#db6a92,#fff) 1 100%;}.family-item:nth-child(even) .family-bloc {border-left: 10px solid #db6a92;padding-left: 10px;border-right: 0;padding-right: 0;}.family-bloc h2 {line-height: 1.526;font-family: 'Montserrat', sans-serif;margin: 0;font-size: 25px;text-transform: lowercase;font-weight: 900;letter-spacing: -1px;background:#db6a92;background: linear-gradient(to bottom,#fff 0%,#db6a92 100%);-webkit-text-fill-color: transparent;-webkit-background-clip: text;}.family-item:nth-child(2) .family-bloc h2 {background: #8b9dd6;background: linear-gradient(to bottom, #fff 0%,#8b9dd6 100%);-webkit-text-fill-color: transparent;-webkit-background-clip: text;}.family-item:nth-child(2) .family-bloc {border-image: linear-gradient(to bottom,#8b9dd6,#fff) 1 100%;}.family-item:nth-child(3) .family-bloc h2 {background: #dbe7a6;background: linear-gradient(to bottom, #fff, #dbe7a6 100%);-webkit-text-fill-color: transparent;-webkit-background-clip: text;}.family-item:nth-child(3) .family-bloc {border-image: linear-gradient(to bottom,#dbe7a6,#fff) 1 100%;}.family-item:nth-child(4) .family-bloc h2 {background: rgb(219, 106, 146);background: linear-gradient(to bottom, #fff, #9e73c3 100%);-webkit-text-fill-color: transparent;-webkit-background-clip: text;}.family-item:nth-child(4) .family-bloc {border-image: linear-gradient(to bottom,#9e73c3,#fff) 1 100%;}.family-item:nth-child(5) .family-bloc h2 {background: #ebcf7b;background: linear-gradient(to bottom, #fff, #ebcf7b 100%);-webkit-text-fill-color: transparent;-webkit-background-clip: text;}.family-item:nth-child(5) .family-bloc {border-image: linear-gradient(to bottom,#ebcf7b,#fff) 1 100%;}.family-item:nth-child(6) .family-bloc h2 {background: #bf73b4;background: linear-gradient(to bottom, #fff, #bf73b4 100%);-webkit-text-fill-color: transparent;-webkit-background-clip: text;}.family-item:nth-child(6) .family-bloc {border-image: linear-gradient(to bottom,#bf73b4,#fff) 1 100%;}.family-bloc h3 {margin: 5px 0 10px;font-size: 8px;text-transform: uppercase;font-weight: normal;line-height: 11px;color: #aaa;}.family-bloc p {margin: 0;font-size: 10px;line-height: 12px;flex: 1;overflow: auto;text-align: justify;padding-right: 10px;}.family-bloc p::-webkit-scrollbar {width: 2px;}.family-bloc p::-webkit-scrollbar-track {background-color: #efefef;}.family-bloc p::-webkit-scrollbar-thumb {background-color: #ccc;}.family-credit {position: absolute;bottom: -18px;left: 0;}.family-credit a {font-size: 8px;text-transform: uppercase;letter-spacing: 1px;color: #ccc!important;text-decoration: none!important;}</style>
<div class="family"><div><div><!--
  1ER BLOC
--><div class="family-item"><div class="family-icon"><!--
--><img src="https://i.imgur.com/uRwwsS2.png" /><!--
--></div><div class="family-bloc"><!--
--><h2>Osomatsu matsuno</h2><!--
--><h3>Lorem ipsum dolor sit amet, consectetur adipiscing elit. In mollis sapien eu semper condimentum. Duis suscipit ex in vestibulum auctor.</h3><!--
--><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. In mollis sapien eu semper condimentum. Duis suscipit ex in vestibulum auctor. Maecenas hendrerit finibus dignissim. Vestibulum lacinia eu diam id blandit. Proin vel nunc metus. Donec molestie elit at diam dictum placerat. Donec eros augue, ultricies gravida malesuada non, lobortis ac sem. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis sollicitudin est ligula, eget venenatis risus auctor nec. Sed pulvinar metus nec libero bibendum vulputate.</p><!--
--></div></div><!--

2EME BLOC
--><div class="family-item"><div class="family-icon"><!--
--><img src="https://i.imgur.com/pRZg6T1.png" /><!--
--></div><div class="family-bloc"><!--
--><h2>Karamatsu matsuno</h2><!--
--><h3>Lorem ipsum dolor sit amet, consectetur adipiscing elit. In mollis sapien eu semper condimentum. Duis suscipit ex in vestibulum auctor.</h3><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. In mollis sapien eu semper condimentum. Duis suscipit ex in vestibulum auctor. Maecenas hendrerit finibus dignissim. Vestibulum lacinia eu diam id blandit. Proin vel nunc metus. Donec molestie elit at diam dictum placerat. Donec eros augue, ultricies gravida malesuada non, lobortis ac sem. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis sollicitudin est ligula, eget venenatis risus auctor nec. Sed pulvinar metus nec libero bibendum vulputate.</p><!--
--></div></div><!--

3EME BLOC
--><div class="family-item"><div class="family-icon"><!--
--><img src="https://i.imgur.com/LBYEmoS.png" /><!--
--></div><div class="family-bloc"><!--
--><h2>Choromatsu matsuno</h2><!--
--><h3>Lorem ipsum dolor sit amet, consectetur adipiscing elit. In mollis sapien eu semper condimentum. Duis suscipit ex in vestibulum auctor.</h3><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. In mollis sapien eu semper condimentum. Duis suscipit ex in vestibulum auctor. Maecenas hendrerit finibus dignissim. Vestibulum lacinia eu diam id blandit. Proin vel nunc metus. Donec molestie elit at diam dictum placerat. Donec eros augue, ultricies gravida malesuada non, lobortis ac sem. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis sollicitudin est ligula, eget venenatis risus auctor nec. Sed pulvinar metus nec libero bibendum vulputate.</p><!--
--></div></div><!--

4EME BLOC
--><div class="family-item"><div class="family-icon"><!--
--><img src="https://i.imgur.com/D1DWl0I.png" /><!--
--></div><div class="family-bloc"><!--
--><h2>Ichimatsu matsuno</h2><!--
--><h3>Lorem ipsum dolor sit amet, consectetur adipiscing elit. In mollis sapien eu semper condimentum. Duis suscipit ex in vestibulum auctor.</h3><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. In mollis sapien eu semper condimentum. Duis suscipit ex in vestibulum auctor. Maecenas hendrerit finibus dignissim. Vestibulum lacinia eu diam id blandit. Proin vel nunc metus. Donec molestie elit at diam dictum placerat. Donec eros augue, ultricies gravida malesuada non, lobortis ac sem. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis sollicitudin est ligula, eget venenatis risus auctor nec. Sed pulvinar metus nec libero bibendum vulputate.</p><!--
--></div></div><!--

5EME BLOC
--><div class="family-item"><div class="family-icon"><!--
--><img src="https://i.imgur.com/53KcMPr.png" /><!--
--></div><div class="family-bloc"><!--
--><h2>Jyuushimatsu matsuno</h2><!--
--><h3>Lorem ipsum dolor sit amet, consectetur adipiscing elit. In mollis sapien eu semper condimentum. Duis suscipit ex in vestibulum auctor.</h3><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. In mollis sapien eu semper condimentum. Duis suscipit ex in vestibulum auctor. Maecenas hendrerit finibus dignissim. Vestibulum lacinia eu diam id blandit. Proin vel nunc metus. Donec molestie elit at diam dictum placerat. Donec eros augue, ultricies gravida malesuada non, lobortis ac sem. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis sollicitudin est ligula, eget venenatis risus auctor nec. Sed pulvinar metus nec libero bibendum vulputate.</p><!--
--></div></div><!--

6EME BLOC
--><div class="family-item"><div class="family-icon"><!--
--><img src="https://i.imgur.com/lpGDvcQ.png" /><!--
--></div><div class="family-bloc"><!--
--><h2>Todomatsu matsuno</h2><!--
--><h3>Lorem ipsum dolor sit amet, consectetur adipiscing elit. In mollis sapien eu semper condimentum. Duis suscipit ex in vestibulum auctor.</h3><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. In mollis sapien eu semper condimentum. Duis suscipit ex in vestibulum auctor. Maecenas hendrerit finibus dignissim. Vestibulum lacinia eu diam id blandit. Proin vel nunc metus. Donec molestie elit at diam dictum placerat. Donec eros augue, ultricies gravida malesuada non, lobortis ac sem. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis sollicitudin est ligula, eget venenatis risus auctor nec. Sed pulvinar metus nec libero bibendum vulputate.</p><!--
--></div></div><!--
--></div></div><div class="family-credit"><a href="http://terrible.forumactif.org/" target="_blank">Awful</a></div></div>
Revenir en haut Aller en bas
https://snake-test.forumgratuit.org
Snake
La nature se rit des souffrances humaines
Snake


Messages : 2591
Date d'inscription : 08/01/2012

Codes et prez - Page 12 Empty
MessageSujet: Re: Codes et prez   Codes et prez - Page 12 Icon_minitimeLun 19 Nov - 21:30



Codes et prez - Page 12 9845a3a5fc651f879d8956b82efeba77c99a3e6a_128

Dead Master

Innocence is a kind of insanity

Like you, I used to think the world was this great place where everybody lived by the same standards I did, then some kid with a nail showed me I was living in his world, a world where chaos rules not order, a world where righteousness is not rewarded. That's Cesar's world, and if you're not willing to play by his rules, then you're gonna have to pay the price.


Code:
<style>@import (url:'https://fonts.googleapis.com/css?family=Roboto:400,900'); .tracker-wrap * { box-sizing: border-box; } .tracker-wrap { width: 450px; height: 250px; background-color: #EAF1E9; position: relative; font-family: 'Roboto', sans-serif; margin: 0 auto 10px; box-sizing: border-box; } .tracker-wrap a, .tracker-wrap a:hover { text-decoration: none!important; } .tracker-header { height: 80px; width: 100%; background-color: #48534F; position: relative; } .tracker-header:after { content: ""; border-style: solid; border-width: 30px 450px 0 0; border-color: #48534F transparent transparent transparent; position: absolute; bottom: -30px; } .tracker-header img { position: absolute; width: 100px; height: 100px; border-radius: 50%; border: 5px solid #48534F; z-index: 2; left: 15px; bottom: -60px; } .tracker-header h2 { position: absolute; margin: 20px 0 0 140px; white-space: nowrap; text-transform: lowercase; color: #D6F0A6; font-size: 30px; font-family: inherit; font-weight: 900; line-height: 1.4em;} .tracker-header h3 { position: absolute; margin: 55px 0 0 140px; white-space: nowrap; text-transform: uppercase; font-weight: normal; font-size: 7px; color: #DEDDD8; letter-spacing: 1px; font-family: inherit;line-height: 1.3em; } .tracker { width: 310px; position: absolute; right: 10px; top: 110px; } .tracker label { padding: 0px 5px; position: relative; display: inline-block; float: left; height: 15px; cursor: pointer; color: #DEDDD8; line-height: 16px; font-size: 8px; letter-spacing: 1px; background: #48534F; margin: 0 10px 0 0; text-transform: uppercase; transition: all 0.3s; font-weight: bold; } .tracker label:hover { background: #252F2B; } .tracker input:checked + label,.tracker input:checked + label:hover { background: #bddb86; color: #fff; } .tracker input { display: none; } .tracker article { background: #fff; margin-top: 30px; overflow: hidden; height: 100px; transform: scale(0); position: absolute; width: 310px; transition: all 0.5s linear; padding: 10px 15px; box-sizing: border-box; overflow: auto; font-size: 11px; line-height: 110%; text-align: justify; } .tracker article div::before { content: "►"; position: absolute; margin-left: -10px; color: #bddb86; font-size: 9px; margin-top: -1px; } .tracker article div i { font-size: 9px; display: block; } .tracker article div a { font-size: 9px; letter-spacing: 1px; color: #b2afbf; font-weight: bold; text-transform: uppercase; transition: all 0.3s; } .tracker article div a:hover { color: #48534F; } .tracker input:checked + label + article { transform: scale(1); } .credit { width: 100%; position: absolute; bottom: -14px; text-align: center; } .credit a { color: #ccc!important; letter-spacing: 1px; font-size: 8px; } .tracker article::-webkit-scrollbar { width: 4px; } .tracker article::-webkit-scrollbar-track { background-color: #A1A2A7; } .tracker article::-webkit-scrollbar-thumb { background-color: #48534F; }</style>

<div class="tracker-wrap"><div class="tracker-header"><img src="http://pa1.narvii.com/6423/9845a3a5fc651f879d8956b82efeba77c99a3e6a_128.gif" alt="" /><h2>Dead Master</h2><h3>Innocence is a kind of insanity</h3></div><div class="tracker"><!--

*** Case 1 ***
--><input id="case-1" name="tracker" type="radio" checked /><label for="case-1">About</label><!--
--><article>Like you, I used to think the world was this great place where everybody lived by the same standards I did, then some kid with a nail showed me I was living in his world, a world where chaos rules not order, a world where righteousness is not rewarded. That's Cesar's world, and if you're not willing to play by his rules, then you're gonna have to pay the price.</article><!--

*** Case 2 ***
--><input id="case-2" name="tracker" type="radio" /><label for="case-2">RPs en cours</label><!--
--><article><div><a href="#">Titre du RP</a><i>Feat nom du personnage</i></div>
<div><a href="#">Titre du RP</a><i>Feat nom du personnage</i></div>
<div><a href="#">Titre du RP</a><i>Feat nom du personnage</i></div>
<div><a href="#">Titre du RP</a><i>Feat nom du personnage</i></div>
<div><a href="#">Titre du RP</a><i>Feat nom du personnage</i></div>
<div><a href="#">Titre du RP</a><i>Feat nom du personnage</i></div>
</article><!--

*** Case 3 ***
--><input id="case-3" name="tracker" type="radio" /><label for="case-3">RPs terminés</label><!--
--><article><div><a href="#">Titre du RP</a><i>Feat nom du personnage</i></div>
<div><a href="#">Titre du RP</a><i>Feat nom du personnage</i></div>
<div><a href="#">Titre du RP</a><i>Feat nom du personnage</i></div>
</article></div><div class="credit"><a href="http://terrible.forumactif.org/" target="_blank">AWFUL</a></div></div>
Revenir en haut Aller en bas
https://snake-test.forumgratuit.org
Snake
La nature se rit des souffrances humaines
Snake


Messages : 2591
Date d'inscription : 08/01/2012

Codes et prez - Page 12 Empty
MessageSujet: Re: Codes et prez   Codes et prez - Page 12 Icon_minitimeLun 19 Nov - 21:30


Prénom Nom

En cours

Finis / Abandonnés



Code:
<link href='https://fonts.googleapis.com/css?family=Montserrat:700,400|Roboto' rel='stylesheet' type='text/css'><style>.wrap-tracker {width: 500px;height: 220px;margin: auto;position: relative;}.wrap-tracker a {text-decoration: none!important;}.tracker-side {background-color: #f1f1f1;height: 200px;width: 180px;position: absolute;padding: 10px;}.tracker-img {height: 150px;width: 150px;margin: auto;border-radius: 100%;border: 5px solid #fff;background-color: #fff;z-index: 2;position: relative;}.tracker-img img {height: 150px;width: 150px;border-radius: 100%;opacity: 1;transform: rotate(0deg);transition: 0.3s all;}.tracker-img-links {width: 150px;text-align: center;margin-top: -85px;position: absolute;}.tracker-img-links a{display: inline-block;width: 50px;background-color: #fff;margin: 3px;text-align: center;font: 11px 'Montserrat', sans-serif;text-transform: uppercase;opacity: 0;transition: 0.3s all}.tracker-img-links a:hover{background-color: #007bff;color: #fff;}.tracker-img:hover img {transform: rotate(40deg);opacity: 0.5;}.tracker-img:hover .tracker-img-links a {opacity: 1;}.tracker-side h2 {font: 15px/100% 'Montserrat', sans-serif;letter-spacing: -1px;font-weight: 800;text-align: center;text-transform: uppercase;text-shadow: -1px 0 0 #000;color: #007bff;}.tracker-side:after {content: "";width: 0;height: 0;border-style: solid;border-width: 150px 200px 0 0;border-color: #007bff transparent transparent transparent;position: absolute;left: 0px;top: 0;z-index: 0;}.tracker-case {width: 295px;height: 108px;background-color: #f1f1f1;position: absolute;right: 0;overflow: hidden;}.bas {bottom: 0;}.tracker-case h3 {font: 20px 'Montserrat', sans-serif;letter-spacing: -1px;font-weight: 700;text-align: right;text-transform: lowercase;text-shadow: -1px 0 0 #000;color: #007bff;margin: 0;padding-right: 15px;}.tracker-content {width: 285px;height: 62px;padding: 10px 20px 10px 10px;overflow: auto;}.tracker-links {width: 270px;text-align: justify;font: 10px 'Roboto', sans-serif;}lien a {background-color: #007bff;color: #fff!important;padding: 0 3px;width: auto;text-transform: uppercase;font-family:'Montserrat', sans-serif;transition: 0.4s all ease-in-out;}lien a:hover {background-color: #fff;color: #007bff!important;}lien div {margin-bottom: 3px;}.tracker-credit a {position: absolute;bottom: -15px;left: 10px;color: #ccc;font: 8px 'Roboto', sans-serif; letter-spacing: 1.5px;}</style>
<div class="wrap-tracker"><div class="tracker-side"><div class="tracker-img"><img src="http://placehold.it/150x150" alt="" /><div class="tracker-img-links"><a href="#">Fiche</a><a href="#">Liens</a></div></div><h2>Prénom Nom</h2></div><!--

**** Les RPs en cours ****
--><div class="tracker-case"><h3>En cours</h3><div class="tracker-content"><div class="tracker-links"><!--
--><lien><a href="#">Titre du topic</a><div>Feat nom du personnage</div></lien>
<lien><a href="#">Titre du topic</a><div>Feat nom du personnage</div></lien>
<lien><a href="#">Titre du topic</a><div>Feat nom du personnage</div></lien>
<lien><a href="#">Titre du topic</a><div>Feat nom du personnage</div></lien></div></div></div><!--

**** Les RPs terminés / abandonnés ****
--><div class="tracker-case bas"><h3>Finis / Abandonnés</h3><div class="tracker-content"><div class="tracker-links"><!--
--><lien><a href="#">Titre du topic</a><div>Feat nom du personnage</div></lien>
<lien><a href="#">Titre du topic</a><div>Feat nom du personnage</div></lien>
<lien><a href="#">Titre du topic</a><div>Feat nom du personnage</div></lien>
<lien><a href="#">Titre du topic</a><div>Feat nom du personnage</div></lien></div></div></div><div class="tracker-credit"><a href="http://terrible.forumactif.org/" target="_blank">AWFUL</a></div></div>
Revenir en haut Aller en bas
https://snake-test.forumgratuit.org
Snake
La nature se rit des souffrances humaines
Snake


Messages : 2591
Date d'inscription : 08/01/2012

Codes et prez - Page 12 Empty
MessageSujet: Re: Codes et prez   Codes et prez - Page 12 Icon_minitimeLun 19 Nov - 21:31


Name surname

Group name

Libre
Âge
Métier

Caractère

  • Trait de caractère
  • Trait de caractère
  • Trait de caractère
  • Trait de caractère
  • Trait de caractère
  • Trait de caractère
  • Trait de caractère
  • Trait de caractère

Histoire

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?


Code:
<style>@import url('https://fonts.googleapis.com/css?family=Hind+Siliguri:400,700|Raleway:400,900');.wrap-pred {width: 500px;height: 400px;overflow: hidden;margin: auto;position: relative;font-family: 'Hind Siliguri', sans-serif;color:#000;}.avatar-pred {position: absolute;width: 250px;height: 400px;}.infos-pred {width: 250px;height: 400px;background-color: #f3f3f3;position: absolute;top: -400px;transition: all 0.3s;}.wrap-pred:hover .infos-pred {top: 0;}.name {position: absolute;left: 250px;top: 0;}.infos-pred h2 {color:#000;font-size: 24px;font-family: 'Raleway', sans-serif;font-weight: 400;text-transform: uppercase;text-align: center;margin: 150px 0 0;}.infos-pred h3 {color:#000;font: 200 11px 'Raleway', sans-serif;text-transform: lowercase;text-align: center;margin: 0 0 15px 0;}.infos-pred h4 {font: 900 15px 'Raleway', sans-serif;text-transform: uppercase;margin: 0;padding: 10px 10px 0;letter-spacing: 1px;}.icon {position: absolute;margin-left: 75px;transform: translate(0, -100%);transition: all 0.4s;width: 100px;height: 100px;}.wrap-pred:hover .icon {transform: translate(0, 0);}.nm {transform: translate(0, 0);transition: all 0.4s;}.wrap-pred:hover .nm {transform: translate(0, -40px);}.statut {font: 25px 'Raleway', sans-serif;text-transform: uppercase;text-align: center;border: 1px solid #000;width: 70%;margin: auto;transform: translate(0, 0);transition: all 0.4s;}.libre {color: #70E669;border-color: #70E669;}.reserve {color: #FFB279;border-color: #FFB279;}.pris {color: #F35454;border-color: #F35454;}.wrap-pred:hover .statut {transform: translate(0, -300px);}.hover-pred {width: 80%;margin: auto;line-height: 140%;text-transform: uppercase;font-size: 10px;letter-spacing: 1px;transform: translate(0, 200px);transition: all 0.4s;}.wrap-pred:hover .hover-pred {transform: translate(0, -50px);}.cara {height: 170px;overflow: auto;}.hist {height: 140px;width: 90%;line-height: 130%;font-size: 11px;text-align: justify;overflow: auto;margin: auto;padding: 5px;}.cara ul {padding: 0;margin: 0}.cara ul li {list-style-type: none;background-color: #e3e3e3;margin: 2px 0;font-size: 10px;padding: 0 5px;}.cara ul li:nth-child(even) {text-align: right;}.pred-credit {position: absolute;right: 5px;bottom: 5px;}.pred-credit a {text-decoration: none !important;font-size: 8px;text-transform: uppercase;letter-spacing: 1px;color: #bababa !important;}</style>
<div class="wrap-pred"><!--
--><img src="http://placehold.it/250x400" class="avatar-pred"><div class="infos-pred name"><!--
--><img src="http://placehold.it/100x100" class="icon"><div class="nm"><!--
--><h2><b>Name</b> surname</h2><!--
--><h3>Group name</h3></div><!--
--><div class="statut libre">Libre</div><div class="hover-pred"><!--
--><div>Âge</div><!--
--><div>Métier</div><!--
--></div></div><div class="infos-pred"><h4>Caractère</h4><div class="cara"><ul><!--
--><li>Trait de caractère</li><!--
--><li>Trait de caractère</li><!--
--><li>Trait de caractère</li><!--
--><li>Trait de caractère</li><!--
--><li>Trait de caractère</li><!--
--><li>Trait de caractère</li><!--
--><li>Trait de caractère</li><!--
--><li>Trait de caractère</li></ul></div><!--
--><h4>Histoire</h4><!--
--><div class="hist">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><div class="pred-credit"><a href="http://terrible.forumactif.org/" target="_blank">Awful</a></div></div>
Revenir en haut Aller en bas
https://snake-test.forumgratuit.org
Snake
La nature se rit des souffrances humaines
Snake


Messages : 2591
Date d'inscription : 08/01/2012

Codes et prez - Page 12 Empty
MessageSujet: Re: Codes et prez   Codes et prez - Page 12 Icon_minitimeLun 19 Nov - 21:32


How to be happy

Decide every morning that you are in a good mood

Codes et prez - Page 12 150x150Codes et prez - Page 12 150x150Codes et prez - Page 12 150x150Codes et prez - Page 12 150x150Codes et prez - Page 12 150x150Codes et prez - Page 12 150x150Codes et prez - Page 12 150x150Codes et prez - Page 12 150x150Codes et prez - Page 12 150x150


Code:
<link href='https://fonts.googleapis.com/css?family=Courgette|Roboto' rel='stylesheet' type='text/css'><style>.wrap-mood * { box-sizing: border-box; }.wrap-mood {box-sizing: border-box;width: 500px;margin: 0 auto 10px;position: relative;background-color: #fff;border: 1px solid #ccc;text-align: center;padding: 10px;}.wrap-mood h2 {margin: 0;font: 28px 'Courgette', cursive;text-shadow: 2px 0 0 #fff, 3px 0 0 #ccc;}.wrap-mood h3 {border-top: 1px solid #ccc;display: inline;padding: 0 20px;font: 10px calibri, sans-serif;letter-spacing: 1px;}.mood-content {border: 1px solid #ccc;height: 480px;padding-top: 2px;margin-top: 10px;}.wrap-mood img {margin: 4px;border: 1px solid #ccc;padding: 3px; height: 150px; width: 150px;vertical-align: middle;}.credit a {position: absolute;margin-top: 13px;color: #ccc!important;text-decoration: none!important;font: 8px 'Roboto', sans-serif;letter-spacing: 1px;}</style>
<div class="wrap-mood"><!--
--><h2>How to be happy</h2><!--
--><h3>Decide every morning that you are in a good mood</h3><!--
--><div class="mood-content"><!--
--><img src="http://placehold.it/150x150" alt="" /><!--
--><img src="http://placehold.it/150x150" alt="" /><!--
--><img src="http://placehold.it/150x150" alt="" /><!--

--><img src="http://placehold.it/150x150" alt="" /><!--
--><img src="http://placehold.it/150x150" alt="" /><!--
--><img src="http://placehold.it/150x150" alt="" /><!--

--><img src="http://placehold.it/150x150" alt="" /><!--
--><img src="http://placehold.it/150x150" alt="" /><!--
--><img src="http://placehold.it/150x150" alt="" /><!--
--></div><!--
--><div class="credit"><a href="http://terrible.forumactif.org/" target="_blank"></> awful</a></div></div>
Revenir en haut Aller en bas
https://snake-test.forumgratuit.org
Snake
La nature se rit des souffrances humaines
Snake


Messages : 2591
Date d'inscription : 08/01/2012

Codes et prez - Page 12 Empty
MessageSujet: Re: Codes et prez   Codes et prez - Page 12 Icon_minitimeLun 19 Nov - 21:32


Here's a note for you

// for my lovely fellows

Texte ici


Code:
<link href="https://fonts.googleapis.com/css?family=Arimo:400,700|Montserrat:700" rel="stylesheet"> <style>.awf-note {width: 280px;margin: auto;position: relative;background-color: #e0ecde;font-family: 'Arimo', sans-serif;border: 1px solid #333;}.awf-note-header {background: #333;padding: 30px 15px 10px;line-height: 1em;}.awf-note-header h2 {margin: 0;font-family: 'Montserrat', sans-serif;font-weight: 700;text-transform: uppercase;font-size: 10px;color: #91bd8a;}.awf-note-header h3 {margin: 0;text-transform: uppercase;font-size: 7px;color: #5d7259;letter-spacing: 1px;}.awf-note-content {width: 80%;margin: 20px auto;font-size: 10px;line-height: 110%;text-align: justify;color: #333;}.awf-note-credit {position: absolute;bottom: -16px;left: 0;}.awf-note-credit a {font-size: 6px;letter-spacing: 1px;color: #b1b1b1!important;text-decoration: none!important;text-transform: uppercase;}</style>
<div class="awf-note"><div class="awf-note-header"><!--
--><h2>Here's a note for you</h2><!--
--><h3>// for my lovely fellows</h3></div><!--
--><div class="awf-note-content">Texte ici </div><div class="awf-note-credit"><a href="http://terrible.forumactif.org/" target="_blank">awful</a></div></div>
Revenir en haut Aller en bas
https://snake-test.forumgratuit.org
Snake
La nature se rit des souffrances humaines
Snake


Messages : 2591
Date d'inscription : 08/01/2012

Codes et prez - Page 12 Empty
MessageSujet: Re: Codes et prez   Codes et prez - Page 12 Icon_minitimeLun 19 Nov - 21:33


Awful

Dit :

Votre texte ici
La bulle s'agrandira selon la quantité de texte. Écrivez autant que vous voulez.
Allez une dernière.


Code:
<style>@import url('https://fonts.googleapis.com/css?family=Montserrat:900|PT+Sans');.im-persona {width: 400px;font-family: 'PT Sans', sans-serif;padding: 10px;background: rgb(212, 212, 212);border: 1px solid #bcbcbc;margin: auto;position: relative;}.im-persona-head {display: flex;padding: 20px;background-image: url("https://i.imgur.com/iWmrmW9.png");}.im-persona-icon {width: 100px;height: 100px;margin-right: 20px;border-radius: 50%;border-style: solid;border-width: 2px;padding: 10px;position: relative;}.im-persona-icon:before {content:"";left: -2px;top: -2px;position: absolute;width: 124px;height: 124px;margin-right: 20px;border-radius: 50%;border-style: solid;border-width: 2px;border-color: #999 #fff #999 #fff;padding: 10px;background: rgba(255,255,255,0.5);box-shadow: 0 0 0 5px rgba(255,255,255,0.3);animation: tourne 1s linear infinite;box-sizing: border-box;}.im-persona-icon img {width: 100px;height: 100px;border-radius: 50%;transform: rotate(0deg);}.im-persona-icon + div {align-self: center;box-sizing: border-box;height: 124px;overflow: hidden;flex: 1;}.im-persona-content {transform: translate(0, -124px);background: #fff;height: 124px;flex: 1;height: 124px;border: 10px solid #fff;box-sizing: border-box;overflow: auto;border-radius: 3px;transition: all 0.3s;}.im-persona-head h2 {font-family: 'Montserrat', sans-serif;font-size: 30px;font-weight: 900;margin: 0;line-height: 0.9;color: #cb171c;}.im-persona-head h3 {margin: 0 0 5px;font-size: 11px;font-weight: normal;text-transform: uppercase;letter-spacing: 1px;}.im-persona-bubble {background: rgb(228, 228, 228);font-size: 10px;padding: 8px;border-radius: 3px;position: relative;margin-left: 10px;margin-bottom: 8px;}.im-persona-bubble:last-child {margin-bottom: 0px;}.im-persona-bubble:after {content:"";position: absolute;left: -10px;top: calc(50% - 5px);width: 0;height: 0;border-style: solid;border-width: 5px 10px 5px 0;border-color: transparent rgb(228, 228, 228) transparent transparent;}.im-persona-label {height: 124px;transition: all 0.3s;transform: translate(0, -124px);line-height: 124px;}.im-persona-label label {color: #fff;font-family: 'Montserrat', sans-serif;font-size: 25px;font-weight: 900;text-transform: uppercase;border-top: 5px solid #cb171c;border-bottom: 5px solid #cb171c;padding: 10px 0;cursor: crosshair;transition: all 0.3s;}.im-persona input {display: none;}.im-persona input:checked + div + div .im-persona-content,.im-persona input:checked + div + div .im-persona-label{transform: translate(0,0);}.im-persona input:checked + div > label{cursor: crosshair;}.im-persona input + div > label {cursor: auto;}.im-persona-credit {position: absolute;bottom: -18px;left: 0;}.im-persona-credit a {text-decoration: none!important;font-size: 8px;text-transform: uppercase;letter-spacing: 1px;}.im-persona-content:nth-child(2)::-webkit-scrollbar { width: 2px;}.im-persona-content:nth-child(2)::-webkit-scrollbar-track { background-color: #efefef;}.im-persona-content:nth-child(2)::-webkit-scrollbar-thumb { background-color: #cf8d8d; }@keyframes tourne {0% {transform: rotate(0deg);}100% {transform: rotate(360deg);}}</style>
<div class="im-persona"><div class="im-persona-credit"><a href="http://terrible.forumactif.org/" target="_blank">Awful</a></div><div class="im-persona-head"><input type="radio" id="im-persona" name="im-persona"><div class="im-persona-icon"><label for="close"><input type="radio" name="im-persona" id="close"><!--
--><img src="https://i.imgur.com/EqiT1qR.jpg"><!--
--></label></div><div><div class="im-persona-content"><!--
--><h2>Awful</h2><!--
--><h3>Dit :</h3><!--
--><div class="im-persona-bubble">Votre texte ici</div><!--
--><div class="im-persona-bubble">La bulle s'agrandira selon la quantité de texte. Écrivez autant que vous voulez.</div><!--
--><div class="im-persona-bubble">Allez une dernière.</div><!--
--></div><div class="im-persona-label"><label for="im-persona">New message</label></div></div></div></div>
Revenir en haut Aller en bas
https://snake-test.forumgratuit.org
Snake
La nature se rit des souffrances humaines
Snake


Messages : 2591
Date d'inscription : 08/01/2012

Codes et prez - Page 12 Empty
MessageSujet: Re: Codes et prez   Codes et prez - Page 12 Icon_minitimeMar 20 Nov - 21:34


Bottin

○ Avatar ▬ Nom du personnage
○ Avatar ▬ Nom du personnage
○ Avatar ▬ Nom du personnage
○ Avatar ▬ Nom du personnage
○ Avatar ▬ Nom du personnage
○ Avatar ▬ Nom du personnage
○ Avatar ▬ Nom du personnage
○ Avatar ▬ Nom du personnage
○ Avatar ▬ Nom du personnage

Scénarios
○ Avatar ▬ Nom du scénario
○ Avatar ▬ Nom du scénario
○ Avatar ▬ Nom du scénario
○ Avatar ▬ Nom du scénario
○ Avatar ▬ Nom du scénario
○ Avatar ▬ Nom du scénario
○ Avatar ▬ Nom du scénario
○ Avatar ▬ Nom du scénario
○ Avatar ▬ Nom du scénario
○ Avatar ▬ Nom du scénario
○ Avatar ▬ Nom du scénario
○ Avatar ▬ Nom du scénario

codage by Laxy Dunbar



Code:
<center><link href="https://fonts.googleapis.com/css?family=Bangers" rel="stylesheet"><div style="width: 460px; height: auto; background-color : #B3B6B7; border: 2px solid #D0D3D4; border-radius : 35px 35px 35px 35px; "></br><span style="color:#424949;font-family:'Bangers', cursive;letter-spacing : 2px; font-size: 42px; text-shadow: 2px 0px 2px">Bottin</span></br></br><div style=" width: 380px ; background-color : #D0D3D4; height: auto; border-radius: 15px 15px 15px 15px; text-align: justify; color: #4D5656; font-family: 'Bangers', cursive; font-size: 12px; padding: 15px;">○ Avatar ▬ Nom du personnage
○ Avatar ▬ Nom du personnage
○ Avatar ▬ Nom du personnage
○ Avatar ▬ Nom du personnage
○ Avatar ▬ Nom du personnage
○ Avatar ▬ Nom du personnage
○ Avatar ▬ Nom du personnage
○ Avatar ▬ Nom du personnage
○ Avatar ▬ Nom du personnage</div></br><span style="color:#424949;font-family:'Bangers', cursive;letter-spacing : 2px; font-size: 42px; text-shadow: 2px 0px 2px">Scénarios</span></br><div style=" width: 380px ; background-color : #D0D3D4; height: auto; border-radius: 15px 15px 15px 15px; text-align: justify; color: #4D5656; font-family: 'Bangers', cursive; font-size: 12px; padding: 15px;">○ Avatar ▬ Nom du scénario
○ Avatar ▬ Nom du scénario
○ Avatar ▬ Nom du scénario
○ Avatar ▬ Nom du scénario
○ Avatar ▬ Nom du scénario
○ Avatar ▬ Nom du scénario
○ Avatar ▬ Nom du scénario
○ Avatar ▬ Nom du scénario
○ Avatar ▬ Nom du scénario
○ Avatar ▬ Nom du scénario
○ Avatar ▬ Nom du scénario
○ Avatar ▬ Nom du scénario</div></br><div style="font-size:8px; letter-spacing:3px; text-align:center; color : #424949">codage by Laxy Dunbar</div></br></div></center>


UN TITRE

UN SOUS-TITRE
Un petit blabla ici, comme une sorte d'introduction toute mignonne pour entrer dans le vif du sujet.


UN SOUS-TITRE
Un petit blabla ici, comme une sorte d'introduction toute mignonne pour entrer dans le vif du sujet.


UN SOUS-TITRE
Un petit blabla ici, comme une sorte d'introduction toute mignonne pour entrer dans le vif du sujet.


UN SOUS-TITRE
Un petit blabla ici, comme une sorte d'introduction toute mignonne pour entrer dans le vif du sujet.


UN SOUS-TITRE
Un petit blabla ici, comme une sorte d'introduction toute mignonne pour entrer dans le vif du sujet.

codage by Laxy Dunbar



Code:
<center><link href="https://fonts.googleapis.com/css?family=Bangers" rel="stylesheet"><div style="width: 460px; height: auto; background-color : #B3B6B7; border: 2px solid #D0D3D4; border-radius : 35px 35px 35px 35px; "></br><span style="color:#424949;font-family:'Bangers', cursive;letter-spacing : 2px; font-size: 42px; text-shadow: 2px 0px 2px">UN TITRE</span></br></br><span style="color:#424949;font-family:'Bangers', cursive;letter-spacing : 2px; font-size: 42px; text-shadow: 2px 0px 2px">UN SOUS-TITRE</span></br><div style=" width: 380px ; background-color : #D0D3D4; height: auto; border-radius: 15px 15px 15px 15px; text-align: justify; color: #4D5656; font-family: 'Bangers', cursive; font-size: 12px; padding: 15px;">Un petit blabla ici, comme une sorte d'introduction toute mignonne pour entrer dans le vif du sujet.</div></br></br><span style="color:#424949;font-family:'Bangers', cursive;letter-spacing : 2px; font-size: 42px; text-shadow: 2px 0px 2px">UN SOUS-TITRE</span></br><div style=" width: 380px ; background-color : #D0D3D4; height: auto; border-radius: 15px 15px 15px 15px; text-align: justify; color: #4D5656; font-family: 'Bangers', cursive; font-size: 12px; padding: 15px;">Un petit blabla ici, comme une sorte d'introduction toute mignonne pour entrer dans le vif du sujet.</div></br></br><span style="color:#424949;font-family:'Bangers', cursive;letter-spacing : 2px; font-size: 42px; text-shadow: 2px 0px 2px">UN SOUS-TITRE</span></br><div style=" width: 380px ; background-color : #D0D3D4; height: auto; border-radius: 15px 15px 15px 15px; text-align: justify; color: #4D5656; font-family: 'Bangers', cursive; font-size: 12px; padding: 15px;">Un petit blabla ici, comme une sorte d'introduction toute mignonne pour entrer dans le vif du sujet.</div></br></br><span style="color:#424949;font-family:'Bangers', cursive;letter-spacing : 2px; font-size: 42px; text-shadow: 2px 0px 2px">UN SOUS-TITRE</span></br><div style=" width: 380px ; background-color : #D0D3D4; height: auto; border-radius: 15px 15px 15px 15px; text-align: justify; color: #4D5656; font-family: 'Bangers', cursive; font-size: 12px; padding: 15px;">Un petit blabla ici, comme une sorte d'introduction toute mignonne pour entrer dans le vif du sujet.</div></br></br><span style="color:#424949;font-family:'Bangers', cursive;letter-spacing : 2px; font-size: 42px; text-shadow: 2px 0px 2px">UN SOUS-TITRE</span></br><div style=" width: 380px ; background-color : #D0D3D4; height: auto; border-radius: 15px 15px 15px 15px; text-align: justify; color: #4D5656; font-family: 'Bangers', cursive; font-size: 12px; padding: 15px;">Un petit blabla ici, comme une sorte d'introduction toute mignonne pour entrer dans le vif du sujet.</div></br><div style="font-size:8px; letter-spacing:3px; text-align:center; color : #424949">codage by Laxy Dunbar</div></br></div></center>


UN TITRE

Un petit blabla ici, comme une sorte d'introduction toute mignonne pour entrer dans le vif du sujet.


Annonces

Un petit blabla ici, pour donner des annonces liés au forum, sous forme d'un texte ou d'un petite liste comme ci-dessous :
✦ Annonce ici
✦ Annonce ici

Nouveautés

Un petit blabla ici, pour donner des nouvelles du forums. Sous forme d'un texte ou comme ceci :
✦  Nouvelle ici
✦  Nouvelle ici

Un petit blabla ici, comme une sorte de conclusion toute mignonne pour dire au revoir ou à la prochaine.

codage by Laxy Dunbar



Code:
<center><link href="https://fonts.googleapis.com/css?family=Bangers" rel="stylesheet"><div style="width: 460px; height: auto; background-color : #B3B6B7; border: 2px solid #D0D3D4; border-radius : 35px 35px 35px 35px; "></br><span style="color:#424949;font-family:'Bangers', cursive;letter-spacing : 2px; font-size: 42px; text-shadow: 2px 0px 2px">UN TITRE</span></br></br><div style=" width: 380px ; background-color : #D0D3D4; height: auto; border-radius: 15px 15px 15px 15px; text-align: justify; color: #4D5656; font-family: 'Bangers', cursive; font-size: 12px; padding: 15px;">Un petit blabla ici, comme une sorte d'introduction toute mignonne pour entrer dans le vif du sujet.</div></br><table><tr><td><div style="text-align:center; line-height:18px; font-size:38px;">
<span style="color:#424949;font-family:'Bangers', cursive;letter-spacing : 2px; text-shadow: 2px 0px 2px">Annonces</span>
</div></br><div style=" width: 190px ; background-color : #D0D3D4; height: 150px; overflow: auto; border-radius: 15px 15px 15px 15px; text-align: justify; color: #4D5656; font-family: 'Bangers', cursive; font-size: 12px; padding: 15px;">Un petit blabla ici, pour donner des annonces liés au forum, sous forme d'un texte ou d'un petite liste comme ci-dessous :</br>✦ Annonce ici</br>✦ Annonce ici</div></td><td><div style="text-align:center; line-height:18px; font-size:38px;">
<span style="color:#424949;font-family:'Bangers', cursive;letter-spacing : 2px; text-shadow: 2px 0px 2px">Nouveautés</span>
</div></br><div style=" width: 190px ; background-color : #D0D3D4; height: 150px; overflow: auto; border-radius: 15px 15px 15px 15px; text-align: justify; color: #4D5656; font-family: 'Bangers', cursive; font-size: 12px; padding: 15px;">Un petit blabla ici, pour donner des nouvelles du forums. Sous forme d'un texte ou comme ceci :</br>✦  Nouvelle ici</br>✦  Nouvelle ici</div></td></tr></table></br><div style=" width: 380px ; background-color : #D0D3D4; height: auto; border-radius: 15px 15px 15px 15px; text-align: justify; color: #4D5656; font-family: 'Bangers', cursive; font-size: 12px; padding: 15px;">Un petit blabla ici, comme une sorte de conclusion toute mignonne pour dire au revoir ou à la prochaine.</div></br><div style="font-size:8px; letter-spacing:3px; text-align:center; color : #424949">codage by Laxy Dunbar</div></br></div></center>


Werewolf's Life



Informations
✦ RPG basé sur la série Teen Wolf et sa continuité.
✦ Sans minimum de lignes ou de mots.
✦ Sans minimum de posts obligatoire par mois.
✦ Avatar 200*320 et de type réel uniquement.

Liens utiles

Notre histoire
« Scott ne jure que par une chose... sauver ses amis. Il fait toujours tout ce qui est en son pouvoir pour sauver ceux qui comptent pour lui. Quand il n'a plus aucune chance de gagner, il continu de se battre. Quand tout espoir est perdu, il trouve une alternative et quand on le met à terre il se relève et se redresse. » Derek Hale.

Après avoir combattu l’Anuk-Ite & Gérard Argent, le monde se retrouve comme divisé en deux. D’un côté il y a ceux qui savent pour les créatures surnaturelles, mais n’en ont pas peur, voire même sont de leurs côtés, et d’un autre il y a ceux qui ne les supportent pas. Ces derniers ont donc rejoint Monroe et combattent à ses côtés. Cette dernière ayant perdu contre Scott McCall et sa meute, elle ne rêve que de vengeance tapit dans l’ombre avec ses hommes. Elle ne reculera devant rien, ni elle, ni ses hommes, qui tueront quiconque est un être-surnaturel et qu’importe leur âge. Leur but : « tous les exterminés jusqu’au dernier ! »

Mais Monroe et son groupe ne sont pas les seuls qui devront inquiéter la meute de McCall, mais bien les nouvelles créatures surnaturelles qui débarquent au sein de Beacon Hills, très probablement encore attirées par le Nemeton. Celles-ci sont féroces et ont les mains couvertes de sang, il faudra donc s’en méfier, prêter attention à chacune d’entre elles afin qu’elles ne commettent par un massacre de masse dans la ville où réside notre meute. Scott devra prêter attention à chacune des menaces tout en venant aider, sauver la nouvelle génération de loups-garous.

N'oubliez pas ces quelques paroles : « Toute personne sinistre qui veut être ton ennemi commence toujours par essayer d'être ton ami. » de Gérard Argent et méfiez-vous quiconque croisera votre chemin. Seriez-vous prêt à combattre aux côté de Scott et de ses innombrables alliés ou seriez-vous plutôt un ennemi, une nouvelle créature de Beacon Hills avec du sang sur les mains ? Seriez-vous avec Monroe ou plutôt du côté de Scott McCall ?

codage by Laxy Dunbar



Code:
<center><link href="https://fonts.googleapis.com/css?family=Bangers" rel="stylesheet"><div style="width: 460px; height: auto; background-color : #B3B6B7; border: 2px solid #D0D3D4; border-radius : 35px 35px 35px 35px; "></br><span style="color:#424949;font-family:'Bangers', cursive;letter-spacing : 2px; font-size: 42px; text-shadow: 2px 0px 2px">Werewolf's Life</span></br></br><img src="https://78.media.tumblr.com/ea8bf749929ba9089bbb24e368020d16/tumblr_ozf3jjhmUV1v017z3o2_400.gif" style="width: 430px; height: 215px; border-radius : 100px 100px 0px 0px; border:2px double #D0D3D4; padding:2px"></br><table><tr><td><div style="text-align:center; line-height:18px; font-size:38px;">
<span style="color:#424949;font-family:'Bangers', cursive;letter-spacing : 2px; text-shadow: 2px 0px 2px">Informations</span>
</div><div style=" width: 190px ; background-color : #D0D3D4; height: 150px; overflow: auto; border-radius: 15px 15px 15px 15px; text-align: justify; color: #4D5656; font-family: 'Bangers', cursive; font-size: 12px; padding: 15px;">✦ RPG basé sur la série Teen Wolf et sa continuité.</br>✦ Sans minimum de lignes ou de mots.</br>✦ Sans minimum de posts obligatoire par mois.</br>✦ Avatar 200*320 et de type réel uniquement.</div></td><td><div style="text-align:center; line-height:18px; font-size:38px;">
<span style="color:#424949;font-family:'Bangers', cursive;letter-spacing : 2px; text-shadow: 2px 0px 2px">Liens utiles</span>
</div><div style=" width: 190px ; background-color : #D0D3D4; height: 150px; overflow: auto; border-radius: 15px 15px 15px 15px; text-align: justify; color: #4D5656; font-family: 'Bangers', cursive; font-size: 12px; padding: 15px;">✦ [url=http://werewolflife.forumactif.com/t17-le-decret-de-beacon-hills]Le décret de Beacon Hills ![/url]</br>✦ [url=http://werewolflife.forumactif.com/t18-le-bestiaire-de-beacon-hills]Le bestiaire de Beacon Hills ![/url]</br>✦ [url=http://werewolflife.forumactif.com/t22-le-bottin-des-avatars]Le bottin des avatars[/url]</br>✦ [url=http://werewolflife.forumactif.com/f6-les-post-vacants]Les prédéfinis de la série ![/url]</br>✦ [url=http://werewolflife.forumactif.com/f55-les-scenarios-des-membres]Scénarios des membres ![/url]</br><a href="http://werewolflife.forumactif.com/"><img src="https://i62.servimg.com/u/f62/19/74/29/70/logo3510.jpg" /></a></div></td></tr></table></br><span style="color:#424949;font-family:'Bangers', cursive;letter-spacing : 2px; font-size: 42px; text-shadow: 2px 0px 2px">Notre histoire</span></br><div style=" width: 380px ; background-color : #D0D3D4; height: auto; border-radius: 15px 15px 15px 15px; text-align: justify; color: #4D5656; font-family: 'Bangers', cursive; font-size: 12px; padding: 15px;">« Scott ne jure que par une chose... sauver ses amis. Il fait toujours tout ce qui est en son pouvoir pour sauver ceux qui comptent pour lui. Quand il n'a plus aucune chance de gagner, il continu de se battre. Quand tout espoir est perdu, il trouve une alternative et quand on le met à terre il se relève et se redresse. » Derek Hale.

Après avoir combattu l’Anuk-Ite & Gérard Argent, le monde se retrouve comme divisé en deux. D’un côté il y a ceux qui savent pour les créatures surnaturelles, mais n’en ont pas peur, voire même sont de leurs côtés, et d’un autre il y a ceux qui ne les supportent pas. Ces derniers ont donc rejoint Monroe et combattent à ses côtés. Cette dernière ayant perdu contre Scott McCall et sa meute, elle ne rêve que de vengeance tapit dans l’ombre avec ses hommes. Elle ne reculera devant rien, ni elle, ni ses hommes, qui tueront quiconque est un être-surnaturel et qu’importe leur âge. Leur but : « tous les exterminés jusqu’au dernier ! »

Mais Monroe et son groupe ne sont pas les seuls qui devront inquiéter la meute de McCall, mais bien les nouvelles créatures surnaturelles qui débarquent au sein de Beacon Hills, très probablement encore attirées par le Nemeton. Celles-ci sont féroces et ont les mains couvertes de sang, il faudra donc s’en méfier, prêter attention à chacune d’entre elles afin qu’elles ne commettent par un massacre de masse dans la ville où réside notre meute. Scott devra prêter attention à chacune des menaces tout en venant aider, sauver la nouvelle génération de loups-garous.

N'oubliez pas ces quelques paroles : « Toute personne sinistre qui veut être ton ennemi commence toujours par essayer d'être ton ami. » de Gérard Argent et méfiez-vous quiconque croisera votre chemin. Seriez-vous prêt à combattre aux côté de Scott et de ses innombrables alliés ou seriez-vous plutôt un ennemi, une nouvelle créature de Beacon Hills avec du sang sur les mains ? Seriez-vous avec Monroe ou plutôt du côté de Scott McCall ?</div></br><div style="font-size:8px; letter-spacing:3px; text-align:center; color : #424949">codage by Laxy Dunbar</div></br></div></center>
Revenir en haut Aller en bas
https://snake-test.forumgratuit.org
Snake
La nature se rit des souffrances humaines
Snake


Messages : 2591
Date d'inscription : 08/01/2012

Codes et prez - Page 12 Empty
MessageSujet: Re: Codes et prez   Codes et prez - Page 12 Icon_minitimeVen 23 Nov - 20:00

 
Ex his quidam aeternitati se commendari posse per statuas aestimantes eas ardenter adfectant quasi plus praemii de figmentis aereis sensu carentibus adepturi, quam ex conscientia honeste recteque factorum, easque auro curant inbracteari, quod Acilio Glabrioni delatum est primo, cum consiliis armisque regem superasset Antiochum. quam autem sit pulchrum exigua haec spernentem et minima ad ascensus verae gloriae tendere longos et arduos, ut memorat vates Ascraeus, Censorius Cato monstravit. qui interrogatus quam ob rem inter multos... statuam non haberet malo inquit ambigere bonos quam ob rem id non meruerim, quam quod est gravius cur inpetraverim mussitare.

Hacque adfabilitate confisus cum eadem postridie feceris, ut incognitus haerebis et repentinus, hortatore illo hesterno clientes numerando, qui sis vel unde venias diutius ambigente agnitus vero tandem et adscitus in amicitiam si te salutandi adsiduitati dederis triennio indiscretus et per tot dierum defueris tempus, reverteris ad paria perferenda, nec ubi esses interrogatus et quo tandem miser discesseris, aetatem omnem frustra in stipite conteres summittendo.
hors jeu : blabla

   


Code:
<center>  <div style="background:#eee;border:5px solid white;width:500px;margin:0 auto; position: relative;"><div style="width:0;height:0;border-top:150px solid #d87575;border-right:150px solid transparent;float:left;"><table style="height:100px;width:100px;float:left;margin-top:-122px;margin-left:25px;"><tbody><tr><td style="width:100px;height:100px;padding:0px;vertical-align:top;"><div style="width:0;height:0;border-top:25px solid #333333;border-left:25px solid transparent;margin-left:75px;"></div><!--

   IMAGE ICONE

   ---><img style="width:80px;height:80px;border:5px solid white;margin-top:-19px;margin-left:5px;" src="https://i.imgur.com/QwSc4SW.png"><!--

   --><div style="width:0;height:0px;border-bottom:25px solid #333333;border-right:25px solid transparent;margin-top:-20px;"></div></td></tr></tbody></table></div><!--


   --><div style="text-align:justify; font-size: 13px; padding:25px; font-family:arial;color:black;">Ex his quidam aeternitati se commendari posse per statuas aestimantes eas ardenter adfectant quasi plus praemii de figmentis aereis sensu carentibus adepturi, quam ex conscientia honeste recteque factorum, easque auro curant inbracteari, quod Acilio Glabrioni delatum est primo, cum consiliis armisque regem superasset Antiochum. quam autem sit pulchrum exigua haec spernentem et minima ad ascensus verae gloriae tendere longos et arduos, ut memorat vates Ascraeus, Censorius Cato monstravit. qui interrogatus quam ob rem inter multos... statuam non haberet malo inquit ambigere bonos quam ob rem id non meruerim, quam quod est gravius cur inpetraverim mussitare. </br></br>Hacque adfabilitate confisus cum eadem postridie feceris, ut incognitus haerebis et repentinus, hortatore illo hesterno clientes numerando, qui sis vel unde venias diutius ambigente agnitus vero tandem et adscitus in amicitiam si te salutandi adsiduitati dederis triennio indiscretus et per tot dierum defueris tempus, reverteris ad paria perferenda, nec ubi esses interrogatus et quo tandem miser discesseris, aetatem omnem frustra in stipite conteres summittendo.</div><!--

   TEXTE HORS JEU

   --><div style="background:#d87575;padding:4px; font-size:9px; text-transform:uppercase; font-family:arial;color:white; text-align:center;">hors jeu : blabla</div></div>
   <div style="font-size:9px; font-family:arial; text-transform:uppercase;text-align:center; opacity:0.3;"> <a href="http://libre-graph.forumperso.com/" target="blank">by reira</a></div></center>
Revenir en haut Aller en bas
https://snake-test.forumgratuit.org
Snake
La nature se rit des souffrances humaines
Snake


Messages : 2591
Date d'inscription : 08/01/2012

Codes et prez - Page 12 Empty
MessageSujet: Re: Codes et prez   Codes et prez - Page 12 Icon_minitimeVen 23 Nov - 20:07



Le voleur
avare
#mission


Procedente igitur mox tempore cum adventicium nihil inveniretur, relicta ora maritima in Lycaoniam adnexam Isauriae se contulerunt ibique densis intersaepientes itinera praetenturis provincialium et viatorum opibus pascebantur.

Sin autem ad adulescentiam perduxissent, dirimi tamen interdum contentione vel uxoriae condicionis vel commodi alicuius, quod idem adipisci uterque non posset. Quod si qui longius in amicitia provecti essent, tamen saepe labefactari, si in honoris contentionem incidissent; pestem enim nullam maiorem esse amicitiis quam in plerisque pecuniae cupiditatem, in optimis quibusque honoris certamen et gloriae; ex quo inimicitias maximas saepe inter amicissimos exstitisse.

Restabat ut Caesar post haec properaret accitus et abstergendae causa suspicionis sororem suam, eius uxorem, Constantius ad se tandem desideratam venire multis fictisque blanditiis hortabatur. quae licet ambigeret metuens saepe cruentum, spe tamen quod eum lenire poterit ut germanum profecta, cum Bithyniam introisset, in statione quae Caenos Gallicanos appellatur, absumpta est vi febrium repentina. cuius post obitum maritus contemplans cecidisse fiduciam qua se fultum existimabat, anxia cogitatione, quid moliretur haerebat.

" Ex turba vero imae sortis et paupertinae in tabernis aliqui pernoctant vinariis."

Ex turba vero imae sortis et paupertinae in tabernis aliqui pernoctant vinariis, non nulli velariis umbraculorum theatralium latent, quae Campanam imitatus lasciviam Catulus in aedilitate sua suspendit omnium primus; aut pugnaciter aleis certant turpi sono fragosis naribus introrsum reducto spiritu concrepantes; aut quod est studiorum omnium maximum ab ortu lucis ad vesperam sole fatiscunt vel pluviis, per minutias aurigarum equorumque praecipua vel delicta scrutantes.

   



Code:
<center> <link href="https://fonts.googleapis.com/css?family=Oswald" rel="stylesheet">
<div style="background-color: #333333;font: 11px Verdana;color: #999999; width:420px; padding:15px;text-align: justify;position: relative;z-index: 1;"><img style="max-width:100%;border:solid 10px #eeeeee;" src="https://www.zupimages.net/up/17/10/hjt1.png">
<div style="font: 60px Oswald; padding: 20px; line-height: 58px; color: #eeeeee; opacity: .65; margin-top: -220px;text-align:left; position: relative;z-index: 1;letter-spacing: -6px;text-transform: uppercase;
">Le voleur
avare
#mission</div>

<div style="padding:15px;border-left:solid 1px #999999;">Procedente igitur mox tempore cum adventicium nihil inveniretur, relicta ora maritima in Lycaoniam adnexam Isauriae se contulerunt ibique densis intersaepientes itinera praetenturis provincialium et viatorum opibus pascebantur.

Sin autem ad adulescentiam perduxissent, dirimi tamen interdum contentione vel uxoriae condicionis vel commodi alicuius, quod idem adipisci uterque non posset. Quod si qui longius in amicitia provecti essent, tamen saepe labefactari, si in honoris contentionem incidissent; pestem enim nullam maiorem esse amicitiis quam in plerisque pecuniae cupiditatem, in optimis quibusque honoris certamen et gloriae; ex quo inimicitias maximas saepe inter amicissimos exstitisse.

Restabat ut Caesar post haec properaret accitus et abstergendae causa suspicionis sororem suam, eius uxorem, Constantius ad se tandem desideratam venire multis fictisque blanditiis hortabatur. quae licet ambigeret metuens saepe cruentum, spe tamen quod eum lenire poterit ut germanum profecta, cum Bithyniam introisset, in statione quae Caenos Gallicanos appellatur, absumpta est vi febrium repentina. cuius post obitum maritus contemplans cecidisse fiduciam qua se fultum existimabat, anxia cogitatione, quid moliretur haerebat.

[color=#fdbe7a][b]" Ex turba vero imae sortis et paupertinae in tabernis aliqui pernoctant vinariis."[/b][/color]

Ex turba vero imae sortis et paupertinae in tabernis aliqui pernoctant vinariis, non nulli velariis umbraculorum theatralium latent, quae Campanam imitatus lasciviam Catulus in aedilitate sua suspendit omnium primus; aut pugnaciter aleis certant turpi sono fragosis naribus introrsum reducto spiritu concrepantes; aut quod est studiorum omnium maximum ab ortu lucis ad vesperam sole fatiscunt vel pluviis, per minutias aurigarum equorumque praecipua vel delicta scrutantes.
</div>
</div>    <div style="font-size:9px; font-family:arial; text-transform:uppercase;text-align:center; opacity:0.3;"> <a href="http://libre-graph.forumperso.com/" target="blank">by reira</a></div>

</center>
Revenir en haut Aller en bas
https://snake-test.forumgratuit.org
Snake
La nature se rit des souffrances humaines
Snake


Messages : 2591
Date d'inscription : 08/01/2012

Codes et prez - Page 12 Empty
MessageSujet: Re: Codes et prez   Codes et prez - Page 12 Icon_minitimeMar 27 Nov - 18:01



Âge
Date et lieu de naissance
Origine
Profession
Groupe
Avatar
Prénom et nom du personnage
Codage par Libella sur Graphiorum


Code:
<link href="https://fonts.googleapis.com/css?family=Stint+Ultra+Condensed" rel="stylesheet"><style type="text/css">.fichepoke {width:510px;margin:auto;background:#D0DEE9} .blocnom {width:490px; height:30px;margin:auto;padding:15px 10px 10px 10px;text-align:center;font-family: 'Stint Ultra Condensed', cursive;font-size:38px;background:#C3CEE4;color:#EBF4F3; text-shadow:0px 0px 8px #B0BEDB;} .imgvava {display: inline-block;vertical-align: top;width:250px;height:360px;border-bottom-right-radius: 250px;-webkit-border-bottom-right-radius: 250px;border-right:8px solid #C3CEE4;} .imgpoke {display: inline-block;position:relative;z-index:1;width:100px;height:100px;margin:5px;-webkit-border-radius: 100px;border-radius: 100px;border:5px solid #C3CEE4;} .cadreinfo {margin-top:-360px;margin-left:5px} .texteinfo {position:relative;z-index:2; opacity:0.0; -webkit-transition: opacity .4 linear; -moz-transition: opacity .4s linear; -o-transition: opacity .4s linear;width: 228px; height: 343px; overflow:hidden;padding:10px;background-color:#C3CEE4; color: #009900;}.texteinfo:hover {opacity: 1;} .chpinfopoke {width:210px;weight:15px;padding:8px;margin-top:10px;margin-bottom:10px; text-align:center;font-family:verdana;font-size:12px;background:#EBF4F3;box-shadow:0px 0px 8px #B0BEDB;color:#738BBF;} .caractere {width: 120px; font-family: verdana;font-size: 12; background: #EBF4F3; color: #888BC7;} .menu {list-style-type: none;margin:0;margin-left:-40px} .ongletalignement {float:left;} .onglet {display:block;width:103px;height:18px;margin-top:25px;padding:3px;text-align:center;font-family:verdana;font-size:12px;background:#EBF4F3;box-shadow:0px 0px 8px #B0BEDB;color:#738BBF} .onglet:hover {background:#AAA1B5;color:#EBF4F3} .onglet:hover .texte_anec {opacity:1;width:220px;height:320px;overflow:auto;padding:5px;margin-top:-348px;margin-left:-3px;background:#EBF4F3;box-shadow:0px 0px 8px #B0BEDB;color:#738BBF} .onglet:hover .texte_liensrech {opacity:1;width:220px;height:320px;overflow:auto;padding:5px;margin-top:-348px;margin-left:-118px;background:#EBF4F3;box-shadow:0px 0px 8px #B0BEDB;color:#738BBF} .texte_anec, .texte_liensrech {opacity:0;position:relative;margin-top:-10px;width:98px;height:20px;overflow:hidden;text-align:justify}</style>

<div class="fichepoke"><!-- IMAGE DU PERSO --><div class="imgvava" style="background:url('https://image.noelshack.com/fichiers/2018/26/4/1530175910-d55cbff321640a547c21e263b4a4e38d.jpg');background-size:102%;"></div><div style="display: inline-block;vertical-align: top;width:250px;height:360px;"><!-- IMAGE 1 --><div class="imgpoke" style="background:url('https://image.noelshack.com/fichiers/2018/26/4/1530175774-85b81972.jpg');background-size:100%;"></div><!-- IMAGE 2 --><div class="imgpoke" style="background:url('https://image.noelshack.com/fichiers/2018/26/4/1530175892-telechargement.jpg');background-size:100%;"></div><!-- IMAGE 3 --><div class="imgpoke" style="background:url('https://image.noelshack.com/fichiers/2018/26/4/1530175878-telechargement-1.jpg');background-size:100%;"></div><!-- IMAGE 4 --><div class="imgpoke" style="background:url('https://image.noelshack.com/fichiers/2018/26/4/1530175834-telechargement-2.jpg') center center;background-size:130%;"></div><!-- IMAGE 5 --><div class="imgpoke" style="background:url('https://image.noelshack.com/fichiers/2018/26/4/1530175877-694639677c345c73f62f63aac42389be-pokemon-mignon-pokemon-pokemon.jpg') center center;background-size:120%;"></div><!-- IMAGE 6 --><div class="imgpoke" style="background:url('https://zupimages.net/up/18/28/ki5o.png') center center;background-size:100%;"></div><div class="cadreinfo"><div class="texteinfo"><div class="chpinfopoke">Âge</div><div class="chpinfopoke">Date et lieu de naissance</div><div class="chpinfopoke">Origine</div><div class="chpinfopoke">Profession</div><div class="chpinfopoke">Groupe</div><div class="chpinfopoke">Avatar</div><div style="display:flex;"><select class="caractere"><option value="#">Qualités</option
<option value="#">Texte</option>
<option value="#">Texte</option>
<option value="#">Texte</option>
<option value="#">Texte</option>
<option value="#">Texte</option>
<option value="#">Texte</option>
<option value="#">Texte</option>
</select><select class="caractere"><option value="#">Défauts</option
<option value="#">Texte</option>
<option value="#">Texte</option>
<option value="#">Texte</option>
<option value="#">Texte</option>
<option value="#">Texte</option>
<option value="#">Texte</option>
<option value="#">Texte</option>
</select></div><ul class="menu"><li class="ongletalignement"><span class="onglet">Anecdotes<p class="texte_anec">Petit texte ou listing d'anecdotes ou de points clefs de l'histoire. Eodem tempore etiam Hymetii praeclarae indolis viri negotium est actitatum, cuius hunc novimus esse textum. cum Africam pro consule regeret Carthaginiensibus victus inopia iam lassatis, ex horreis Romano populo destinatis frumentum dedit, pauloque postea cum provenisset segetum copia, integre sine ulla restituit mora.Tantum autem cuique tribuendum, primum quantum ipse efficere possis, deinde etiam quantum ille quem diligas atque adiuves, sustinere.</p></span></li><li class="ongletalignement"><span class="onglet" style="margin-left:5px">Recherches<p class="texte_liensrech">• Lien recherché (♀/♂) : Quaestione igitur per multiplices dilatata fortunas cum ambigerentur quaedam, non nulla levius actitata constaret.
• Lien recherché (♀/♂) : Quaestione igitur per multiplices dilatata fortunas cum ambigerentur quaedam, non nulla levius actitata constaret.
• Lien recherché (♀/♂) : Quaestione igitur per multiplices dilatata fortunas cum ambigerentur quaedam, non nulla levius actitata constaret.</p></span></li></ul></div></div></div></div><div class="blocnom">Prénom et nom du personnage</div><div style="font-size:8px;text-align:center;">Codage par Libella sur [url=http://graphiorum.forumactif.com/]Graphiorum[/url]</div>


Relations masculines/féminines/positives/négatives
Relation
Orientis vero limes in longum protentus et rectum ab Euphratis fluminis ripis ad usque supercilia porrigitur Nili, laeva Saracenis conterminans gentibus, dextra pelagi fragoribus patens, quam plagam Nicator Seleucus occupatam auxit magnum in modum, cum post Alexandri Macedonis obitum successorio iure teneret regna Persidis, efficaciae inpetrabilis rex, ut indicat cognomentum.

Cognitis enim pilatorum caesorumque funeribus nemo deinde ad has stationes appulit navem, sed ut Scironis praerupta letalia declinantes litoribus Cypriis contigui navigabant, quae Isauriae scopulis sunt controversa.
Prénom et nom du personnage
Relation
Orientis vero limes in longum protentus et rectum ab Euphratis fluminis ripis ad usque supercilia porrigitur Nili, laeva Saracenis conterminans gentibus, dextra pelagi fragoribus patens, quam plagam Nicator Seleucus occupatam auxit magnum in modum, cum post Alexandri Macedonis obitum successorio iure teneret regna Persidis, efficaciae inpetrabilis rex, ut indicat cognomentum.

Cognitis enim pilatorum caesorumque funeribus nemo deinde ad has stationes appulit navem, sed ut Scironis praerupta letalia declinantes litoribus Cypriis contigui navigabant, quae Isauriae scopulis sunt controversa.
Prénom et nom du personnage
Codage par Libella sur Graphiorum


Code:
<link href="https://fonts.googleapis.com/css?family=Stint+Ultra+Condensed" rel="stylesheet"><style type="text/css">.fichepoke {width:510px;height:360px;margin:auto;background:#D0DEE9} .blocnom {width:490px; height:30px;margin:auto;padding:15px 10px 10px 10px;text-align:center;font-family: 'Stint Ultra Condensed', cursive;font-size:38px;background:#C3CEE4;color:#EBF4F3; text-shadow:0px 0px 8px #B0BEDB;} .imgvava {display: inline-block;vertical-align: top;width:250px;height:360px;border-bottom-right-radius: 250px;-webkit-border-bottom-right-radius: 250px;border-right:8px solid #C3CEE4;} .imgvava2 {display: inline-block;vertical-align: top;width:250px;height:360px;margin-left:20px;border-bottom-left-radius: 250px;-webkit-border-bottom-left-radius: 250px;border-left:8px solid #C3CEE4;} .imgstatut {position:relative;z-index:2;width:100px;height:100px;-webkit-border-radius: 100px;border-radius: 100px;border:5px solid #C3CEE4;margin-top:-115px;margin-left:120px} .imgstatut2 {position:relative;z-index:2;width:100px;height:100px;-webkit-border-radius: 100px;border-radius: 100px;border:5px solid #C3CEE4;margin-top:-115px;margin-left:255px} .suivirp {opacity:0;margin-left:10px;margin-top:10px;width:195px;height:190px;padding:10px;overflow:hidden;text-align:justify;background:#DDE1E7;} .suivirp2 {opacity:0;margin-left:25px;margin-top:10px;width:195px;height:190px;padding:10px;overflow:hidden;text-align:justify;background:#DDE1E7;} .suivirp:hover, .suivirp2:hover {opacity:1;overflow:auto} .suivirplien {display:block;width:160px;padding:8px;margin-top:10px;margin-bottom:10px; text-align:center;font-family:verdana;font-size:12px;background:#EBF4F3;box-shadow:0px 0px 8px #B0BEDB;color:#738BBF;} .cadrerelation {width:195px;height:340px;overflow:auto;margin-left:20px;text-align:justify;padding:10px;background:#C3CEE4;color:#EBF4F3;} .typerelation {width:160px;height:15px;padding:8px;margin-top:10px;margin-bottom:10px; text-align:center;font-family:verdana;font-size:12px;background:#EBF4F3;box-shadow:0px 0px 8px #B0BEDB;color:#738BBF;} </style>
<div class="blocnom">Relations masculines/féminines/positives/négatives</div><!-- RELATION IMG GAUCHE --><div class="fichepoke"><div style="display:flex;"><!-- IMAGE DU PERSO --><div class="imgvava" style="background:url('https://image.noelshack.com/fichiers/2018/26/4/1530175901-b273b162c2d8fc349499ada10f4cda68-sagiri-izumi-fanart.jpg');background-size:102%;"><p class="suivirp"><a href="http://graphiorum.forumactif.com/" class="suivirplien">Titre du rp avec la personne</a><a href="http://graphiorum.forumactif.com/" class="suivirplien">Titre du rp avec la personne</a><a href="http://graphiorum.forumactif.com/" class="suivirplien">Titre du rp avec la personne</a><a href="http://graphiorum.forumactif.com/" class="suivirplien">Titre du rp avec la personne</a></p></div><div class="cadrerelation"><div class="typerelation">Relation</div>Orientis vero limes in longum protentus et rectum ab Euphratis fluminis ripis ad usque supercilia porrigitur Nili, laeva Saracenis conterminans gentibus, dextra pelagi fragoribus patens, quam plagam Nicator Seleucus occupatam auxit magnum in modum, cum post Alexandri Macedonis obitum successorio iure teneret regna Persidis, efficaciae inpetrabilis rex, ut indicat cognomentum.

Cognitis enim pilatorum caesorumque funeribus nemo deinde ad has stationes appulit navem, sed ut Scironis praerupta letalia declinantes litoribus Cypriis contigui navigabant, quae Isauriae scopulis sunt controversa.</div></div><div class="imgstatut" style="background:url('https://image.noelshack.com/fichiers/2018/26/4/1530175877-694639677c345c73f62f63aac42389be-pokemon-mignon-pokemon-pokemon.jpg') center center;background-size:120%;"></div></div><div class="blocnom">Prénom et nom du personnage</div><!-- FIN RELATION IMG GAUCHE --><!-- RELATION IMG DROITE --><div class="fichepoke"><div style="display:flex;"><div class="cadrerelation"><div class="typerelation">Relation</div>Orientis vero limes in longum protentus et rectum ab Euphratis fluminis ripis ad usque supercilia porrigitur Nili, laeva Saracenis conterminans gentibus, dextra pelagi fragoribus patens, quam plagam Nicator Seleucus occupatam auxit magnum in modum, cum post Alexandri Macedonis obitum successorio iure teneret regna Persidis, efficaciae inpetrabilis rex, ut indicat cognomentum.

Cognitis enim pilatorum caesorumque funeribus nemo deinde ad has stationes appulit navem, sed ut Scironis praerupta letalia declinantes litoribus Cypriis contigui navigabant, quae Isauriae scopulis sunt controversa.</div><!-- IMAGE DU PERSO --><div class="imgvava2" style="background:url('https://image.noelshack.com/fichiers/2018/26/4/1530175897-816e329b8d659c60e8b5a7d8794e5517-anime-girls-sagiri-izumi-anime.jpg');background-size:102%;"><p class="suivirp2"><a href="http://graphiorum.forumactif.com/" class="suivirplien">Titre du rp avec la personne</a><a href="http://graphiorum.forumactif.com/" class="suivirplien">Titre du rp avec la personne</a><a href="http://graphiorum.forumactif.com/" class="suivirplien">Titre du rp avec la personne</a><a href="http://graphiorum.forumactif.com/" class="suivirplien">Titre du rp avec la personne</a></p></div></div><div class="imgstatut2" style="background:url('https://image.noelshack.com/fichiers/2018/26/4/1530175774-85b81972.jpg') center center;background-size:100%;"></div></div><div class="blocnom">Prénom et nom du personnage</div><!-- FIN RELATION IMG DROITE --><div style="font-size:8px;text-align:center;">Codage par Libella sur [url=http://graphiorum.forumactif.com/]Graphiorum[/url]</div>
Revenir en haut Aller en bas
https://snake-test.forumgratuit.org
Snake
La nature se rit des souffrances humaines
Snake


Messages : 2591
Date d'inscription : 08/01/2012

Codes et prez - Page 12 Empty
MessageSujet: Re: Codes et prez   Codes et prez - Page 12 Icon_minitimeMar 22 Jan - 19:36

Codes et prez - Page 12 V10eSft

Titre du rp

hrp ; Parce que des fois on a des trucs à dire. Parfois c'est long, parfois non. Mais si on met autant de temps à rep que moi, il faut de longues excuses.

feat Rowan Dillinger

This is Photoshop's version  of Lorem Ipsum. Proin gravida nibh vel velit auctor aliquet. Aenean sollicitudin, lorem quis bibendum auctor, nisi elit consequat ipsum, nec sagittis sem nibh id elit. Duis sed odio sit amet nibh vulputate cursus a sit amet mauris. Morbi accumsan ipsum velit. Nam nec tellus a odio tincidunt auctor a ornare odio. Sed non  mauris vitae erat consequat auctor eu in elit. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Mauris in erat justo. Nullam ac urna eu felis dapibus condimentum sit amet a augue. Sed non neque elit. Sed ut imperdiet nisi. Proin condimentum fermentum nunc. Etiam pharetra, erat sed fermentum feugiat, velit mauris egestas quam, ut aliquam massa nisl quis neque. Suspendisse in orci enim.

« - Je suis Uther et j'ai une boîte avec plein d'objets trouvés à vous mwouhahaha. »


This is Photoshop's version  of Lorem Ipsum. Proin gravida nibh vel velit auctor aliquet. Aenean sollicitudin, lorem quis bibendum auctor, nisi elit consequat ipsum, nec sagittis sem nibh id elit. Duis sed odio sit amet nibh vulputate cursus a sit amet mauris. Morbi accumsan ipsum velit. Nam nec tellus a odio tincidunt auctor a ornare odio. Sed non  mauris vitae erat consequat auctor eu in elit. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Mauris in erat justo. Nullam ac urna eu felis dapibus condimentum sit amet a augue. Sed non neque elit. Sed ut imperdiet nisi. Proin condimentum fermentum nunc. Etiam pharetra, erat sed fermentum feugiat, velit mauris egestas quam, ut aliquam massa nisl quis neque. Suspendisse in orci enim.

« halloween »


Code:
<link href="https://fonts.googleapis.com/css?family=Nunito+Sans" rel="stylesheet"><style>.uther_reponse {width: 400px; background: url(https://i.imgur.com/v6jaQRA.png) no-repeat bottom, #e7e7e7; font-family: 'Nunito Sans', sans-serif; color: #5f5e5e; text-align: justify; margin: auto; padding: 0 0 10px;} .uther_reponse header {background: url(https://i.imgur.com/pwcLIhY.png); height: 258px; box-sizing: border-box; text-align: center; position: relative; padding: 10% 14% 0;} .uther_reponse header .uther_bb {border: 1px solid #d8d6d6; position: absolute; left: 10px; top: 10px; right: 10px; bottom: -1px;} .uther_reponse header .uther_img {border-radius: 100px; padding: 1.5%; border: 1px solid #d9d6d6;} .uther_reponse header h2 {border: 0; color: #d8d6d6; font-family: Times New Roman; text-transform: uppercase; font-size: 18px; margin: 3% 0 0; letter-spacing: 1px;} .uther_reponse header p {color: #777; font-size: 11px; line-height: 1.2; text-align: justify; font-family: 'Nunito Sans', sans-serif; margin: 0;} .uther_reponse header h3 {border: 0; color: #767766; font-family: 'Helvetica', sans-serif; font-style: italic; letter-spacing: -1px; font-size: 14px; margin: 1% 0 0; font-weight: bold;} .uther_reponse .content {font-size: 11px; border: 1px solid #d8d6d6; margin: 0 10px; padding: 15px 40px;} .uther_dialogue {position: relative;} .uther_dialogue .uther_color {position: absolute; width: 25%; height: 20px; background: #d8d6d6;} .uther_dialogue p {color: #312c31; font-family: 'Helvetica', sans-serif; font-weight: bold; position: relative; padding: 0 0 0 10%; text-align: justify;} .uther_reponse .content span {color: #767766; text-align: center; display: block; font-family: Times New Roman; font-weight: bold; letter-spacing: 2px; font-size: 10px;}</style><div class="uther_reponse"><header><div class="uther_bb"></div><img src="https://i.imgur.com/V10eSft.png" alt="" class="uther_img" /><h2>Titre du rp</h2><p>hrp ; Parce que des fois on a des trucs à dire. Parfois c'est long, parfois non. Mais si on met autant de temps à rep que moi, il faut de longues excuses.</p><h3>feat Rowan Dillinger</h3></header><div class="content">This is Photoshop's version  of Lorem Ipsum. Proin gravida nibh vel velit auctor aliquet. Aenean sollicitudin, lorem quis bibendum auctor, nisi elit consequat ipsum, nec sagittis sem nibh id elit. Duis sed odio sit amet nibh vulputate cursus a sit amet mauris. Morbi accumsan ipsum velit. Nam nec tellus a odio tincidunt auctor a ornare odio. Sed non  mauris vitae erat consequat auctor eu in elit. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Mauris in erat justo. Nullam ac urna eu felis dapibus condimentum sit amet a augue. Sed non neque elit. Sed ut imperdiet nisi. Proin condimentum fermentum nunc. Etiam pharetra, erat sed fermentum feugiat, velit mauris egestas quam, ut aliquam massa nisl quis neque. Suspendisse in orci enim.

<div class="uther_dialogue"><div class="uther_color"></div><p>« - Je suis Uther et j'ai une boîte avec plein d'objets trouvés à vous mwouhahaha. »</p></div>
This is Photoshop's version  of Lorem Ipsum. Proin gravida nibh vel velit auctor aliquet. Aenean sollicitudin, lorem quis bibendum auctor, nisi elit consequat ipsum, nec sagittis sem nibh id elit. Duis sed odio sit amet nibh vulputate cursus a sit amet mauris. Morbi accumsan ipsum velit. Nam nec tellus a odio tincidunt auctor a ornare odio. Sed non  mauris vitae erat consequat auctor eu in elit. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Mauris in erat justo. Nullam ac urna eu felis dapibus condimentum sit amet a augue. Sed non neque elit. Sed ut imperdiet nisi. Proin condimentum fermentum nunc. Etiam pharetra, erat sed fermentum feugiat, velit mauris egestas quam, ut aliquam massa nisl quis neque. Suspendisse in orci enim.

<span><a href="http://ls-halloween.fr/" target="_blank" class="uther_credits">« halloween »</a></span></div></div>
Revenir en haut Aller en bas
https://snake-test.forumgratuit.org
Snake
La nature se rit des souffrances humaines
Snake


Messages : 2591
Date d'inscription : 08/01/2012

Codes et prez - Page 12 Empty
MessageSujet: Re: Codes et prez   Codes et prez - Page 12 Icon_minitimeMar 22 Jan - 19:37

Titre du message

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam at sem libero. Pellentesque nec lorem tincidunt, aliquet erat nec, efficitur nulla. Donec eu risus varius, elementum tortor in, convallis nisl. Interdum et malesuada fames ac ante ipsum primis in faucibus. Pellentesque a vulputate nulla. Etiam non magna finibus, posuere libero aliquam, sagittis sapien. In sed augue id turpis auctor elementum ut nec sem. Vestibulum leo elit, rutrum vitae dolor non, blandit aliquet tellus. Cras finibus erat eu metus viverra, blandit congue nisi viverra. Duis auctor porta dolor ut iaculis.

In cursus orci eget dui auctor interdum. Morbi faucibus eros at ipsum convallis, vel efficitur odio laoreet. Sed sit amet sagittis libero. Nunc purus risus, pharetra a dapibus ut, porttitor sed orci. Donec efficitur neque id odio congue, eu convallis eros viverra. Curabitur sagittis tortor in libero mollis dignissim. Suspendisse enim odio, tincidunt quis commodo vel, tristique non risus. Mauris non vehicula elit. Nunc ultrices imperdiet mi, non porttitor dui pulvinar ut.

Morbi tincidunt blandit faucibus. Integer id tempor mi. Donec tristique nulla quis molestie sollicitudin. Duis interdum enim nisl, non auctor sem mollis et. Suspendisse diam lectus, varius non lorem quis, feugiat volutpat odio. Suspendisse non purus ac urna sagittis ultricies. Duis sit amet dolor eget nibh dignissim volutpat at id ex.
Halloween



Code:
                    <link href="https://fonts.googleapis.com/css?family=Share+Tech+Mono" rel="stylesheet"><style>.colbylake {background: url(https://i.servimg.com/u/f38/19/69/79/53/sujet_11.png) no-repeat top, url(https://i.servimg.com/u/f38/19/69/79/53/sujet_10.png) no-repeat bottom #eee; box-sizing: border-box; color: #1a1919; font-family: 'Share Tech Mono', monospace; margin: auto; padding: 15% 5% 5%; width: 500px;} .colbylake h2 {background: #323334; border: 1px solid rgba(26,25,25,.9); text-align: center; font-size: 18px; letter-spacing: 5px; color: #eee; font-weight: normal; text-transform: uppercase; padding: 4%; margin: 8% 0 3%;} .colbylake .content {background: #fbfbfb; box-sizing: border-box; padding: 5% 4%; text-align: justify; letter-spacing: 1px; border: 1px solid rgba(26,25,25,.2);} a.credits_fiche {display: block; text-align: center; text-decoration: none; font-size: 10px; margin: 2% 0 0; color: rgba(26,25,25,.2);}</style><div class="colbylake"><h2>Titre du message</h2><div class="content">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam at sem libero. Pellentesque nec lorem tincidunt, aliquet erat nec, efficitur nulla. Donec eu risus varius, elementum tortor in, convallis nisl. Interdum et malesuada fames ac ante ipsum primis in faucibus. Pellentesque a vulputate nulla. Etiam non magna finibus, posuere libero aliquam, sagittis sapien. In sed augue id turpis auctor elementum ut nec sem. Vestibulum leo elit, rutrum vitae dolor non, blandit aliquet tellus. Cras finibus erat eu metus viverra, blandit congue nisi viverra. Duis auctor porta dolor ut iaculis.

In cursus orci eget dui auctor interdum. Morbi faucibus eros at ipsum convallis, vel efficitur odio laoreet. Sed sit amet sagittis libero. Nunc purus risus, pharetra a dapibus ut, porttitor sed orci. Donec efficitur neque id odio congue, eu convallis eros viverra. Curabitur sagittis tortor in libero mollis dignissim. Suspendisse enim odio, tincidunt quis commodo vel, tristique non risus. Mauris non vehicula elit. Nunc ultrices imperdiet mi, non porttitor dui pulvinar ut.

Morbi tincidunt blandit faucibus. Integer id tempor mi. Donec tristique nulla quis molestie sollicitudin. Duis interdum enim nisl, non auctor sem mollis et. Suspendisse diam lectus, varius non lorem quis, feugiat volutpat odio. Suspendisse non purus ac urna sagittis ultricies. Duis sit amet dolor eget nibh dignissim volutpat at id ex.</div><a href="http://ls-halloween.fr" target="_blank" class="credits_fiche">Halloween</a></div>
               
Revenir en haut Aller en bas
https://snake-test.forumgratuit.org
Snake
La nature se rit des souffrances humaines
Snake


Messages : 2591
Date d'inscription : 08/01/2012

Codes et prez - Page 12 Empty
MessageSujet: Re: Codes et prez   Codes et prez - Page 12 Icon_minitimeMar 22 Jan - 19:40

Prénom Nom

Citation au choix

Codes et prez - Page 12 Avatar10
Bonjour, je m'appelle écrire ici et j'ai l'âge de écrire ici ans. Depuis ma naissance j'appartiens au groupe des écrire ici. Ma couleur de cheveux est écrire ici et mes yeux sont écrire ici.

Mon avatar représente écrire ici et je le crédite à écrire ici.

Traits physiques et mentaux particuliers à votre personnage. Minimum 5 lignes.

Ecrivez l'histoire de votre personnage. Minimum 15 lignes.
Halloween
Codes et prez - Page 12 7YZWmOeCodes et prez - Page 12 2pvVQrf



Code:
                    <style>::-webkit-scrollbar {width: 4px;} ::-webkit-scrollbar-thumb {background: #c84a6f;} ::-webkit-scrollbar-track {background: #cfcbcc;} .presentation {width: 500px; margin: auto; background: #cecbcc; text-align: justify; position: relative; font-family: Calibri, sans-serif; font-weight: bold; color: #858386; padding: 0 0 1%;} .presentation header {background: url(https://i.servimg.com/u/f26/19/99/69/81/fond_f11.png); box-sizing: border-box; padding: 3% 0; text-align: center; text-transform: uppercase; letter-spacing: 2px; line-height: .5;} .presentation header h2 {font-size: 30px; text-transform: uppercase; margin: 0 0 2% 0; color: #e51a5e;} .presentation header h3 {font-size: 11px;} .presentation .content {margin: 3% auto 0; width: 95%;} .presentation .content::after {content: ""; display: block; clear: both;} img.img_presentation {float: left; width: 200px; height: 320px; object-fit: cover;} .presentation .bloc1, .presentation .bloc2  {background: #e3e0e2; border: 1px solid #b6b5b7; float: right; width: 55%; margin: 0 0 2%; box-sizing: border-box; padding: 1%; font-size: 11px;} .presentation .bloc2 p {height: 176px; overflow: auto; padding: 0 2% 0; width: 98%; margin: 0 auto; box-sizing: border-box;} .presentation .bloc1 span {color: #e51a5e;} .clear {clear: both;} .presentation .histoire {background: #e3e0e2; border: 1px solid #b6b5b7; min-height: 200px; padding: 2%; box-sizing: border-box;} .presentation .img_footer_gauche {position: absolute; left: 0; bottom: 0;} .presentation .img_footer_droite {position: absolute; right: 0; bottom: 0;} a.wicked_credits {text-align: right; display: block; font-style: italic; text-transform: lowercase; letter-spacing: -1px; font-size: 10px; margin: 4% 12% 0 0; color: #b3afaf;}</style><div class="presentation"><header><h2>Prénom Nom</h2><h3>Citation au choix</h3></header><div class="content"><img src="https://i.servimg.com/u/f26/19/99/69/81/avatar10.png" class="img_presentation" alt="" /><div class="bloc1">Bonjour, je m'appelle <span>écrire ici</span> et j'ai l'âge de <span>écrire ici</span> ans. Depuis ma naissance j'appartiens au groupe des <span>écrire ici</span>. Ma couleur de cheveux est <span>écrire ici</span> et mes yeux sont <span>écrire ici</span>.

Mon avatar représente <span>écrire ici</span> et je le crédite à <span>écrire ici</span>.</div><div class="bloc2"><p>Traits physiques et mentaux particuliers à votre personnage. Minimum 5 lignes.</p></div><div class="clear"></div><div class="histoire">Ecrivez l'histoire de votre personnage. Minimum 15 lignes.</div><a href="http://ls-halloween.fr/" target="_blank" class="wicked_credits">Halloween</a></div><img src="https://i.imgur.com/7YZWmOe.png" alt="" class="img_footer_gauche"/><img src="https://i.imgur.com/2pvVQrf.png" alt="" class="img_footer_droite"/></div>
               
Revenir en haut Aller en bas
https://snake-test.forumgratuit.org
Snake
La nature se rit des souffrances humaines
Snake


Messages : 2591
Date d'inscription : 08/01/2012

Codes et prez - Page 12 Empty
MessageSujet: Re: Codes et prez   Codes et prez - Page 12 Icon_minitimeMar 22 Jan - 19:40

Codes et prez - Page 12 JAgHpAm

Nom Prénom


Je vais tout défoncer !



Genre : Masculin ou féminin.
Âge : écrire ici.
Métier ou Année : écrire ici.
Maison ou Ancienne Maison : écrire ici.
Statut de sang : Sang-Pur, Sang-Mêlé, Né-Moldu, Cracmol.
Codes et prez - Page 12 EDoY0YW
Familier : facultatif.
Baguette : Bois, coeur, taille et maniabilité
Patronus : La forme animale que prend ce dernier.
Epouvantard : Un épouvantard est une créature qui peut changer d'aspect à volonté et qui prend la forme la plus terrifiante possible. Il suffit de mettre ce qui effraye le plus le personnage.
Amortentia : L'odeur qui attire le plus le personnage.
Lieu de résidence : écrire ici.



Physique


Taille : écrire ici
Corpulence : écrire ici
Cheveux : La couleur.
Yeux : La couleur.
Signes distinctifs : écrire ici.
Style vestimentaire : écrire ici.


Mental


Qualités : énoncez rapidement.
Défauts : énoncez rapidement.
Préférences : Ce qu'il aime.
Antipathies : Ce qu'il n'aime pas.


Avenir & Situation


Réputation : Comment est-il perçu en général.
Projets : Ce qu'il souhaite faire après ses études ou ce qu'il cherche à atteindre.
Famille  : ses parents sont-ils sorciers ? A-t-il des frères et soeurs à Poudlard ?


Histoire


Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse nec urna placerat, ullamcorper augue ac, placerat ligula. Curabitur sit amet ligula felis. Nullam at lacinia turpis. Nam sit amet nisl quis dui interdum tincidunt. Fusce non enim sem. Vivamus ultrices risus id blandit dapibus. Vivamus id tortor in ex ullamcorper tincidunt. Duis consectetur tellus purus, a lacinia sapien volutpat at. Praesent sed ex tempus, pharetra velit nec, porta magna. Pellentesque tincidunt eu tortor a ultrices. Morbi elementum sapien urna, vitae elementum metus aliquet eget. Interdum et malesuada fames ac ante ipsum primis in faucibus. Suspendisse condimentum eros nunc, tempor interdum ex porttitor vel. Nunc sagittis eros at lacus posuere facilisis. Sed vitae faucibus felis, ultrices ultrices libero. Morbi non ante eu nunc lacinia rutrum id vitae ante.

Mauris fermentum eleifend ornare. Sed feugiat et urna vestibulum sodales. Vivamus vitae turpis sollicitudin ligula congue consectetur sed nec erat. Vivamus convallis condimentum sodales. Fusce efficitur dignissim lectus, pellentesque consequat eros mattis non. Donec blandit, ante id pellentesque ultricies, leo justo mollis ipsum, et finibus metus lorem ac lectus. Morbi lectus tellus, porta id vehicula nec, tempor a mauris. Proin sollicitudin dui sit amet elit volutpat tincidunt. Praesent id semper sem. Suspendisse maximus tempor massa, eu aliquet quam tempor ut. Donec tincidunt elit ac varius egestas. Suspendisse potenti.

Integer elementum consequat urna nec cursus. Donec pretium pulvinar sapien eget volutpat. Aliquam interdum eu ipsum in aliquet. Proin in justo mi. Suspendisse viverra, lorem at elementum imperdiet, massa massa laoreet mauris, id consequat urna diam a tellus. Sed lacinia et arcu ac vestibulum. Etiam a rutrum libero, in lacinia odio. Proin lorem lacus, sodales quis tellus et, fermentum efficitur augue.





Codes et prez - Page 12 52URZXh

Halloween



Code:
                    <link href="https://fonts.googleapis.com/css?family=Alegreya+Sans|Volkhov" rel="stylesheet"><style>.fond_pres {background: url(https://i.imgur.com/4MLFN8w.png) no-repeat bottom right, url(https://i.imgur.com/q46je9p.jpg); width: 550px; margin: auto; box-sizing: border-box; border-left: 5px solid #183d23; position: relative; font-family: 'Volkhov', serif; color: #d9d9d9;} .fond_pres ::-webkit-scrollbar {background: #d9d9d9; height: 7px; width: 7px;} .fond_pres ::-webkit-scrollbar-thumb {background: #183d23; border-radius: 27px;} img.header_pres {display: block; margin: auto; padding: 5% 0 0; width: 500px; height: 277px; object-fit: cover;} .fond_pres h2 {background: url(https://i.imgur.com/f2Gmrxf.png) center no-repeat; display: block; font-family: times new roman; font-size: 35px; font-style: italic; letter-spacing: -2px; margin: -12% 0 0 0; padding: 9% 0; text-align: center; text-transform: lowercase; position: relative; color: #d9d9d9; font-weight: normal;} .fond_pres h3 {font-family: 'Alegreya Sans SC', sans-serif; letter-spacing: 2px; text-align: center; position: relative; font-weight: normal; margin: -11% 0 0 0;} .fond_pres h3::before {background: url(https://i.imgur.com/JMQCncn.png); content: ""; width: 10px; height: 10px; display: inline-block; margin: 0 2% 0 0;} .pres_interne {padding: 2% 4%;} img.image_footer, img.minipres {border: 1px solid #d9d9d9; float: left; margin: 0 3%; padding: 1%; width: 100px; height: 100px; object-fit: cover;} .pres_b1 {background: rgba(0,0,0,.2); float: left; width: 31%; padding: 2%; height: 95px; overflow: auto;} .pres_b1 span {text-transform: uppercase; font-family: 'Alegreya Sans SC', sans-serif; font-weight: bold;} .pres_interne h4 {font-size: 20px; font-family: Vollkorn, serif; margin: 0; padding: 0; text-align: center; text-transform: uppercase; font-weight: normal;} .pres_interne h4::before {background: url(https://i.imgur.com/uvFlIUJ.png); content: ""; width: 10px; height: 15px; display: inline-block; margin: 0 2% 0 0;} .contenu_pres {background: rgba(0,0,0,.2); border-left: 2px solid #568A25; padding: 2% 5%;} .contenu_pres span {text-transform: uppercase; font-family: 'Alegreya Sans SC', sans-serif; font-weight: bold; color: #568A25;} .contenu_pres.histoire {height: 200px; overflow: auto;} .fond_pres h2.footer {margin: 0;} .informations_footer {background: rgba(0,0,0,.2); border-left: 2px solid #568A25; padding: 2% 5%; float: left; width: 60%; height: 90px; overflow: auto;} .informations_footer span {font-family: 'Alegreya Sans SC', sans-serif; font-weight: 700; text-transform: uppercase;} a.morsmordre_credits {color: #d9d9d9; display: block; font-family: Helvetica; font-size: 10px; font-style: italic; letter-spacing: -1px; margin: 4% 0 0; text-align: center; text-decoration: none; text-transform: lowercase; padding: 0 0 1%;}</style><div class="fond_pres"><img src="https://i.imgur.com/jAgHpAm.jpg" class="header_pres" alt="" /><h2>Nom Prénom</h2>
<h3>Je vais tout défoncer !</h3>

<div class="pres_interne"><div class="pres_b1"><span>Genre :</span> Masculin ou féminin.
<span>Âge :</span> écrire ici.
<span>Métier ou Année :</span> écrire ici.
<span>Maison ou Ancienne Maison :</span> écrire ici.
<span>Statut de sang :</span> Sang-Pur, Sang-Mêlé, Né-Moldu, Cracmol.</div><img src="https://i.imgur.com/eDoY0YW.jpg" class="minipres" alt="" /><div class="pres_b1"><span>Familier :</span> facultatif.
<span>Baguette :</span> Bois, coeur, taille et maniabilité
<span>Patronus :</span> La forme animale que prend ce dernier.
<span>Epouvantard :</span> Un épouvantard est une créature qui peut changer d'aspect à volonté et qui prend la forme la plus terrifiante possible. Il suffit de mettre ce qui effraye le plus le personnage.
<span>Amortentia :</span> L'odeur qui attire le plus le personnage.
<span>Lieu de résidence :</span> écrire ici.</div>
<div class="clear"></div>

<h4>Physique</h4>
<div class="contenu_pres"><span>Taille :</span> écrire ici
<span>Corpulence :</span> écrire ici
<span>Cheveux :</span> La couleur.
<span>Yeux :</span> La couleur.
<span>Signes distinctifs :</span> écrire ici.
<span>Style vestimentaire :</span> écrire ici.</div>

<h4>Mental</h4>
<div class="contenu_pres"><span>Qualités :</span> énoncez rapidement.
<span>Défauts :</span> énoncez rapidement.
<span>Préférences :</span> Ce qu'il aime.
<span>Antipathies :</span> Ce qu'il n'aime pas.</div>

<h4>Avenir & Situation</h4>
<div class="contenu_pres"><span>Réputation :</span> Comment est-il perçu en général.
<span>Projets :</span> Ce qu'il souhaite faire après ses études ou ce qu'il cherche à atteindre.
<span>Famille  :</span> ses parents sont-ils sorciers ? A-t-il des frères et soeurs à Poudlard ? </div>

<h4>Histoire</h4>
<div class="contenu_pres histoire">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse nec urna placerat, ullamcorper augue ac, placerat ligula. Curabitur sit amet ligula felis. Nullam at lacinia turpis. Nam sit amet nisl quis dui interdum tincidunt. Fusce non enim sem. Vivamus ultrices risus id blandit dapibus. Vivamus id tortor in ex ullamcorper tincidunt. Duis consectetur tellus purus, a lacinia sapien volutpat at. Praesent sed ex tempus, pharetra velit nec, porta magna. Pellentesque tincidunt eu tortor a ultrices. Morbi elementum sapien urna, vitae elementum metus aliquet eget. Interdum et malesuada fames ac ante ipsum primis in faucibus. Suspendisse condimentum eros nunc, tempor interdum ex porttitor vel. Nunc sagittis eros at lacus posuere facilisis. Sed vitae faucibus felis, ultrices ultrices libero. Morbi non ante eu nunc lacinia rutrum id vitae ante.

Mauris fermentum eleifend ornare. Sed feugiat et urna vestibulum sodales. Vivamus vitae turpis sollicitudin ligula congue consectetur sed nec erat. Vivamus convallis condimentum sodales. Fusce efficitur dignissim lectus, pellentesque consequat eros mattis non. Donec blandit, ante id pellentesque ultricies, leo justo mollis ipsum, et finibus metus lorem ac lectus. Morbi lectus tellus, porta id vehicula nec, tempor a mauris. Proin sollicitudin dui sit amet elit volutpat tincidunt. Praesent id semper sem. Suspendisse maximus tempor massa, eu aliquet quam tempor ut. Donec tincidunt elit ac varius egestas. Suspendisse potenti.

Integer elementum consequat urna nec cursus. Donec pretium pulvinar sapien eget volutpat. Aliquam interdum eu ipsum in aliquet. Proin in justo mi. Suspendisse viverra, lorem at elementum imperdiet, massa massa laoreet mauris, id consequat urna diam a tellus. Sed lacinia et arcu ac vestibulum. Etiam a rutrum libero, in lacinia odio. Proin lorem lacus, sodales quis tellus et, fermentum efficitur augue.</div>

<h2 class="footer">Pseudo</h2>
<h3 class="footer">Parce que je suis un être humain aussi</h3>

<img src="https://i.imgur.com/52URZXh.jpg" alt="" class="image_footer" /><div class="informations_footer"><span>Comment tu nous as trouvés :</span> écrire ici.
<span>Personnage ou auteur de l'avatar :</span> écrire ici.
<span>Un petit mot :</span> écrire ici.</div>
<div class="clear"></div>
</div><a href="http://ls-halloween.fr/" class="morsmordre_credits">Halloween</a>
</div>
               
Revenir en haut Aller en bas
https://snake-test.forumgratuit.org
Snake
La nature se rit des souffrances humaines
Snake


Messages : 2591
Date d'inscription : 08/01/2012

Codes et prez - Page 12 Empty
MessageSujet: Re: Codes et prez   Codes et prez - Page 12 Icon_minitimeMar 22 Jan - 19:40

Codes et prez - Page 12 LXGCjhe

Nom du personnage



Identité

Nom Nom
Prénom Prénom
Age Age
Groupe Age
Race Race

Physique

Codes et prez - Page 12 98gTH7h
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum semper porttitor varius. Morbi et tellus dapibus, viverra elit id, pretium dui. Nullam vitae justo consequat, ultricies diam ut, egestas libero. Nunc a lacus est. Sed dictum nunc eget sapien suscipit, vel rhoncus sapien egestas. Integer hendrerit, nisl nec pretium scelerisque, ipsum mi dignissim felis, vitae semper lectus augue in massa. Fusce ultrices et nisl et fermentum. Nunc id lacus eget odio semper imperdiet. Suspendisse convallis massa ut velit egestas finibus. Sed elit libero, mollis eget neque non, semper pellentesque augue. Praesent malesuada efficitur erat sed aliquet. Maecenas efficitur ac nulla vitae condimentum. Cras volutpat non justo et aliquet.

Vivamus at velit tempus, euismod elit in, dictum felis. Praesent nisl magna, suscipit vitae neque pretium, lobortis gravida lorem. Vivamus vestibulum sollicitudin tristique. Praesent cursus quam nisl, sit amet efficitur sapien imperdiet id. Curabitur maximus venenatis massa at scelerisque. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam gravida dignissim ex, eget mattis nunc suscipit a. Duis magna diam, malesuada pretium mauris eget, semper hendrerit turpis.

Caractère


Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum semper porttitor varius. Morbi et tellus dapibus, viverra elit id, pretium dui. Nullam vitae justo consequat, ultricies diam ut, egestas libero. Nunc a lacus est. Sed dictum nunc eget sapien suscipit, vel rhoncus sapien egestas. Integer hendrerit, nisl nec pretium scelerisque, ipsum mi dignissim felis, vitae semper lectus augue in massa. Fusce ultrices et nisl et fermentum. Nunc id lacus eget odio semper imperdiet. Suspendisse convallis massa ut velit egestas finibus. Sed elit libero, mollis eget neque non, semper pellentesque augue. Praesent malesuada efficitur erat sed aliquet. Maecenas efficitur ac nulla vitae condimentum. Cras volutpat non justo et aliquet.

Vivamus at velit tempus, euismod elit in, dictum felis. Praesent nisl magna, suscipit vitae neque pretium, lobortis gravida lorem. Vivamus vestibulum sollicitudin tristique. Praesent cursus quam nisl, sit amet efficitur sapien imperdiet id. Curabitur maximus venenatis massa at scelerisque. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam gravida dignissim ex, eget mattis nunc suscipit a. Duis magna diam, malesuada pretium mauris eget, semper hendrerit turpis.



Histoire


Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum semper porttitor varius. Morbi et tellus dapibus, viverra elit id, pretium dui. Nullam vitae justo consequat, ultricies diam ut, egestas libero. Nunc a lacus est. Sed dictum nunc eget sapien suscipit, vel rhoncus sapien egestas. Integer hendrerit, nisl nec pretium scelerisque, ipsum mi dignissim felis, vitae semper lectus augue in massa. Fusce ultrices et nisl et fermentum. Nunc id lacus eget odio semper imperdiet. Suspendisse convallis massa ut velit egestas finibus. Sed elit libero, mollis eget neque non, semper pellentesque augue. Praesent malesuada efficitur erat sed aliquet. Maecenas efficitur ac nulla vitae condimentum. Cras volutpat non justo et aliquet.

Vivamus at velit tempus, euismod elit in, dictum felis. Praesent nisl magna, suscipit vitae neque pretium, lobortis gravida lorem. Vivamus vestibulum sollicitudin tristique. Praesent cursus quam nisl, sit amet efficitur sapien imperdiet id. Curabitur maximus venenatis massa at scelerisque. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam gravida dignissim ex, eget mattis nunc suscipit a. Duis magna diam, malesuada pretium mauris eget, semper hendrerit turpis.





Maîtrises


Maîtrise 1Maîtrise 2Maîtrise 3



Don


Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum semper porttitor varius. Morbi et tellus dapibus, viverra elit id, pretium dui. Nullam vitae justo consequat, ultricies diam ut, egestas libero. Nunc a lacus est. Sed dictum nunc eget sapien suscipit, vel rhoncus sapien egestas. Integer hendrerit, nisl nec pretium scelerisque, ipsum mi dignissim felis, vitae semper lectus augue in massa. Fusce ultrices et nisl et fermentum. Nunc id lacus eget odio semper imperdiet. Suspendisse convallis massa ut velit egestas finibus. Sed elit libero, mollis eget neque non, semper pellentesque augue. Praesent malesuada efficitur erat sed aliquet. Maecenas efficitur ac nulla vitae condimentum. Cras volutpat non justo et aliquet.

Vivamus at velit tempus, euismod elit in, dictum felis. Praesent nisl magna, suscipit vitae neque pretium, lobortis gravida lorem. Vivamus vestibulum sollicitudin tristique. Praesent cursus quam nisl, sit amet efficitur sapien imperdiet id. Curabitur maximus venenatis massa at scelerisque. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam gravida dignissim ex, eget mattis nunc suscipit a. Duis magna diam, malesuada pretium mauris eget, semper hendrerit turpis.




Code:
                    <link href="https://fonts.googleapis.com/css?family=Abel" rel="stylesheet"><style>.fiche_presentation ::-webkit-scrollbar {width: 10px;} .fiche_presentation ::-webkit-scrollbar-thumb {background: #888;} .fiche_presentation ::-webkit-scrollbar-track {background: #252b2f;} .clear {clear: both;} .fiche_presentation {width: 600px; margin: 2% auto; background: #252b2f; font-size: 11px; text-align: justify; padding: 0 0 4% 0;} .fiche_presentation .illustration {max-width: 100%;} .fiche_presentation h2 {text-align: center; margin: 5% 0 2%; padding: 0; border: 0; color: #ffffff; font-size: 40px; font-family: 'Abel', sans-serif; font-weight: normal; text-transform: uppercase;} .fiche_presentation h3 {text-transform: uppercase; text-align: center; font-family: 'Abel', sans-serif; font-size: 25px; color: #ffffff; font-weight: normal; margin: 4% 0 2%; letter-spacing: .2rem;} .fiche_presentation .separation {background: url(http://img110.xooimage.com/files/f/e/e/separateur-5513574.png); width: 95%; height: 100px; margin: auto;} .fiche_presentation .identite {float: left; margin: 0 3% 0 5%; width: 250px;} .fiche_presentation .identite p {width: 100%; height: 320px; overflow: auto; padding: 5%; box-sizing: border-box; background: #fff; margin: 5% 0 0;} .fiche_presentation .identite p span {font-weight: bold; text-transform: uppercase; font-size: 10px; letter-spacing: 1px;} .fiche_presentation .physique {float: right; text-align: center; margin: 0 5% 0 3%; width: 250px;} .fiche_presentation .bloc_physique {width: 250px; height: 320px; overflow: hidden; margin: 5% 0 0;} .fiche_presentation .bloc_physique:hover .description {margin-top: -320px; transition: .5s all; display: block;} .fiche_presentation .bloc_physique .description {background: #fff; width: 250px; height: 320px; text-align: justify; padding: 10%; box-sizing: border-box; transition: .5s all; position: relative; z-index: 2; overflow: auto;} .fiche_presentation p {width: 90%; padding: 5%; margin: auto; box-sizing: border-box; display: block; overflow: auto; height: 250px; background: #fff;} .fiche_presentation p span {font-weight: bold; font-size: 12px; letter-spacing: 1px;} .fiche_presentation p.maitrises {background: none; padding: 0; height: auto;} .fiche_presentation p.maitrises span {display: block; text-align: center; background: #fff; padding: 2% 0; margin: 0 2% 2% 2%; font-family: 'Abel', sans-serif; letter-spacing: 2px; text-transform: uppercase; font-size: 12px; transition: .5s all;} .fiche_presentation p.maitrises span:hover {background: #888; transition: .5s all; color: #e3e3e3;}</style><div class="fiche_presentation"><img src="https://i.imgur.com/LXGCjhe.jpg" alt="" class="illustration" /><h2>Nom du personnage</h2>
<div class="separation"></div>
<div class="identite"><h3>Identité</h3><p><span>Nom</span> Nom
<span>Prénom</span> Prénom
<span>Age</span> Age
<span>Groupe</span> Age
<span>Race</span> Race</p></div><div class="physique"><h3>Physique</h3><div class="bloc_physique"><img src="https://i.imgur.com/98gTH7h.jpg" alt="" /><div class="description">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum semper porttitor varius. Morbi et tellus dapibus, viverra elit id, pretium dui. Nullam vitae justo consequat, ultricies diam ut, egestas libero. Nunc a lacus est. Sed dictum nunc eget sapien suscipit, vel rhoncus sapien egestas. Integer hendrerit, nisl nec pretium scelerisque, ipsum mi dignissim felis, vitae semper lectus augue in massa. Fusce ultrices et nisl et fermentum. Nunc id lacus eget odio semper imperdiet. Suspendisse convallis massa ut velit egestas finibus. Sed elit libero, mollis eget neque non, semper pellentesque augue. Praesent malesuada efficitur erat sed aliquet. Maecenas efficitur ac nulla vitae condimentum. Cras volutpat non justo et aliquet.

Vivamus at velit tempus, euismod elit in, dictum felis. Praesent nisl magna, suscipit vitae neque pretium, lobortis gravida lorem. Vivamus vestibulum sollicitudin tristique. Praesent cursus quam nisl, sit amet efficitur sapien imperdiet id. Curabitur maximus venenatis massa at scelerisque. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam gravida dignissim ex, eget mattis nunc suscipit a. Duis magna diam, malesuada pretium mauris eget, semper hendrerit turpis.</div></div></div><div class="clear"></div>
<h3>Caractère</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum semper porttitor varius. Morbi et tellus dapibus, viverra elit id, pretium dui. Nullam vitae justo consequat, ultricies diam ut, egestas libero. Nunc a lacus est. Sed dictum nunc eget sapien suscipit, vel rhoncus sapien egestas. Integer hendrerit, nisl nec pretium scelerisque, ipsum mi dignissim felis, vitae semper lectus augue in massa. Fusce ultrices et nisl et fermentum. Nunc id lacus eget odio semper imperdiet. Suspendisse convallis massa ut velit egestas finibus. Sed elit libero, mollis eget neque non, semper pellentesque augue. Praesent malesuada efficitur erat sed aliquet. Maecenas efficitur ac nulla vitae condimentum. Cras volutpat non justo et aliquet.

Vivamus at velit tempus, euismod elit in, dictum felis. Praesent nisl magna, suscipit vitae neque pretium, lobortis gravida lorem. Vivamus vestibulum sollicitudin tristique. Praesent cursus quam nisl, sit amet efficitur sapien imperdiet id. Curabitur maximus venenatis massa at scelerisque. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam gravida dignissim ex, eget mattis nunc suscipit a. Duis magna diam, malesuada pretium mauris eget, semper hendrerit turpis.</p>

<h3>Histoire</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum semper porttitor varius. Morbi et tellus dapibus, viverra elit id, pretium dui. Nullam vitae justo consequat, ultricies diam ut, egestas libero. Nunc a lacus est. Sed dictum nunc eget sapien suscipit, vel rhoncus sapien egestas. Integer hendrerit, nisl nec pretium scelerisque, ipsum mi dignissim felis, vitae semper lectus augue in massa. Fusce ultrices et nisl et fermentum. Nunc id lacus eget odio semper imperdiet. Suspendisse convallis massa ut velit egestas finibus. Sed elit libero, mollis eget neque non, semper pellentesque augue. Praesent malesuada efficitur erat sed aliquet. Maecenas efficitur ac nulla vitae condimentum. Cras volutpat non justo et aliquet.

Vivamus at velit tempus, euismod elit in, dictum felis. Praesent nisl magna, suscipit vitae neque pretium, lobortis gravida lorem. Vivamus vestibulum sollicitudin tristique. Praesent cursus quam nisl, sit amet efficitur sapien imperdiet id. Curabitur maximus venenatis massa at scelerisque. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam gravida dignissim ex, eget mattis nunc suscipit a. Duis magna diam, malesuada pretium mauris eget, semper hendrerit turpis.</p>

<div class="separation"></div>

<h3>Maîtrises</h3>
<p class="maitrises"><span>Maîtrise 1</span><span>Maîtrise 2</span><span>Maîtrise 3</span></p>

<h3>Don</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum semper porttitor varius. Morbi et tellus dapibus, viverra elit id, pretium dui. Nullam vitae justo consequat, ultricies diam ut, egestas libero. Nunc a lacus est. Sed dictum nunc eget sapien suscipit, vel rhoncus sapien egestas. Integer hendrerit, nisl nec pretium scelerisque, ipsum mi dignissim felis, vitae semper lectus augue in massa. Fusce ultrices et nisl et fermentum. Nunc id lacus eget odio semper imperdiet. Suspendisse convallis massa ut velit egestas finibus. Sed elit libero, mollis eget neque non, semper pellentesque augue. Praesent malesuada efficitur erat sed aliquet. Maecenas efficitur ac nulla vitae condimentum. Cras volutpat non justo et aliquet.

Vivamus at velit tempus, euismod elit in, dictum felis. Praesent nisl magna, suscipit vitae neque pretium, lobortis gravida lorem. Vivamus vestibulum sollicitudin tristique. Praesent cursus quam nisl, sit amet efficitur sapien imperdiet id. Curabitur maximus venenatis massa at scelerisque. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam gravida dignissim ex, eget mattis nunc suscipit a. Duis magna diam, malesuada pretium mauris eget, semper hendrerit turpis.</p></div>
               
Revenir en haut Aller en bas
https://snake-test.forumgratuit.org
Snake
La nature se rit des souffrances humaines
Snake


Messages : 2591
Date d'inscription : 08/01/2012

Codes et prez - Page 12 Empty
MessageSujet: Re: Codes et prez   Codes et prez - Page 12 Icon_minitimeMar 22 Jan - 19:41

Prénom NomUne petite citation

Codes et prez - Page 12 Ivar-0
PrénomNomAgeGroupe
Physique et caractère en quelques lignes.

Histoire du personnage.

Le bloc s'allonge vers le bas en fonction de la longueur du texte écrit.
Halloween



Code:
                <link href="https://fonts.googleapis.com/css?family=Share+Tech+Mono" rel="stylesheet"><style>.colbylake {background: url(https://i.servimg.com/u/f38/19/69/79/53/sujet_11.png) no-repeat top, url(https://i.servimg.com/u/f38/19/69/79/53/sujet_10.png) no-repeat bottom #eee; box-sizing: border-box; color: #1a1919; font-family: 'Share Tech Mono', monospace; margin: auto; padding: 15% 4.5% 5%; width: 500px;} .colbylake h2 {background: #323334; border: 1px solid rgba(26,25,25,.9); text-align: center; font-size: 18px; letter-spacing: 5px; color: #eee; font-weight: normal; text-transform: uppercase; padding: 4%; margin: 8% 0 3%;} .colbylake h2 span {display: block; font-size: 10px; text-transform: lowercase;} .colbylake .content {background: #fbfbfb; box-sizing: border-box; padding: 5% 4%; text-align: justify; letter-spacing: 1px; border: 1px solid rgba(26,25,25,.2);} .header_presentation #img_pres {width: 100px; height: 150px; object-fit: cover; border: 1px solid rgba(26,25,25,.6); float: left;} .informations_pres {float: left; width: 71.7%; background: #fbfbfb; border: 1px solid rgba(26,25,25,.2); margin: 0 0 0 2%; padding: 2%; box-sizing: border-box;height: 152px;} .header_presentation::after {clear: both; display: block; content: "";} .pres_mots_cles {float: left; width: 38%; margin: 0 5% 0 0;} .pres_mots_cles span {display: block; text-align: right; background: #3f514d; color: #eee; letter-spacing: 1px; border: 1px solid rgba(26,25,25,.2); margin: 0 0 10% 0; padding: 0 10% 0 0;} .pres_physique {background: #eee; padding: 2%; box-sizing: border-box; float: left; width: 57%; height: 134px; overflow: auto; text-align: justify; border: 1px solid rgba(26,25,25,.2); line-height: 1;} .colbylake.presentation .content {min-height: 300px;} a.credits_fiche {display: block; text-align: center; text-decoration: none; font-size: 10px; margin: 2% 0 0; color: rgba(26,25,25,.2);}</style><div class="colbylake presentation"><h2>Prénom Nom<span>Une petite citation</span></h2><div class="header_presentation"><img id="img_pres" src="https://media.melty.fr/article-3638054-raw/ivar-0.gif" alt="" /><div class="informations_pres"><div class="pres_mots_cles"><span>Prénom</span><span>Nom</span><span>Age</span><span>Groupe</span></div><div class="pres_physique">Physique et caractère en quelques lignes.</div></div></div>
<div class="content">Histoire du personnage.

Le bloc s'allonge vers le bas en fonction de la longueur du texte écrit.</div><a href="http://ls-halloween.fr" target="_blank" class="credits_fiche">Halloween</a></div>
           
Revenir en haut Aller en bas
https://snake-test.forumgratuit.org
Snake
La nature se rit des souffrances humaines
Snake


Messages : 2591
Date d'inscription : 08/01/2012

Codes et prez - Page 12 Empty
MessageSujet: Re: Codes et prez   Codes et prez - Page 12 Icon_minitimeMar 22 Jan - 19:41


{ Prénom NOM



Codes et prez - Page 12 URL IMAGE 100*100Codes et prez - Page 12 URL IMAGE 100*100
Prénom NOM a XX ans. C'est un petit Métier qui aime des trucs. En revanche il déteste d'autres trucs.

Récemment Prénom a prit le pseudonyme de TADAA, histoire de ne pas être capté aussi rapidement qu'avant. Néanmoins on le reconnait aisément à casue de ses boutons d'acné.

Prénom personnage — Oeuvre est utilisé pour sa gueule d'ange.


In my mind


Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis imperdiet varius arcu, porta sodales enim. Suspendisse placerat condimentum molestie. Morbi interdum dui ut cursus rhoncus. Nunc interdum ac erat a vulputate. Etiam sed imperdiet elit. Vestibulum mollis sapien nec ipsum sagittis blandit. Nullam et facilisis velit. Nulla lobortis malesuada magna sit amet laoreet. Mauris metus magna, bibendum eu auctor sed, tempus et ligula. In vitae est fermentum, consectetur mauris et, fringilla nisl. Cras sagittis ipsum in tellus posuere venenatis.

Aenean dapibus, dui sit amet suscipit commodo, metus ligula cursus neque, vitae ornare tellus quam id nulla. Nulla commodo purus nunc, id sollicitudin dui suscipit at. Integer nulla lorem, commodo id ligula eget, dapibus fermentum dolor. Curabitur posuere, nulla et molestie maximus, tortor ipsum bibendum enim, ac pulvinar magna ipsum at metus. Proin accumsan sollicitudin ligula, eget tincidunt elit auctor a. Cras rutrum nunc vitae est auctor, sed gravida arcu porttitor. Aliquam fermentum efficitur tortor ac euismod. Vestibulum varius id magna ac efficitur. Vivamus vestibulum ipsum quis consequat feugiat. Vivamus cursus neque elit, placerat feugiat magna malesuada a. Suspendisse cursus pharetra orci nec feugiat. Pellentesque lacinia est urna, ut porta nibh imperdiet nec. Maecenas eget urna ut sem commodo posuere. Aliquam consequat, velit eu posuere porta, tortor mi maximus sem, vitae bibendum ipsum justo nec erat. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae;

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis imperdiet varius arcu, porta sodales enim. Suspendisse placerat condimentum molestie. Morbi interdum dui ut cursus rhoncus. Nunc interdum ac erat a vulputate. Etiam sed imperdiet elit. Vestibulum mollis sapien nec ipsum sagittis blandit. Nullam et facilisis velit. Nulla lobortis malesuada magna sit amet laoreet. Mauris metus magna, bibendum eu auctor sed, tempus et ligula. In vitae est fermentum, consectetur mauris et, fringilla nisl. Cras sagittis ipsum in tellus posuere venenatis.

Aenean dapibus, dui sit amet suscipit commodo, metus ligula cursus neque, vitae ornare tellus quam id nulla. Nulla commodo purus nunc, id sollicitudin dui suscipit at. Integer nulla lorem, commodo id ligula eget, dapibus fermentum dolor. Curabitur posuere, nulla et molestie maximus, tortor ipsum bibendum enim, ac pulvinar magna ipsum at metus. Proin accumsan sollicitudin ligula, eget tincidunt elit auctor a. Cras rutrum nunc vitae est auctor, sed gravida arcu porttitor. Aliquam fermentum efficitur tortor ac euismod. Vestibulum varius id magna ac efficitur. Vivamus vestibulum ipsum quis consequat feugiat. Vivamus cursus neque elit, placerat feugiat magna malesuada a. Suspendisse cursus pharetra orci nec feugiat. Pellentesque lacinia est urna, ut porta nibh imperdiet nec. Maecenas eget urna ut sem commodo posuere. Aliquam consequat, velit eu posuere porta, tortor mi maximus sem, vitae bibendum ipsum justo nec erat. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae;




Sors pas les mouchoirs


Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis imperdiet varius arcu, porta sodales enim. Suspendisse placerat condimentum molestie. Morbi interdum dui ut cursus rhoncus. Nunc interdum ac erat a vulputate. Etiam sed imperdiet elit. Vestibulum mollis sapien nec ipsum sagittis blandit. Nullam et facilisis velit. Nulla lobortis malesuada magna sit amet laoreet. Mauris metus magna, bibendum eu auctor sed, tempus et ligula. In vitae est fermentum, consectetur mauris et, fringilla nisl. Cras sagittis ipsum in tellus posuere venenatis.

Aenean dapibus, dui sit amet suscipit commodo, metus ligula cursus neque, vitae ornare tellus quam id nulla. Nulla commodo purus nunc, id sollicitudin dui suscipit at. Integer nulla lorem, commodo id ligula eget, dapibus fermentum dolor. Curabitur posuere, nulla et molestie maximus, tortor ipsum bibendum enim, ac pulvinar magna ipsum at metus. Proin accumsan sollicitudin ligula, eget tincidunt elit auctor a. Cras rutrum nunc vitae est auctor, sed gravida arcu porttitor. Aliquam fermentum efficitur tortor ac euismod. Vestibulum varius id magna ac efficitur. Vivamus vestibulum ipsum quis consequat feugiat. Vivamus cursus neque elit, placerat feugiat magna malesuada a. Suspendisse cursus pharetra orci nec feugiat. Pellentesque lacinia est urna, ut porta nibh imperdiet nec. Maecenas eget urna ut sem commodo posuere. Aliquam consequat, velit eu posuere porta, tortor mi maximus sem, vitae bibendum ipsum justo nec erat. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae;

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis imperdiet varius arcu, porta sodales enim. Suspendisse placerat condimentum molestie. Morbi interdum dui ut cursus rhoncus. Nunc interdum ac erat a vulputate. Etiam sed imperdiet elit. Vestibulum mollis sapien nec ipsum sagittis blandit. Nullam et facilisis velit. Nulla lobortis malesuada magna sit amet laoreet. Mauris metus magna, bibendum eu auctor sed, tempus et ligula. In vitae est fermentum, consectetur mauris et, fringilla nisl. Cras sagittis ipsum in tellus posuere venenatis.

Aenean dapibus, dui sit amet suscipit commodo, metus ligula cursus neque, vitae ornare tellus quam id nulla. Nulla commodo purus nunc, id sollicitudin dui suscipit at. Integer nulla lorem, commodo id ligula eget, dapibus fermentum dolor. Curabitur posuere, nulla et molestie maximus, tortor ipsum bibendum enim, ac pulvinar magna ipsum at metus. Proin accumsan sollicitudin ligula, eget tincidunt elit auctor a. Cras rutrum nunc vitae est auctor, sed gravida arcu porttitor. Aliquam fermentum efficitur tortor ac euismod. Vestibulum varius id magna ac efficitur. Vivamus vestibulum ipsum quis consequat feugiat. Vivamus cursus neque elit, placerat feugiat magna malesuada a. Suspendisse cursus pharetra orci nec feugiat. Pellentesque lacinia est urna, ut porta nibh imperdiet nec. Maecenas eget urna ut sem commodo posuere. Aliquam consequat, velit eu posuere porta, tortor mi maximus sem, vitae bibendum ipsum justo nec erat. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae;

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis imperdiet varius arcu, porta sodales enim. Suspendisse placerat condimentum molestie. Morbi interdum dui ut cursus rhoncus. Nunc interdum ac erat a vulputate. Etiam sed imperdiet elit. Vestibulum mollis sapien nec ipsum sagittis blandit. Nullam et facilisis velit. Nulla lobortis malesuada magna sit amet laoreet. Mauris metus magna, bibendum eu auctor sed, tempus et ligula. In vitae est fermentum, consectetur mauris et, fringilla nisl. Cras sagittis ipsum in tellus posuere venenatis.

Aenean dapibus, dui sit amet suscipit commodo, metus ligula cursus neque, vitae ornare tellus quam id nulla. Nulla commodo purus nunc, id sollicitudin dui suscipit at. Integer nulla lorem, commodo id ligula eget, dapibus fermentum dolor. Curabitur posuere, nulla et molestie maximus, tortor ipsum bibendum enim, ac pulvinar magna ipsum at metus. Proin accumsan sollicitudin ligula, eget tincidunt elit auctor a. Cras rutrum nunc vitae est auctor, sed gravida arcu porttitor. Aliquam fermentum efficitur tortor ac euismod. Vestibulum varius id magna ac efficitur. Vivamus vestibulum ipsum quis consequat feugiat. Vivamus cursus neque elit, placerat feugiat magna malesuada a. Suspendisse cursus pharetra orci nec feugiat. Pellentesque lacinia est urna, ut porta nibh imperdiet nec. Maecenas eget urna ut sem commodo posuere. Aliquam consequat, velit eu posuere porta, tortor mi maximus sem, vitae bibendum ipsum justo nec erat. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae;




Codes et prez - Page 12 Q3zP90w Ici toute la partie HRP qui roxe du poney


Halloween


Code:
<link href="https://fonts.googleapis.com/css?family=Heebo|Roboto+Condensed|Mr+Dafoe" rel="stylesheet"><style>.hallow ::-webkit-scrollbar-thumb {background: #ab0000;} .hallow ::-webkit-scrollbar-track {background: #f1f1f1;}.hallow {font-size: 11px; color: #e3e3e3; background: #000; width: 450px; margin: auto; text-align: justify; line-height: 1.5; padding: 5%; box-sizing: border-box;} .hallow h2 {color: #fff; text-align: right; font-family: georgia; font-size: 20px; font-style: italic; letter-spacing: -2px; text-transform: lowercase; margin: 0;} .hallow h2 span {color: #ab0000;} .hallow p {font-family: 'Heebo', sans-serif; width: 100%; padding: 0 5% 0 0; box-sizing: border-box; height: 150px; overflow: auto;} .hallow h3, .hallow .credits {font-family: 'Roboto Condensed'; letter-spacing: 0; font-size: 10px; color: #e3e3e3; font-weight: normal; text-align: right; text-transform: uppercase; margin: 0; float: right;} .hallow h3::after, .hallow .credits::after {content: ""; display: block; border-bottom: 1px solid #ab0000; width: 40%; float: right;} .clear {clear: both;} .icons img {border: 1px solid #ab0000; padding: 8px; display: block; margin: 0 0 2% 0;} .icons {float: left; margin: 0 5% 0 0;} .intro span {color: #ab0000; text-transform: uppercase; font-family: courier new; font-weight: 100; letter-spacing: 1px; font-weight: bold;} .hallow .separation {width: 100%;} .hallow footer {background: url(https://imgur.com/1AKgq1D.gif) center; font-family: 'Heebo';} .hallow footer img {float: left; margin: 2% 2% 2% 0;}</style><br><div class="hallow"><h2><span>{</span> Prénom NOM</h2><br>
<div class="icons"><img src="URL IMAGE 100*100" alt="" /><img src="URL IMAGE 100*100" alt="" /></div><div class="intro">Prénom NOM a <span>XX ans</span>. C'est un petit <span>Métier</span> qui aime <span>des trucs</span>. En revanche il déteste <span>d'autres trucs</span>.

Récemment Prénom a prit le pseudonyme de <span>TADAA</span>, histoire de ne pas être capté aussi rapidement qu'avant. Néanmoins on le reconnait aisément à casue de <span>ses boutons d'acné</span>.

<span>Prénom personnage — Oeuvre</span> est utilisé pour sa gueule d'ange.</div><div class="clear"></div>

<h3>In my mind</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis imperdiet varius arcu, porta sodales enim. Suspendisse placerat condimentum molestie. Morbi interdum dui ut cursus rhoncus. Nunc interdum ac erat a vulputate. Etiam sed imperdiet elit. Vestibulum mollis sapien nec ipsum sagittis blandit. Nullam et facilisis velit. Nulla lobortis malesuada magna sit amet laoreet. Mauris metus magna, bibendum eu auctor sed, tempus et ligula. In vitae est fermentum, consectetur mauris et, fringilla nisl. Cras sagittis ipsum in tellus posuere venenatis.

Aenean dapibus, dui sit amet suscipit commodo, metus ligula cursus neque, vitae ornare tellus quam id nulla. Nulla commodo purus nunc, id sollicitudin dui suscipit at. Integer nulla lorem, commodo id ligula eget, dapibus fermentum dolor. Curabitur posuere, nulla et molestie maximus, tortor ipsum bibendum enim, ac pulvinar magna ipsum at metus. Proin accumsan sollicitudin ligula, eget tincidunt elit auctor a. Cras rutrum nunc vitae est auctor, sed gravida arcu porttitor. Aliquam fermentum efficitur tortor ac euismod. Vestibulum varius id magna ac efficitur. Vivamus vestibulum ipsum quis consequat feugiat. Vivamus cursus neque elit, placerat feugiat magna malesuada a. Suspendisse cursus pharetra orci nec feugiat. Pellentesque lacinia est urna, ut porta nibh imperdiet nec. Maecenas eget urna ut sem commodo posuere. Aliquam consequat, velit eu posuere porta, tortor mi maximus sem, vitae bibendum ipsum justo nec erat. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae;
   
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis imperdiet varius arcu, porta sodales enim. Suspendisse placerat condimentum molestie. Morbi interdum dui ut cursus rhoncus. Nunc interdum ac erat a vulputate. Etiam sed imperdiet elit. Vestibulum mollis sapien nec ipsum sagittis blandit. Nullam et facilisis velit. Nulla lobortis malesuada magna sit amet laoreet. Mauris metus magna, bibendum eu auctor sed, tempus et ligula. In vitae est fermentum, consectetur mauris et, fringilla nisl. Cras sagittis ipsum in tellus posuere venenatis.

Aenean dapibus, dui sit amet suscipit commodo, metus ligula cursus neque, vitae ornare tellus quam id nulla. Nulla commodo purus nunc, id sollicitudin dui suscipit at. Integer nulla lorem, commodo id ligula eget, dapibus fermentum dolor. Curabitur posuere, nulla et molestie maximus, tortor ipsum bibendum enim, ac pulvinar magna ipsum at metus. Proin accumsan sollicitudin ligula, eget tincidunt elit auctor a. Cras rutrum nunc vitae est auctor, sed gravida arcu porttitor. Aliquam fermentum efficitur tortor ac euismod. Vestibulum varius id magna ac efficitur. Vivamus vestibulum ipsum quis consequat feugiat. Vivamus cursus neque elit, placerat feugiat magna malesuada a. Suspendisse cursus pharetra orci nec feugiat. Pellentesque lacinia est urna, ut porta nibh imperdiet nec. Maecenas eget urna ut sem commodo posuere. Aliquam consequat, velit eu posuere porta, tortor mi maximus sem, vitae bibendum ipsum justo nec erat. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae;</p>


<h3>Sors pas les mouchoirs</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis imperdiet varius arcu, porta sodales enim. Suspendisse placerat condimentum molestie. Morbi interdum dui ut cursus rhoncus. Nunc interdum ac erat a vulputate. Etiam sed imperdiet elit. Vestibulum mollis sapien nec ipsum sagittis blandit. Nullam et facilisis velit. Nulla lobortis malesuada magna sit amet laoreet. Mauris metus magna, bibendum eu auctor sed, tempus et ligula. In vitae est fermentum, consectetur mauris et, fringilla nisl. Cras sagittis ipsum in tellus posuere venenatis.

Aenean dapibus, dui sit amet suscipit commodo, metus ligula cursus neque, vitae ornare tellus quam id nulla. Nulla commodo purus nunc, id sollicitudin dui suscipit at. Integer nulla lorem, commodo id ligula eget, dapibus fermentum dolor. Curabitur posuere, nulla et molestie maximus, tortor ipsum bibendum enim, ac pulvinar magna ipsum at metus. Proin accumsan sollicitudin ligula, eget tincidunt elit auctor a. Cras rutrum nunc vitae est auctor, sed gravida arcu porttitor. Aliquam fermentum efficitur tortor ac euismod. Vestibulum varius id magna ac efficitur. Vivamus vestibulum ipsum quis consequat feugiat. Vivamus cursus neque elit, placerat feugiat magna malesuada a. Suspendisse cursus pharetra orci nec feugiat. Pellentesque lacinia est urna, ut porta nibh imperdiet nec. Maecenas eget urna ut sem commodo posuere. Aliquam consequat, velit eu posuere porta, tortor mi maximus sem, vitae bibendum ipsum justo nec erat. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae;
   
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis imperdiet varius arcu, porta sodales enim. Suspendisse placerat condimentum molestie. Morbi interdum dui ut cursus rhoncus. Nunc interdum ac erat a vulputate. Etiam sed imperdiet elit. Vestibulum mollis sapien nec ipsum sagittis blandit. Nullam et facilisis velit. Nulla lobortis malesuada magna sit amet laoreet. Mauris metus magna, bibendum eu auctor sed, tempus et ligula. In vitae est fermentum, consectetur mauris et, fringilla nisl. Cras sagittis ipsum in tellus posuere venenatis.

Aenean dapibus, dui sit amet suscipit commodo, metus ligula cursus neque, vitae ornare tellus quam id nulla. Nulla commodo purus nunc, id sollicitudin dui suscipit at. Integer nulla lorem, commodo id ligula eget, dapibus fermentum dolor. Curabitur posuere, nulla et molestie maximus, tortor ipsum bibendum enim, ac pulvinar magna ipsum at metus. Proin accumsan sollicitudin ligula, eget tincidunt elit auctor a. Cras rutrum nunc vitae est auctor, sed gravida arcu porttitor. Aliquam fermentum efficitur tortor ac euismod. Vestibulum varius id magna ac efficitur. Vivamus vestibulum ipsum quis consequat feugiat. Vivamus cursus neque elit, placerat feugiat magna malesuada a. Suspendisse cursus pharetra orci nec feugiat. Pellentesque lacinia est urna, ut porta nibh imperdiet nec. Maecenas eget urna ut sem commodo posuere. Aliquam consequat, velit eu posuere porta, tortor mi maximus sem, vitae bibendum ipsum justo nec erat. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae;
   
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis imperdiet varius arcu, porta sodales enim. Suspendisse placerat condimentum molestie. Morbi interdum dui ut cursus rhoncus. Nunc interdum ac erat a vulputate. Etiam sed imperdiet elit. Vestibulum mollis sapien nec ipsum sagittis blandit. Nullam et facilisis velit. Nulla lobortis malesuada magna sit amet laoreet. Mauris metus magna, bibendum eu auctor sed, tempus et ligula. In vitae est fermentum, consectetur mauris et, fringilla nisl. Cras sagittis ipsum in tellus posuere venenatis.

Aenean dapibus, dui sit amet suscipit commodo, metus ligula cursus neque, vitae ornare tellus quam id nulla. Nulla commodo purus nunc, id sollicitudin dui suscipit at. Integer nulla lorem, commodo id ligula eget, dapibus fermentum dolor. Curabitur posuere, nulla et molestie maximus, tortor ipsum bibendum enim, ac pulvinar magna ipsum at metus. Proin accumsan sollicitudin ligula, eget tincidunt elit auctor a. Cras rutrum nunc vitae est auctor, sed gravida arcu porttitor. Aliquam fermentum efficitur tortor ac euismod. Vestibulum varius id magna ac efficitur. Vivamus vestibulum ipsum quis consequat feugiat. Vivamus cursus neque elit, placerat feugiat magna malesuada a. Suspendisse cursus pharetra orci nec feugiat. Pellentesque lacinia est urna, ut porta nibh imperdiet nec. Maecenas eget urna ut sem commodo posuere. Aliquam consequat, velit eu posuere porta, tortor mi maximus sem, vitae bibendum ipsum justo nec erat. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae;
</p>


<footer><img src="https://imgur.com/q3zP90w.gif" alt="" /> Ici toute la partie HRP qui roxe du poney</footer>

<a href="http://ls-halloween.fr/" class="credits" target="_blank">Halloween</a><div class="clear"></div></div>
Revenir en haut Aller en bas
https://snake-test.forumgratuit.org
Snake
La nature se rit des souffrances humaines
Snake


Messages : 2591
Date d'inscription : 08/01/2012

Codes et prez - Page 12 Empty
MessageSujet: Re: Codes et prez   Codes et prez - Page 12 Icon_minitimeMar 22 Jan - 19:45

Codes et prez - Page 12 JAgHpAm

Nom Prénom


Je vais tout défoncer !



Sed laeditur hic coetuum magnificus splendor levitate paucorum incondita, ubi nati sunt non reputantium, sed tamquam indulta licentia vitiis ad errores lapsorum ac lasciviam. ut enim Simonides lyricus docet, beate perfecta ratione vieturo ante alia patriam esse convenit gloriosam. Saraceni tamen nec amici nobis umquam nec hostes optandi, ultro citroque discursantes quicquid inveniri poterat momento temporis parvi vastabant milvorum rapacium similes, qui si praedam dispexerint celsius, volatu rapiunt celeri, aut nisi impetraverint, non inmorantur.


Halloween



Code:
                    <link href="https://fonts.googleapis.com/css?family=Alegreya+Sans|Volkhov" rel="stylesheet"><style>.fond_pres {background: url(https://i.imgur.com/4MLFN8w.png) no-repeat bottom right, url(https://i.imgur.com/q46je9p.jpg); width: 505px; margin: auto; box-sizing: border-box; border-left: 5px solid #183d23; position: relative; font-family: 'Volkhov', serif; color: #d9d9d9;} .fond_pres ::-webkit-scrollbar {background: #d9d9d9; height: 7px; width: 7px;} .fond_pres ::-webkit-scrollbar-thumb {background: #183d23; border-radius: 27px;} .fond_pres h2 {background: url(https://i.imgur.com/f2Gmrxf.png) center no-repeat; display: block; font-family: times new roman; font-size: 35px; font-style: italic; letter-spacing: -2px; margin: -12% 0 0 0; padding: 9% 0; text-align: center; text-transform: lowercase; position: relative; color: #d9d9d9; font-weight: normal;} .fond_pres h3 {font-family: 'Alegreya Sans SC', sans-serif; letter-spacing: 2px; text-align: center; position: relative; font-weight: normal; margin: -11% 0 0 0;} .fond_pres h3::before {background: url(https://i.imgur.com/JMQCncn.png); content: ""; width: 10px; height: 10px; display: inline-block; margin: 0 2% 0 0;} .liens_relations a {text-decoration: none; color: #d9d9d9; transition: .5s all;} .liens_relations a:hover {color: #568A25;} img.image_footer {border: 1px solid #d9d9d9; float: left; margin: 0 3%; padding: 1%; width: 100px; height: 100px; object-fit: cover;} .informations_footer {background: rgba(0,0,0,.2); border-left: 2px solid #568A25; padding: 2% 5%; float: left; width: 60%; height: 90px; overflow: auto;} .informations_footer span {font-family: 'Alegreya Sans SC', sans-serif; font-weight: 700; text-transform: uppercase;} a.morsmordre_credits {color: #d9d9d9; display: block; font-family: Helvetica; font-size: 10px; font-style: italic; letter-spacing: -1px; margin: 4% 0 0; text-align: center; text-decoration: none; text-transform: lowercase; padding: 0 0 1%;} .intro_relation {background: rgba(0,0,0,.2); padding: 5%; width: 80%; margin: 0 auto 2%;} .liens_relations {text-align: center;} .liens_relations a {font-family: 'Alegreya Sans SC', sans-serif; font-weight: 400; letter-spacing: 2px; margin: 0 4% 5%; position: relative; text-align: center;} .liens_relations a::before {background: url(https://i.imgur.com/JMQCncn.png); content: ""; display: inline-block; margin: 0 2% 0 0; width: 10px; height: 10px;} .informations_footer h4 {margin: 0 0 0 2%; display: inline-block; font-family: 'Alegreya Sans SC', sans-serif; line-height: 3;} .informations_footer.gryffondor {border-left: 2px solid #AB2D29;} .informations_footer.gryffondor h4 {color: #AB2D29;} .informations_footer.gryffondor span {background: #AB2D29; padding: 1%;} .informations_footer.serdaigle {border-left: 2px solid #3B40A1;} .informations_footer.serdaigle h4 {color: #3B40A1;} .informations_footer.serdaigle span {background: #3B40A1; padding: 1%;} .informations_footer.serpentard {border-left: 2px solid #568A25;} .informations_footer.serpentard h4 {color: #568A25;} .informations_footer.serpentard span {background: #568A25; padding: 1%;} .informations_footer.poufsouffle {border-left: 2px solid #BFAF00;} .informations_footer.poufsouffle h4 {color: #BFAF00;} .informations_footer.poufsouffle span {background: #BFAF00; padding: 1%;} .informations_footer.poudlard {border-left: 2px solid #1697A8;} .informations_footer.poudlard h4 {color: #1697A8;} .informations_footer.poudlard span {background: #1697A8; padding: 1%;} .informations_footer.ministere {border-left: 2px solid #DB9214;} .informations_footer.ministere h4 {color: #DB9214;} .informations_footer.ministere span {background: #DB9214; padding: 1%;} .informations_footer.sorciers {border-left: 2px solid #693B94;} .informations_footer.sorciers h4 {color: #693B94;} .informations_footer.sorciers span {background: #693B94; padding: 1%;}</style><div class="fond_pres"><img src="https://i.imgur.com/jAgHpAm.jpg" class="header_pres" alt="" /><h2>Nom Prénom</h2>
<h3>Je vais tout défoncer !</h3>

<div class="intro_relation">Sed laeditur hic coetuum magnificus splendor levitate paucorum incondita, ubi nati sunt non reputantium, sed tamquam indulta licentia vitiis ad errores lapsorum ac lasciviam. ut enim Simonides lyricus docet, beate perfecta ratione vieturo ante alia patriam esse convenit gloriosam. Saraceni tamen nec amici nobis umquam nec hostes optandi, ultro citroque discursantes quicquid inveniri poterat momento temporis parvi vastabant milvorum rapacium similes, qui si praedam dispexerint celsius, volatu rapiunt celeri, aut nisi impetraverint, non inmorantur.</div>
<div class="liens_relations"><a href="#">Présentation</a> <a href="#">Rapeltout</a> <a href="#">Hiboux</a></div>
<a href="http://ls-halloween.fr/" class="morsmordre_credits">Halloween</a>
</div>
               







Groupe



Codes et prez - Page 12 52URZXh


Codes et prez - Page 12 52URZXh


Codes et prez - Page 12 52URZXh


Codes et prez - Page 12 52URZXh


Codes et prez - Page 12 52URZXh


Codes et prez - Page 12 52URZXh


Codes et prez - Page 12 52URZXh
Halloween



Code:
                    <link href="https://fonts.googleapis.com/css?family=Alegreya+Sans|Volkhov" rel="stylesheet"><style>.fond_pres {background: url(https://i.imgur.com/4MLFN8w.png) no-repeat bottom right, url(https://i.imgur.com/q46je9p.jpg); width: 550px; margin: auto; box-sizing: border-box; border-left: 5px solid #183d23; position: relative; font-family: 'Volkhov', serif; color: #d9d9d9;} .fond_pres ::-webkit-scrollbar {background: #d9d9d9; height: 7px; width: 7px;} .fond_pres ::-webkit-scrollbar-thumb {background: #183d23; border-radius: 27px;} .fond_pres h2 {background: url(https://i.imgur.com/f2Gmrxf.png) center no-repeat; display: block; font-family: times new roman; font-size: 35px; font-style: italic; letter-spacing: -2px; margin: -12% 0 0 0; padding: 9% 0; text-align: center; text-transform: lowercase; position: relative; color: #d9d9d9; font-weight: normal;} .fond_pres h3 {font-family: 'Alegreya Sans SC', sans-serif; letter-spacing: 2px; text-align: center; position: relative; font-weight: normal; margin: -11% 0 0 0;} .fond_pres h3::before {background: url(https://i.imgur.com/JMQCncn.png); content: ""; width: 10px; height: 10px; display: inline-block; margin: 0 2% 0 0;} .liens_relations a {text-decoration: none; color: #d9d9d9; transition: .5s all;} .liens_relations a:hover {color: #568A25;} img.image_footer {border: 1px solid #d9d9d9; float: left; margin: 0 3%; padding: 1%; width: 100px; height: 100px; object-fit: cover;} .informations_footer {background: rgba(0,0,0,.2); border-left: 2px solid #568A25; padding: 2% 5%; float: left; width: 60%; height: 90px; overflow: auto;} .informations_footer span {font-family: 'Alegreya Sans SC', sans-serif; font-weight: 700; text-transform: uppercase;} a.morsmordre_credits {color: #d9d9d9; display: block; font-family: Helvetica; font-size: 10px; font-style: italic; letter-spacing: -1px; margin: 4% 0 0; text-align: center; text-decoration: none; text-transform: lowercase; padding: 0 0 1%;} .intro_relation {background: rgba(0,0,0,.2); padding: 5%; width: 80%; margin: 0 auto 2%;} .liens_relations {text-align: center;} .liens_relations a {font-family: 'Alegreya Sans SC', sans-serif; font-weight: 400; letter-spacing: 2px; margin: 0 4% 5%; position: relative; text-align: center;} .liens_relations a::before {background: url(https://i.imgur.com/JMQCncn.png); content: ""; display: inline-block; margin: 0 2% 0 0; width: 10px; height: 10px;} .informations_footer h4 {margin: 0 0 0 2%; display: inline-block; font-family: 'Alegreya Sans SC', sans-serif; line-height: 3;} .informations_footer.gryffondor {border-left: 2px solid #AB2D29;} .informations_footer.gryffondor h4 {color: #AB2D29;} .informations_footer.gryffondor span {background: #AB2D29; padding: 1%;} .informations_footer.serdaigle {border-left: 2px solid #3B40A1;} .informations_footer.serdaigle h4 {color: #3B40A1;} .informations_footer.serdaigle span {background: #3B40A1; padding: 1%;} .informations_footer.serpentard {border-left: 2px solid #568A25;} .informations_footer.serpentard h4 {color: #568A25;} .informations_footer.serpentard span {background: #568A25; padding: 1%;} .informations_footer.poufsouffle {border-left: 2px solid #BFAF00;} .informations_footer.poufsouffle h4 {color: #BFAF00;} .informations_footer.poufsouffle span {background: #BFAF00; padding: 1%;} .informations_footer.poudlard {border-left: 2px solid #1697A8;} .informations_footer.poudlard h4 {color: #1697A8;} .informations_footer.poudlard span {background: #1697A8; padding: 1%;} .informations_footer.ministere {border-left: 2px solid #DB9214;} .informations_footer.ministere h4 {color: #DB9214;} .informations_footer.ministere span {background: #DB9214; padding: 1%;} .informations_footer.sorciers {border-left: 2px solid #693B94;} .informations_footer.sorciers h4 {color: #693B94;} .informations_footer.sorciers span {background: #693B94; padding: 1%;}</style>



<div class="fond_pres"><h2 class="footer">Nom Prénom</h2>
<h3>Groupe</h3>

<img src="https://i.imgur.com/52URZXh.jpg" alt="" class="image_footer" /><div class="informations_footer gryffondor"><span>Nom prénom</span> <h4>Type de relation</h4>
Sed laeditur hic coetuum magnificus splendor levitate paucorum incondita, ubi nati sunt non reputantium, sed tamquam indulta licentia vitiis ad errores lapsorum ac lasciviam. ut enim Simonides lyricus docet, beate perfecta ratione vieturo ante alia patriam esse convenit gloriosam. Saraceni tamen nec amici nobis umquam nec hostes optandi, ultro citroque discursantes quicquid inveniri poterat momento temporis parvi vastabant milvorum rapacium similes, qui si praedam dispexerint celsius, volatu rapiunt celeri, aut nisi impetraverint, non inmorantur.</div>
<div class="clear"></div>

<img src="https://i.imgur.com/52URZXh.jpg" alt="" class="image_footer" /><div class="informations_footer serdaigle"><span>Nom prénom</span> <h4>Type de relation</h4>
Sed laeditur hic coetuum magnificus splendor levitate paucorum incondita, ubi nati sunt non reputantium, sed tamquam indulta licentia vitiis ad errores lapsorum ac lasciviam. ut enim Simonides lyricus docet, beate perfecta ratione vieturo ante alia patriam esse convenit gloriosam. Saraceni tamen nec amici nobis umquam nec hostes optandi, ultro citroque discursantes quicquid inveniri poterat momento temporis parvi vastabant milvorum rapacium similes, qui si praedam dispexerint celsius, volatu rapiunt celeri, aut nisi impetraverint, non inmorantur.</div>
<div class="clear"></div>

<img src="https://i.imgur.com/52URZXh.jpg" alt="" class="image_footer" /><div class="informations_footer serpentard"><span>Nom prénom</span> <h4>Type de relation</h4>
Sed laeditur hic coetuum magnificus splendor levitate paucorum incondita, ubi nati sunt non reputantium, sed tamquam indulta licentia vitiis ad errores lapsorum ac lasciviam. ut enim Simonides lyricus docet, beate perfecta ratione vieturo ante alia patriam esse convenit gloriosam. Saraceni tamen nec amici nobis umquam nec hostes optandi, ultro citroque discursantes quicquid inveniri poterat momento temporis parvi vastabant milvorum rapacium similes, qui si praedam dispexerint celsius, volatu rapiunt celeri, aut nisi impetraverint, non inmorantur.</div>
<div class="clear"></div>

<img src="https://i.imgur.com/52URZXh.jpg" alt="" class="image_footer" /><div class="informations_footer poufsouffle"><span>Nom prénom</span> <h4>Type de relation</h4>
Sed laeditur hic coetuum magnificus splendor levitate paucorum incondita, ubi nati sunt non reputantium, sed tamquam indulta licentia vitiis ad errores lapsorum ac lasciviam. ut enim Simonides lyricus docet, beate perfecta ratione vieturo ante alia patriam esse convenit gloriosam. Saraceni tamen nec amici nobis umquam nec hostes optandi, ultro citroque discursantes quicquid inveniri poterat momento temporis parvi vastabant milvorum rapacium similes, qui si praedam dispexerint celsius, volatu rapiunt celeri, aut nisi impetraverint, non inmorantur.</div>
<div class="clear"></div>

<img src="https://i.imgur.com/52URZXh.jpg" alt="" class="image_footer" /><div class="informations_footer poudlard"><span>Nom prénom</span> <h4>Type de relation</h4>
Sed laeditur hic coetuum magnificus splendor levitate paucorum incondita, ubi nati sunt non reputantium, sed tamquam indulta licentia vitiis ad errores lapsorum ac lasciviam. ut enim Simonides lyricus docet, beate perfecta ratione vieturo ante alia patriam esse convenit gloriosam. Saraceni tamen nec amici nobis umquam nec hostes optandi, ultro citroque discursantes quicquid inveniri poterat momento temporis parvi vastabant milvorum rapacium similes, qui si praedam dispexerint celsius, volatu rapiunt celeri, aut nisi impetraverint, non inmorantur.</div>
<div class="clear"></div>

<img src="https://i.imgur.com/52URZXh.jpg" alt="" class="image_footer" /><div class="informations_footer ministere"><span>Nom prénom</span> <h4>Type de relation</h4>
Sed laeditur hic coetuum magnificus splendor levitate paucorum incondita, ubi nati sunt non reputantium, sed tamquam indulta licentia vitiis ad errores lapsorum ac lasciviam. ut enim Simonides lyricus docet, beate perfecta ratione vieturo ante alia patriam esse convenit gloriosam. Saraceni tamen nec amici nobis umquam nec hostes optandi, ultro citroque discursantes quicquid inveniri poterat momento temporis parvi vastabant milvorum rapacium similes, qui si praedam dispexerint celsius, volatu rapiunt celeri, aut nisi impetraverint, non inmorantur.</div>
<div class="clear"></div>

<img src="https://i.imgur.com/52URZXh.jpg" alt="" class="image_footer" /><div class="informations_footer sorciers"><span>Nom prénom</span> <h4>Type de relation</h4>
Sed laeditur hic coetuum magnificus splendor levitate paucorum incondita, ubi nati sunt non reputantium, sed tamquam indulta licentia vitiis ad errores lapsorum ac lasciviam. ut enim Simonides lyricus docet, beate perfecta ratione vieturo ante alia patriam esse convenit gloriosam. Saraceni tamen nec amici nobis umquam nec hostes optandi, ultro citroque discursantes quicquid inveniri poterat momento temporis parvi vastabant milvorum rapacium similes, qui si praedam dispexerint celsius, volatu rapiunt celeri, aut nisi impetraverint, non inmorantur.</div>
<div class="clear"></div><a href="http://ls-halloween.fr/" class="morsmordre_credits">Halloween</a>
</div>
               
Revenir en haut Aller en bas
https://snake-test.forumgratuit.org
Snake
La nature se rit des souffrances humaines
Snake


Messages : 2591
Date d'inscription : 08/01/2012

Codes et prez - Page 12 Empty
MessageSujet: Re: Codes et prez   Codes et prez - Page 12 Icon_minitimeMar 22 Jan - 19:47


Hazel Avery

Une citation qui envoie du pâté

Détails


  • Vingt ans
  • Sang-pur
  • Bisexuelle
  • Irlando-Canadienne
  • Dixième année
  • Défense magique & occultisme ;
    Etude des créatures magiques


Codes et prez - Page 12 GGTQoPz Codes et prez - Page 12 LfNO1KE Codes et prez - Page 12 GMCkr68


en bref ...

Sale Caractère ; Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque neque nulla, maximus a ullamcorper id, imperdiet id velit. Donec at facilisis ante. Duis nunc nisi, laoreet at lacus nec, scelerisque placerat diam. Etiam sit amet porttitor sem. Donec faucibus volutpat est, at convallis dolor lacinia ut. Vivamus mollis felis eget diam porta, viverra semper urna suscipit. Vestibulum laoreet congue felis, ut tempus massa cursus eget.





Wanted


My dear friend ; Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque neque nulla, maximus a ullamcorper id, imperdiet id velit. Donec at facilisis ante. Duis nunc nisi, laoreet at lacus nec, scelerisque placerat diam. Etiam sit amet porttitor sem. Donec faucibus volutpat est, at convallis dolor lacinia ut. Vivamus mollis felis eget diam porta, viverra semper urna suscipit. Vestibulum laoreet congue felis, ut tempus massa cursus eget.


My dear friend ; Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque neque nulla, maximus a ullamcorper id, imperdiet id velit. Donec at facilisis ante. Duis nunc nisi, laoreet at lacus nec, scelerisque placerat diam. Etiam sit amet porttitor sem. Donec faucibus volutpat est, at convallis dolor lacinia ut. Vivamus mollis felis eget diam porta, viverra semper urna suscipit. Vestibulum laoreet congue felis, ut tempus massa cursus eget.

Codes et prez - Page 12 WetKlvi



Code:
<link href="https://fonts.googleapis.com/css?family=Heebo" rel="stylesheet"><style>.rs_hazel ::-webkit-scrollbar-thumb {background: #1f292e; border-radius: 0;} .rs_hazel ::-webkit-scrollbar {background: #d9d9d9; width: 5px;} .rs_hazel {position: relative; background: #fff; width: 500px; margin: auto; color: #1f292e; font-family: 'Heebo', sans-serif; font-size: 12px;} .rs_hazel header {position: relative; background: url(https://i.imgur.com/3XwfJ9K.png); height: 382px; width: 100%; overflow: hidden;} .h_titres {transition: .5s; background: url(https://i.imgur.com/06xwNIm.png) no-repeat center; width: 50%; padding: 24% 0 20%; margin: 3% 0 0 0; text-align: center; color: #e3e3e3; text-transform: uppercase;} .rs_hazel h2 {font-family: Arial, sans-serif; font-size: 36px; font-style: italic; font-weight: normal; margin: 0; letter-spacing: -6px; text-shadow: 1px 1px #fff;} .rs_hazel h3 {font-size: 10px; font-weight: normal;} .h_infos {transition: .5s margin-left; background: url(https://i.imgur.com/BdhZz6K.png) no-repeat; margin: -291px 0 0 -500px; height: 382px; color: #e3e3e3; padding: 8% 0 0 8%; box-sizing: border-box;} .rs_hazel:hover .h_infos {margin: 0; transition: .5s margin-left;} .rs_hazel:hover .h_titres {display: none; transition: .5s all;} .h_infos h4::before, .rs_hazel_wanted h4::before {content: "“ "; font-family: Georgia, sans-serif; font-size: 100px; float: left; margin: 5% 4% 0 0;} .rs_hazel h4 {font-family: Arial, sans-serif; font-size: 30px; text-transform: lowercase; font-style: italic; font-weight: normal; letter-spacing: -2px; margin: 3% 0;} .rs_hazel ul {margin: 0; text-transform: uppercase; font-size: 10px; padding: 0;} .rs_hazel ul li {list-style: none;} .rs_hazel ul li::before {content: "★ "; margin: 0 2% 0 0;} .rs_hazel_img img {width: 100px; height: 100px; border-radius: 100px; border: 4px solid #fff; object-fit: cover; position: absolute;} .rs_hazel_img {height: 100px; margin: -35% 0 0 0; position: relative; z-index: 2;} #img_1 {left: 5%;} #img_2 {left: 40%; top: 35%;} #img_3 {right: 10%; width: 60px; height: 60px; top: 85%;} .en_bref {background: url(https://i.imgur.com/eA6CpuC.jpg); padding: 10%; box-sizing: border-box; margin: 7% 0 0;} .en_bref h4 {color: #e3e3e3; margin: 0 0 0 10%;} .en_bref_content {background: #e3e3e3; padding: 8%; text-align: justify;} .en_bref p {margin: 0; width: 100%; height: 120px; overflow: hidden;} .en_bref p:hover {transition: .2s all; overflow: auto; padding: 0 5% 0 0; box-sizing: border-box;} .en_bref p span {font-weight: bold; text-transform: uppercase; font-family: Arial, sans-serif; font-size: 11px;} .rs_hazel_rp {width: 90%; margin: auto;} .rs_hazel_rp a {border: 2px solid !important; margin: 0 2%; padding: 1% 2%; min-width: 100px; display: inline-block; text-align: center; font-style: italic; transition: .5s all; color: #e3e3e3 !important;} .rs_hazel_rp a:hover {transition: .5s all; border: 2px solid #5DB36A !important; color: #5DB36A !important;} .rs_hazel_wanted {float: left; width: 60%;} .rs_hazel_wanted h4 {color: #e3e3e3; font-size: 35px; margin: 3% 0 0 10%;} .rs_hazel_wanted p {width: 60%; margin: 2% 2% 0 8%;} .wanted_content::before {content: "★ "; font-size: 25px; color: #e3e3e3; float: left; margin: 2% 1% 0 0;} .wanted_content {width: 100%; margin: 0 0 0 7%;} .wanted_content p {width: 90%; height: 67px; overflow: auto; box-sizing: border-box; text-align: justify; padding: 0 5% 0 2%;} .wanted_content p span {font-weight: bold; text-transform: uppercase; font-family: Arial, sans-serif;} #wanted_img {border: 1px solid #e3e3e3; padding: 1%; float: right; margin: 10% 5% 0 0;} .rs_hazel footer {position: relative; display: block; content: ""; clear: both; background: url(https://i.imgur.com/gEd8b4c.png) no-repeat bottom; width: 100%; height: 140px;} a.credits {color: #e3e3e3; text-decoration: none; text-align: center; display: block; position: absolute; top: 60%; font-size: 7px; text-transform: uppercase; letter-spacing: 1px; left: 45%;}</style>
<div class="rs_hazel"><header><div class="h_titres"><h2>Hazel Avery</h2><h3>Une citation qui envoie du pâté</h3></div><div class="h_infos"><h4>Détails</h4>
<ul><li>Vingt ans</li><li>Sang-pur</li><li>Bisexuelle</li><li>Irlando-Canadienne</li><li>Dixième année</li><li>Défense magique & occultisme ;
Etude des créatures magiques</li></ul></div></header>

<div class="rs_hazel_img"><img src="https://i.imgur.com/GGTQoPz.png" id="img_1" alt="" /> <img src="https://i.imgur.com/lfNO1KE.png" alt="" id="img_2" /> <img src="https://imgur.com/GMCkr68.gif" alt="" id="img_3" /></div>

<div class="en_bref"><h4>en bref ...</h4><div class="en_bref_content"><p><span>Sale Caractère ; </span>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque neque nulla, maximus a ullamcorper id, imperdiet id velit. Donec at facilisis ante. Duis nunc nisi, laoreet at lacus nec, scelerisque placerat diam. Etiam sit amet porttitor sem. Donec faucibus volutpat est, at convallis dolor lacinia ut. Vivamus mollis felis eget diam porta, viverra semper urna suscipit. Vestibulum laoreet congue felis, ut tempus massa cursus eget.</p></div></div>

<div class="rs_hazel_rp"><a href="#">Nom du rp</a> <a href="#">Nom du rp</a> <a href="#">Nom du rp</a></div>

<div class="rs_hazel_wanted"><h4>Wanted</h4>
<div class="wanted_content"><p><span>My dear friend ;</span> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque neque nulla, maximus a ullamcorper id, imperdiet id velit. Donec at facilisis ante. Duis nunc nisi, laoreet at lacus nec, scelerisque placerat diam. Etiam sit amet porttitor sem. Donec faucibus volutpat est, at convallis dolor lacinia ut. Vivamus mollis felis eget diam porta, viverra semper urna suscipit. Vestibulum laoreet congue felis, ut tempus massa cursus eget.</div>
<div class="wanted_content"><p><span>My dear friend ;</span> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque neque nulla, maximus a ullamcorper id, imperdiet id velit. Donec at facilisis ante. Duis nunc nisi, laoreet at lacus nec, scelerisque placerat diam. Etiam sit amet porttitor sem. Donec faucibus volutpat est, at convallis dolor lacinia ut. Vivamus mollis felis eget diam porta, viverra semper urna suscipit. Vestibulum laoreet congue felis, ut tempus massa cursus eget.</p></div></div><img src="https://i.imgur.com/wetKlvi.png" alt="" id="wanted_img" />

<footer><a href="http://ls-halloween.fr/" class="credits">Halloween</a></footer></div>


Relations positives

Codes et prez - Page 12 T0B1zLQ

Codes et prez - Page 12 J0cLdMD

Nom Prénom

Type


Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam maximus massa eget elit rutrum egestas. Aenean lorem risus, finibus pulvinar maximus sed, tempus vitae sem. Cras nisi lectus, maximus id orci eu, pretium mattis nisl. Nulla enim elit, rhoncus vitae leo et, vestibulum iaculis velit. Fusce consequat nibh leo, non dapibus elit hendrerit euismod. Proin mauris ligula, tempus non feugiat ut, sodales at nibh. Vestibulum tempor congue erat, ac tempor tortor pellentesque quis. Duis pretium quis urna feugiat faucibus. Donec nec risus tristique, dictum mauris rutrum, fringilla enim. Donec et condimentum lacus. Ut massa lectus, consectetur nec ligula sed, ornare viverra purus. Fusce risus risus, interdum at odio et, blandit bibendum velit. Nullam ac rutrum ipsum, ac aliquet velit.

Codes et prez - Page 12 J0cLdMD

Nom Prénom

Type


Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam maximus massa eget elit rutrum egestas. Aenean lorem risus, finibus pulvinar maximus sed, tempus vitae sem. Cras nisi lectus, maximus id orci eu, pretium mattis nisl. Nulla enim elit, rhoncus vitae leo et, vestibulum iaculis velit. Fusce consequat nibh leo, non dapibus elit hendrerit euismod. Proin mauris ligula, tempus non feugiat ut, sodales at nibh. Vestibulum tempor congue erat, ac tempor tortor pellentesque quis. Duis pretium quis urna feugiat faucibus. Donec nec risus tristique, dictum mauris rutrum, fringilla enim. Donec et condimentum lacus. Ut massa lectus, consectetur nec ligula sed, ornare viverra purus. Fusce risus risus, interdum at odio et, blandit bibendum velit. Nullam ac rutrum ipsum, ac aliquet velit.

Codes et prez - Page 12 J0cLdMD

Nom Prénom

Type


Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam maximus massa eget elit rutrum egestas. Aenean lorem risus, finibus pulvinar maximus sed, tempus vitae sem. Cras nisi lectus, maximus id orci eu, pretium mattis nisl. Nulla enim elit, rhoncus vitae leo et, vestibulum iaculis velit. Fusce consequat nibh leo, non dapibus elit hendrerit euismod. Proin mauris ligula, tempus non feugiat ut, sodales at nibh. Vestibulum tempor congue erat, ac tempor tortor pellentesque quis. Duis pretium quis urna feugiat faucibus. Donec nec risus tristique, dictum mauris rutrum, fringilla enim. Donec et condimentum lacus. Ut massa lectus, consectetur nec ligula sed, ornare viverra purus. Fusce risus risus, interdum at odio et, blandit bibendum velit. Nullam ac rutrum ipsum, ac aliquet velit.

Codes et prez - Page 12 J0cLdMD

Nom Prénom

Type


Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam maximus massa eget elit rutrum egestas. Aenean lorem risus, finibus pulvinar maximus sed, tempus vitae sem. Cras nisi lectus, maximus id orci eu, pretium mattis nisl. Nulla enim elit, rhoncus vitae leo et, vestibulum iaculis velit. Fusce consequat nibh leo, non dapibus elit hendrerit euismod. Proin mauris ligula, tempus non feugiat ut, sodales at nibh. Vestibulum tempor congue erat, ac tempor tortor pellentesque quis. Duis pretium quis urna feugiat faucibus. Donec nec risus tristique, dictum mauris rutrum, fringilla enim. Donec et condimentum lacus. Ut massa lectus, consectetur nec ligula sed, ornare viverra purus. Fusce risus risus, interdum at odio et, blandit bibendum velit. Nullam ac rutrum ipsum, ac aliquet velit.

Codes et prez - Page 12 J0cLdMD

Nom Prénom

Type


Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam maximus massa eget elit rutrum egestas. Aenean lorem risus, finibus pulvinar maximus sed, tempus vitae sem. Cras nisi lectus, maximus id orci eu, pretium mattis nisl. Nulla enim elit, rhoncus vitae leo et, vestibulum iaculis velit. Fusce consequat nibh leo, non dapibus elit hendrerit euismod. Proin mauris ligula, tempus non feugiat ut, sodales at nibh. Vestibulum tempor congue erat, ac tempor tortor pellentesque quis. Duis pretium quis urna feugiat faucibus. Donec nec risus tristique, dictum mauris rutrum, fringilla enim. Donec et condimentum lacus. Ut massa lectus, consectetur nec ligula sed, ornare viverra purus. Fusce risus risus, interdum at odio et, blandit bibendum velit. Nullam ac rutrum ipsum, ac aliquet velit.



Code:
<link href="https://fonts.googleapis.com/css?family=Heebo" rel="stylesheet"><style>.rs_hazel_2 ::-webkit-scrollbar-thumb {background: #1f292e; border-radius: 0;} .rs_hazel_2 ::-webkit-scrollbar {background: #d9d9d9; width: 5px;} .rs_hazel_2 {background: #fff; width: 500px; margin: auto; font-family: 'Heebo', sans-serif; color: #4d4d4d;} .rs_hazel_2 header {background: url(https://i.imgur.com/T6qgcup.png); height: 157px; position: relative;} .rs_hazel_2 header h2 {color: #e3e3e3; font-family: Arial, sans-serif; font-size: 30px; margin: 0; font-style: italic; letter-spacing: -2px; font-weight: normal; padding: 12% 0 0 10%;} #icon_hazel {top: 40%; position: absolute; border-radius: 100px; width: 100px; height: 100px; object-fit: cover; border: 4px solid #fff; right: 10%;} .rs_hazel_2 .content::after {content: ""; clear: both; display: block;} .rs_hazel_bloc {width: 40%; margin: 5%; float: left; position: relative; background: #f9f5f5;} .hazel_bloc_img {position: absolute; width: 80px; height: 80px; border-radius: 100px; padding: 1%; border: 1px solid #a7a7a7; top: -1%; left: -20%; object-fit: cover;} .gryffondor h2 {background: url(https://i.imgur.com/BVLdoDM.png) no-repeat top right; height: 48px;} .serpy h2 {background: url(https://i.imgur.com/U8WJlVA.png) no-repeat top right; height: 48px;} .poufsouffle h2 {background: url(https://i.imgur.com/WR0Opda.png) no-repeat top right; height: 48px;} .serdaigle h2 {background: url(https://i.imgur.com/k4CGFKm.png) no-repeat top right; height: 48px;} .personnel h2 {background: url(https://i.imgur.com/KXVlFn0.png) no-repeat top right; height: 48px;} .rs_hazel_bloc h2 {font-family: Arial, sans-serif; text-align: center; color: #fff; font-size: 14px; font-style: italic; padding: 9% 0 0; margin: 0;} .rs_hazel_bloc h3 {font-family: Arial, sans-serif; font-size: 10px; text-align: center; text-transform: uppercase; margin: 0; font-weight: normal; letter-spacing: 2px;} .rs_hazel_bloc p {font-size: 11px; width: 90%; margin: 0 auto; text-align: justify; line-height: 1; height: 100px; overflow: hidden; padding: 0 5% 0 0; box-sizing: border-box;} .rs_hazel_bloc.gryffondor {padding: 0 0 4% 0; border-bottom: 5px solid #cc1045;} .rs_hazel_bloc.serpy {padding: 0 0 4% 0; border-bottom: 5px solid #5db36a;} .rs_hazel_bloc.poufsouffle {padding: 0 0 4% 0; border-bottom: 5px solid #e6cb61;} .rs_hazel_bloc.serdaigle {padding: 0 0 4% 0; border-bottom: 5px solid #47b6de;} .rs_hazel_bloc.personnel {padding: 0 0 4% 0; border-bottom: 5px solid #b273c7;} .rs_hazel_bloc p:hover {overflow: auto;} .rs_hazel_2 footer {position: relative; display: block; content: ""; clear: both; background: url(https://i.imgur.com/gEd8b4c.png) no-repeat bottom; width: 100%; height: 140px;} a.credits {color: #e3e3e3; text-decoration: none; text-align: center; display: block; position: absolute; top: 60%; font-size: 7px; text-transform: uppercase; letter-spacing: 1px; left: 45%;} .content {width: 95%; margin: 0 0 0 5%;}</style>
<div class="rs_hazel_2"><header><h2>Relations positives</h2><img src="https://i.imgur.com/t0B1zLQ.png" alt="" id="icon_hazel" /></header>
<div class="content"><div class="rs_hazel_bloc gryffondor"><img class="hazel_bloc_img" src="https://i.imgur.com/J0cLdMD.jpg" alt="" /><h2>Nom Prénom</h2><h3>Type</h3><p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam maximus massa eget elit rutrum egestas. Aenean lorem risus, finibus pulvinar maximus sed, tempus vitae sem. Cras nisi lectus, maximus id orci eu, pretium mattis nisl. Nulla enim elit, rhoncus vitae leo et, vestibulum iaculis velit. Fusce consequat nibh leo, non dapibus elit hendrerit euismod. Proin mauris ligula, tempus non feugiat ut, sodales at nibh. Vestibulum tempor congue erat, ac tempor tortor pellentesque quis. Duis pretium quis urna feugiat faucibus. Donec nec risus tristique, dictum mauris rutrum, fringilla enim. Donec et condimentum lacus. Ut massa lectus, consectetur nec ligula sed, ornare viverra purus. Fusce risus risus, interdum at odio et, blandit bibendum velit. Nullam ac rutrum ipsum, ac aliquet velit.</p></div> <div class="rs_hazel_bloc serpy"><img class="hazel_bloc_img" src="https://i.imgur.com/J0cLdMD.jpg" alt="" /><h2>Nom Prénom</h2><h3>Type</h3><p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam maximus massa eget elit rutrum egestas. Aenean lorem risus, finibus pulvinar maximus sed, tempus vitae sem. Cras nisi lectus, maximus id orci eu, pretium mattis nisl. Nulla enim elit, rhoncus vitae leo et, vestibulum iaculis velit. Fusce consequat nibh leo, non dapibus elit hendrerit euismod. Proin mauris ligula, tempus non feugiat ut, sodales at nibh. Vestibulum tempor congue erat, ac tempor tortor pellentesque quis. Duis pretium quis urna feugiat faucibus. Donec nec risus tristique, dictum mauris rutrum, fringilla enim. Donec et condimentum lacus. Ut massa lectus, consectetur nec ligula sed, ornare viverra purus. Fusce risus risus, interdum at odio et, blandit bibendum velit. Nullam ac rutrum ipsum, ac aliquet velit.</p></div> <div class="rs_hazel_bloc poufsouffle"><img class="hazel_bloc_img" src="https://i.imgur.com/J0cLdMD.jpg" alt="" /><h2>Nom Prénom</h2><h3>Type</h3><p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam maximus massa eget elit rutrum egestas. Aenean lorem risus, finibus pulvinar maximus sed, tempus vitae sem. Cras nisi lectus, maximus id orci eu, pretium mattis nisl. Nulla enim elit, rhoncus vitae leo et, vestibulum iaculis velit. Fusce consequat nibh leo, non dapibus elit hendrerit euismod. Proin mauris ligula, tempus non feugiat ut, sodales at nibh. Vestibulum tempor congue erat, ac tempor tortor pellentesque quis. Duis pretium quis urna feugiat faucibus. Donec nec risus tristique, dictum mauris rutrum, fringilla enim. Donec et condimentum lacus. Ut massa lectus, consectetur nec ligula sed, ornare viverra purus. Fusce risus risus, interdum at odio et, blandit bibendum velit. Nullam ac rutrum ipsum, ac aliquet velit.</p></div> <div class="rs_hazel_bloc serdaigle"><img class="hazel_bloc_img" src="https://i.imgur.com/J0cLdMD.jpg" alt="" /><h2>Nom Prénom</h2><h3>Type</h3><p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam maximus massa eget elit rutrum egestas. Aenean lorem risus, finibus pulvinar maximus sed, tempus vitae sem. Cras nisi lectus, maximus id orci eu, pretium mattis nisl. Nulla enim elit, rhoncus vitae leo et, vestibulum iaculis velit. Fusce consequat nibh leo, non dapibus elit hendrerit euismod. Proin mauris ligula, tempus non feugiat ut, sodales at nibh. Vestibulum tempor congue erat, ac tempor tortor pellentesque quis. Duis pretium quis urna feugiat faucibus. Donec nec risus tristique, dictum mauris rutrum, fringilla enim. Donec et condimentum lacus. Ut massa lectus, consectetur nec ligula sed, ornare viverra purus. Fusce risus risus, interdum at odio et, blandit bibendum velit. Nullam ac rutrum ipsum, ac aliquet velit.</p></div> <div class="rs_hazel_bloc personnel"><img class="hazel_bloc_img" src="https://i.imgur.com/J0cLdMD.jpg" alt="" /><h2>Nom Prénom</h2><h3>Type</h3><p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam maximus massa eget elit rutrum egestas. Aenean lorem risus, finibus pulvinar maximus sed, tempus vitae sem. Cras nisi lectus, maximus id orci eu, pretium mattis nisl. Nulla enim elit, rhoncus vitae leo et, vestibulum iaculis velit. Fusce consequat nibh leo, non dapibus elit hendrerit euismod. Proin mauris ligula, tempus non feugiat ut, sodales at nibh. Vestibulum tempor congue erat, ac tempor tortor pellentesque quis. Duis pretium quis urna feugiat faucibus. Donec nec risus tristique, dictum mauris rutrum, fringilla enim. Donec et condimentum lacus. Ut massa lectus, consectetur nec ligula sed, ornare viverra purus. Fusce risus risus, interdum at odio et, blandit bibendum velit. Nullam ac rutrum ipsum, ac aliquet velit.</p></div></div><footer><a href="http://ls-halloween.fr/" class="credits">Halloween</a></footer></div>
Revenir en haut Aller en bas
https://snake-test.forumgratuit.org
Snake
La nature se rit des souffrances humaines
Snake


Messages : 2591
Date d'inscription : 08/01/2012

Codes et prez - Page 12 Empty
MessageSujet: Re: Codes et prez   Codes et prez - Page 12 Icon_minitimeMar 22 Jan - 19:48

Codes et prez - Page 12 Tumblr_pgg3vahhGI1sbtzcko1_540

Titre de la fic

Sous titre in case of



intro ; Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi varius, mi et iaculis sollicitudin, metus sem auctor lectus, nec tempus diam est nec est. Donec semper dui mauris, sit amet cursus augue ultricies at. Curabitur in sem ac diam varius vestibulum sed ultricies mauris. Aliquam sagittis sapien id enim porta condimentum.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas sapien nisi, accumsan a urna sit amet, mattis accumsan nisl. Vivamus vel ex sit amet risus cursus interdum vel a ipsum. Suspendisse quis sapien id metus ullamcorper viverra. Nulla cursus pulvinar bibendum. Quisque nisi lectus, pellentesque a sapien eget, congue fringilla nisl. Aenean nisi purus, tempor a dolor eget, volutpat faucibus mauris. Morbi erat lectus, vehicula ac nibh pretium, pretium commodo massa. Sed eu gravida quam. Pellentesque vitae tristique ligula, in dapibus velit. Praesent at fringilla elit, sed hendrerit magna. Cras placerat nisi ac tellus tempus ultricies. Donec nec ornare nisi, vel tempus magna. Vivamus in enim mi.

In ut volutpat elit. Etiam sit amet porttitor ex, eu ullamcorper mauris. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Aliquam et nulla vel tellus consequat sodales. Aliquam maximus enim eget ultrices semper. Aliquam erat nulla, viverra non augue feugiat, scelerisque placerat odio. Nunc leo tortor, maximus elementum erat non, posuere semper eros. Praesent quis quam nec tortor convallis interdum ac nec tellus. Suspendisse potenti.

- Dialogue wess ;

Duis vitae molestie elit. Nulla vitae erat ac justo dictum scelerisque. Sed in placerat enim, quis elementum nisl. In dolor mi, consectetur vel maximus eget, elementum vel metus. Etiam massa massa, dapibus et massa et, volutpat congue risus. Nulla facilisi. Suspendisse mollis purus quis mauris ultricies, in venenatis lacus gravida. Fusce ultricies in sem a efficitur. Fusce semper massa quis tortor vulputate blandit.

Aenean egestas tellus eget condimentum vestibulum. Quisque a leo luctus, faucibus nibh at, ultrices turpis. Proin ut nulla ut lorem pulvinar mollis nec quis elit. Suspendisse et libero vel ligula consequat rhoncus id nec dui. Etiam luctus tellus vel nulla accumsan viverra. Phasellus consequat quis odio nec pharetra. Integer sit amet ex congue nisl gravida venenatis. Suspendisse consequat magna elit, eu semper enim feugiat sit amet. Integer commodo nulla non purus bibendum ultricies.

Aenean egestas tellus eget condimentum vestibulum. Quisque a leo luctus, faucibus nibh at, ultrices turpis. Proin ut nulla ut lorem pulvinar mollis nec quis elit. Suspendisse et libero vel ligula consequat rhoncus id nec dui. Etiam luctus tellus vel nulla accumsan viverra. Phasellus consequat quis odio nec pharetra. Integer sit amet ex congue nisl gravida venenatis. Suspendisse consequat magna elit, eu semper enim feugiat sit amet. Integer commodo nulla non purus bibendum ultricies.

Halloween


Code:
<link href="https://fonts.googleapis.com/css?family=Montserrat|Parisienne" rel="stylesheet"><style>.heaventudechires ::-webkit-scrollbar {width: 7px; height: 14px; background: #cccbcb; border: 1px solid #a9a6a6;} .heaventudechires ::-webkit-scrollbar-thumb {border: solid 0 transparent; border-right-width: 2px; -webkit-border-radius: 5px; -webkit-border-top-right-radius: 9px 5px; -webkit-border-bottom-right-radius: 9px 5px; -webkit-box-shadow: inset 0 0 0 1px #000, inset 0 0 0 6px #000; border-left-width: 2px;} .heaventudechires ::-webkit-scrollbar-track-piece {background: transparent none; border: solid 4px transparent; border-right-width: 8px; margin: 4px; -webkit-box-shadow: inset 1px 1px 0 0 rgb(137,131,117), inset -1px -1px 0 0 rgb(224,220,210);} .heaventudechires {width: 540px; height: 810px; overflow: hidden; margin: auto; transition: .5s all;} .img_heaven {opacity: 1; transition: .5s all; position: relative; z-index: 3;} .heaventudechires:hover .img_heaven {opacity: 0; z-index: 1;} .heaven_content {height: 810px; position: relative; z-index: 1; margin-top: -810px; background: url(https://i.imgur.com/xdPF6o7.jpg); padding: 5%; box-sizing: border-box;} .interieur {background: #f3f3f3; padding: 5%; box-sizing: border-box; text-align: justify; width: 100%; height: 760px; overflow: auto; font-family: 'Montserrat', sans-serif; line-height: 1.2;} .heaven_content h2 {font-family: 'Parisienne', cursive; text-align: center; font-size: 50px; margin: auto; font-weight: normal; color: #f1979c87;} .heaven_content h3 {text-align: center; margin: 0; text-transform: uppercase; font-weight: normal; letter-spacing: 5px; font-size: 8px;} .heaventudechires em {font-size: 10px; width: 90%; margin: auto; display: block;} .heaven_content em::after {display: block; width: 50%; content: ""; border-bottom: 5px solid #f1979c87; margin: 8% auto 2%;} .heaventudechires p {font-family: Arial, sans-serif;} .heaven_content p::first-letter {color: #f1979c87; font-family: 'Parisienne', sans-serif; font-size: 50px; float: left; padding: 0 3% 0 0;} .heaventudechires span {color: #f1979c; font-weight: bold; text-align: center; display: block; text-transform: uppercase; letter-spacing: 2px;} a.credits {color: #f1979c; text-align: center; display: block; text-decoration: none; font-family: arial; font-size: 8px; text-transform: uppercase; margin: .7% 0 0; letter-spacing: 1px;}</style><div class="heaventudechires"><img src="https://66.media.tumblr.com/4379f946b0f0e03a92aaf73e3f1623a2/tumblr_pgg3vahhGI1sbtzcko1_540.png" class="img_heaven" alt="" /><div class="heaven_content"><div class="interieur"><h2>Titre de la fic</h2><h3>Sous titre in case of</h3>

<em>intro ; Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi varius, mi et iaculis sollicitudin, metus sem auctor lectus, nec tempus diam est nec est. Donec semper dui mauris, sit amet cursus augue ultricies at. Curabitur in sem ac diam varius vestibulum sed ultricies mauris. Aliquam sagittis sapien id enim porta condimentum.</em>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas sapien nisi, accumsan a urna sit amet, mattis accumsan nisl. Vivamus vel ex sit amet risus cursus interdum vel a ipsum. Suspendisse quis sapien id metus ullamcorper viverra. Nulla cursus pulvinar bibendum. Quisque nisi lectus, pellentesque a sapien eget, congue fringilla nisl. Aenean nisi purus, tempor a dolor eget, volutpat faucibus mauris. Morbi erat lectus, vehicula ac nibh pretium, pretium commodo massa. Sed eu gravida quam. Pellentesque vitae tristique ligula, in dapibus velit. Praesent at fringilla elit, sed hendrerit magna. Cras placerat nisi ac tellus tempus ultricies. Donec nec ornare nisi, vel tempus magna. Vivamus in enim mi.

In ut volutpat elit. Etiam sit amet porttitor ex, eu ullamcorper mauris. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Aliquam et nulla vel tellus consequat sodales. Aliquam maximus enim eget ultrices semper. Aliquam erat nulla, viverra non augue feugiat, scelerisque placerat odio. Nunc leo tortor, maximus elementum erat non, posuere semper eros. Praesent quis quam nec tortor convallis interdum ac nec tellus. Suspendisse potenti.

<span>- Dialogue wess ;</span>

Duis vitae molestie elit. Nulla vitae erat ac justo dictum scelerisque. Sed in placerat enim, quis elementum nisl. In dolor mi, consectetur vel maximus eget, elementum vel metus. Etiam massa massa, dapibus et massa et, volutpat congue risus. Nulla facilisi. Suspendisse mollis purus quis mauris ultricies, in venenatis lacus gravida. Fusce ultricies in sem a efficitur. Fusce semper massa quis tortor vulputate blandit.

Aenean egestas tellus eget condimentum vestibulum. Quisque a leo luctus, faucibus nibh at, ultrices turpis. Proin ut nulla ut lorem pulvinar mollis nec quis elit. Suspendisse et libero vel ligula consequat rhoncus id nec dui. Etiam luctus tellus vel nulla accumsan viverra. Phasellus consequat quis odio nec pharetra. Integer sit amet ex congue nisl gravida venenatis. Suspendisse consequat magna elit, eu semper enim feugiat sit amet. Integer commodo nulla non purus bibendum ultricies.

Aenean egestas tellus eget condimentum vestibulum. Quisque a leo luctus, faucibus nibh at, ultrices turpis. Proin ut nulla ut lorem pulvinar mollis nec quis elit. Suspendisse et libero vel ligula consequat rhoncus id nec dui. Etiam luctus tellus vel nulla accumsan viverra. Phasellus consequat quis odio nec pharetra. Integer sit amet ex congue nisl gravida venenatis. Suspendisse consequat magna elit, eu semper enim feugiat sit amet. Integer commodo nulla non purus bibendum ultricies.</p></div><a href="http://ls-halloween.fr/" class="credits">Halloween</a></div></div>
Revenir en haut Aller en bas
https://snake-test.forumgratuit.org
Snake
La nature se rit des souffrances humaines
Snake


Messages : 2591
Date d'inscription : 08/01/2012

Codes et prez - Page 12 Empty
MessageSujet: Re: Codes et prez   Codes et prez - Page 12 Icon_minitimeMar 22 Jan - 19:49


Colby Lake, forum RPG

Colby Lake


"En l’an 2059, la Terre connait son plus grand pic de pollution jamais enregistré… Impossible de revenir en arrière… Face à cette situation, les gouvernements de tous les pays décident de concevoir un vaisseau avec à son bord les meilleurs membres de chaque domaines et milieu ainsi qu’un contingent militaire. Deux ans plus tard le vaisseau pris son envole vers une nouvelle planète inexplorée avec l’espoir de continuer à faire vivre l’espèce humaine dans la galaxie. Quatre ans plus tard, les membres de l’équipage étaient toujours en état de cryogénisation. Suite à un problème technique encore inconnu" Lire la suite...


Nous rejoindre ?

Colby Lake, forum RPG

Avatar réel et de 200*320 pixels - Ouvert à tout âge - Pas de minimum de mots




Code:
<style>.colby_lake {background: #2d112a; width: 520px; margin: auto; text-align: center; color: #ebc9b9; font-family: courier new;} .colby_lake h2 {color: #30c29e; font-family: arial; font-size: 50px; text-transform: uppercase;} .colby_lake .contexte {width: 80%; padding: 2%; text-align: justify; border: 1px solid #bd153d; height: 150px; overflow: auto; background: #31132f; font-family: arial; margin: auto;} .colby_lake .contexte a {color: #30c29e !important;} .colby_lake h3 {margin: 0; padding: 0; font-weight: bold; font-family: arial; font-size: 12px; text-transform: uppercase;} .colby_lake h4 {color: #bd153d; text-transform: uppercase; margin: 0; padding: 0; font-size: 10px;} .colby_lake .credits {background: #bd153d; font-size: 10px; font-weight: bold;}</style>
<div class="colby_lake"><img src="https://i.imgur.com/ocPbqtR.png" alt="Colby Lake, forum RPG" />
<h2>Colby Lake</h2>
<div class="contexte">"En l’an 2059, la Terre connait son plus grand pic de pollution jamais enregistré… Impossible de revenir en arrière… Face à cette situation, les gouvernements de tous les pays décident de concevoir un vaisseau avec à son bord les meilleurs membres de chaque domaines et milieu ainsi qu’un contingent militaire. Deux ans plus tard le vaisseau pris son envole vers une nouvelle planète inexplorée avec l’espoir de continuer à faire vivre l’espèce humaine dans la galaxie. Quatre ans plus tard, les membres de l’équipage étaient toujours en état de cryogénisation. Suite à un problème technique encore inconnu" <a href="http://colbylake.forumactif.com/t1-contexte">Lire la suite...</a></div>

<h3>Nous rejoindre ?</h3><a href="http://colbylake.forumactif.com"><img src="https://i.imgur.com/xGcyPJw.png" alt="Colby Lake, forum RPG" /></a>

<h4>Avatar réel et de 200*320 pixels - Ouvert à tout âge - Pas de minimum de mots</h4>
<div class="credits">http://ls-halloween.fr/</div></div>
Revenir en haut Aller en bas
https://snake-test.forumgratuit.org
Snake
La nature se rit des souffrances humaines
Snake


Messages : 2591
Date d'inscription : 08/01/2012

Codes et prez - Page 12 Empty
MessageSujet: Re: Codes et prez   Codes et prez - Page 12 Icon_minitimeDim 10 Fév - 3:04


Codes et prez - Page 12 1498408830-wo-class-kantai-collection-full-1981912

Back to black.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.

Friends
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.
Ennemies
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.
Others
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.

Friends

Codes et prez - Page 12 100x100
Nom prénom
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.
Codes et prez - Page 12 100x100
Nom prénom
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Ennemies

Codes et prez - Page 12 100x100
Nom prénom
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Codes et prez - Page 12 100x100
Nom prénom
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.


Code:
<style>@import 'https://fonts.googleapis.com/css?family=Roboto';.shipper-wrap {width: 500px;height: 400px;background-color: #0F0E10;position: relative;margin: auto;overflow: hidden;}.shipper-wrap .shipper-bg {width: 500px;position: absolute;transform: scale(1);filter: blur(0);transition: all 0.3s;}.shipper-pr {width: 200px;background-color: #0F0E10;box-sizing: border-box;padding: 10px;position: absolute;bottom: 10px;left: 10px;transform: translate(0, 0);transition: all 0.5s;}.shipper-pr h2,.shipper-lien h2 {margin: 0 0 5px;text-transform: uppercase;color: #fff;font-family: Georgia, serif;font-style: italic;font-size: 15px;}.shipper-pr p,.shipper-lien .shipper-desc {margin: 0;color: #fff;font-family: Georgia, serif;font-size: 11px;text-align: justify;line-height: 130%;}.shipper-ask {height: 200px;width: 480px;background-color: #fff;box-sizing: border-box;padding: 10px 0 10px 10px;position: absolute;bottom: 10px;right: 10px;font-family: Georgia, serif;font-size: 10px;text-align: justify;transform: translate(110%, 0);transition: all 0.5s;}.shipper-ask > div {height: 100%;width: 100%;box-sizing: border-box;padding-right: 10px;overflow: auto;}.shipper-ask > div div,.shipper-lien .shipper-desc div {background-color: #0F0E10;padding: 5px;color: #fff;text-transform: uppercase;min-width: 100px;letter-spacing: 3px;text-align: center;font-family: 'Roboto', sans-serif;font-size: 8px;float: left;margin: 0 10px 0 0;}.shipper-ask hr {border-top: 1px dotted #0F0E10;border-bottom:0;height: 0;margin: 10px 0;}.shipper-wrap:hover .shipper-ask, .shipper-wrap:hover .credit {transform: translate(0, 0);}.shipper-wrap:hover .shipper-pr {transform: translate(-110%, 0);}.shipper-wrap:hover .shipper-bg {transform: scale(1.5);filter: blur(5px);}.shipper-lien {width: 500px;background-color: #0F0E10;position: relative;margin: 10px auto;box-sizing: border-box;padding: 10px;}.shipper-lien .shipper-lien-case {margin: 0 0 10px;display: flex;}.shipper-lien .shipper-lien-case:last-child {margin: 0;}.shipper-lien img {width: 100px;}.shipper-lien .shipper-desc {color: #0F0E10;height: 100px;background-color: #fff;box-sizing: border-box;padding-right: 10px;overflow: auto;flex: 1;border: 10px solid #fff;border-right: 0;}.credit {width: 500px;margin: 0px auto 10px;line-height: 9px;}.credit a {text-decoration: none!important;color: #ccc!important;letter-spacing: 2px;font-size: 7px;text-transform: uppercase;font-family: 'Roboto', sans-serif;}.shipper-ask::-webkit-scrollbar, .shipper-desc::-webkit-scrollbar { width: 2px;}.shipper-ask::-webkit-scrollbar-track, .shipper-desc::-webkit-scrollbar-track { background-color: #ccc;}.shipper-ask::-webkit-scrollbar-thumb, .shipper-desc::-webkit-scrollbar-thumb { background-color: #0F0E10; }</style>
<div class="shipper-wrap"><!--
Image de fond
--><img src="http://image.noelshack.com/fichiers/2017/25/7/1498408830-wo-class-kantai-collection-full-1981912.jpg" alt="" class="shipper-bg" /><!--
Case de description (elle s'étire automatiquement mais évitez de faire trop long)
--><div class="shipper-pr"><!--
--><h2>Back to black.</h2><!--
--><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.</p></div><div class="shipper-ask"><div><!--
--><div>Friends</div>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.<!--
--><hr /><!--
--><div>Ennemies</div>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.<!--
--><hr /><!--
--><div>Others</div>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.<!--
--><hr />Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.</div></div></div><div class="credit"><a href="http://terrible.forumactif.org/" target="_blank">awful</a></div><!--



--><div class="shipper-lien"><h2>Friends</h2><!--
Case de description avec image + texte
--><div class="shipper-lien-case"><img src="http://placehold.it/100x100" alt="" /><div class="shipper-desc"><!--
--><div>Nom prénom</div><!--
-->Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.</div></div><!--

--><div class="shipper-lien-case"><img src="http://placehold.it/100x100" alt="" /><div class="shipper-desc"><!--
--><div>Nom prénom</div><!--
-->Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. </div></div></div><!--



--><div class="shipper-lien"><h2>Ennemies</h2><!--
Case de description avec image + texte
--><div class="shipper-lien-case"><img src="http://placehold.it/100x100" alt="" /><div class="shipper-desc"><!--
--><div>Nom prénom</div><!--
-->Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. </div></div><!--

--><div class="shipper-lien-case"><img src="http://placehold.it/100x100" alt="" /><div class="shipper-desc"><!--
--><div>Nom prénom</div><!--
-->Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. </div></div></div>
Revenir en haut Aller en bas
https://snake-test.forumgratuit.org
Snake
La nature se rit des souffrances humaines
Snake


Messages : 2591
Date d'inscription : 08/01/2012

Codes et prez - Page 12 Empty
MessageSujet: Re: Codes et prez   Codes et prez - Page 12 Icon_minitimeDim 10 Fév - 3:15

opium runs in your blood
Pseudo x Pseudo

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.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.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.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.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.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
© ASHLING DE LIBRE GRAPH'




Code:
<center><div style="width:365px; border-left:30px solid #ff3434; padding-left:7px;"><img src="https://2img.net/r/hpimg15/pics/740174yvessaintlaurentblackopiumediecampbell3.png" style="width: 365px;"><div style="width:355px; background:#dedede; margin-top:7px; padding:5px;"><div style="width:345px; height:20px; background:#f9f9f9; font-family:oswald; text-transform: uppercase; color:#ff3434; font-size:22px; padding:5px;">opium runs in your blood</div><div style="font-family:arial; text-transform: uppercase; letter-spacing:2px; font-size:10px; color:#a7a7a7; margin-top:5px;">Pseudo x Pseudo</div>
<div style="width:345px; background:#f9f9f9; font-family:verdana; color:#949494; font-size:11px; padding:5px; text-align:left; text-align:justify; line-height:12px; margin-top:-10px;">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.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.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.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.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.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</div><div style="font-family:verdana; font-size:9px; color:#b1b1b1; margin-top:3px;">© ASHLING DE <a href="http://libre-graph.forumperso.com/">LIBRE GRAPH'</a></div></div></div></center>

<link href='https://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css'>
Revenir en haut Aller en bas
https://snake-test.forumgratuit.org
Contenu sponsorisé





Codes et prez - Page 12 Empty
MessageSujet: Re: Codes et prez   Codes et prez - Page 12 Icon_minitime

Revenir en haut Aller en bas
 
Codes et prez
Revenir en haut 
Page 12 sur 25Aller à la page : Précédent  1 ... 7 ... 11, 12, 13 ... 18 ... 25  Suivant
 Sujets similaires
-
» Prez Satinka
» Codes et polices

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
Snake test :: Votre 1ère catégorie :: LA.-
Sauter vers: