Le Libre service version code de Nota Bene

<link href="https://fonts.googleapis.com/css?family=Indie+Flower" rel="stylesheet"><div style="margin:25px;"><div style="width:500px;height:500px ;background:url(http://i.imgur.com/I3lyY58.jpg);background-repeat:repeat;margin-top:25px;background-color:white;"><div style="text-align:center;font-family: 'Indie Flower', cursive;font-size:69px;color:white; text-shadow:indianred 0 -4px;">Jour xx</div><div style="padding:50px;"><div style="width:300px;height:300px;overflow:auto;border-top:indianred solid 12px;font-size:13px;font-family:arial;color:silver;background-color:rgba(255, 255, 255, 0.9);text-indent:50px;padding:50px;text-align:justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis eget ligula quis libero mollis dapibus.
Suspendisse potenti. Nullam facilisis neque et sem. Proin placerat adipiscing urna.Aenean sollicitudin.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis eget ligula quis libero mollis dapibus. Suspendisse potenti. Nullam facilisis neque et sem. Proin placerat adipiscing urna.Aenean sollicitudin.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis eget ligula quis libero mollis dapibus. Suspendisse potenti. Nullam facilisis neque et sem. Proin placerat adipiscing urna.Aenean sollicitudin.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis eget ligula quis libero mollis dapibus. Suspendisse potenti. Nullam facilisis neque et sem. Proin placerat adipiscing urna.Aenean sollicitudin.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis eget ligula quis libero mollis dapibus. Suspendisse potenti. Nullam facilisis neque et sem. Proin placerat adipiscing urna.Aenean sollicitudin.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis eget ligula quis libero mollis dapibus. Suspendisse potenti. Nullam facilisis neque et sem. Proin placerat adipiscing urna.Aenean sollicitudin.</div></div><div style="font-size:5px; color:grey; text-align:center;">Codage©Perpendiculaire</div></div></div>

<style> .img{width:500px;height:667px;box-shadow:0 0 5px rgba(0,0,0,0.1);background: url(http://i.imgur.com/sZEkdjF.png);border-left:#664c4d 20px solid;}.texthover{height:627px;width:470px;background-color:#7d2c38;opacity:0;padding:10px;border-left:#e3e3e8 5px solid;} .img:hover .texthover{opacity:0.9;color:#FFFFFF;display:inline-block;text-align:justify;padding:20px;overflow:auto;}</style>
<link href="https://fonts.googleapis.com/css?family=Pacifico" rel="stylesheet">
<div style="margin-left:50px;"><div style="font-family: 'Pacifico', cursive;text-align:center;font-size:35px;color:#a8978f;margin-top:20px;">Pseudo&Pseudo</div><div class="img"><div class="texthover"><div style="font-family: 'Pacifico', cursive;text-align:center;font-size:30px;color:#cacacc;margin-top:20px;border-bottom:#251f30 solid 12px;">Jour xx</div>Cupcake ipsum dolor sit. Amet muffin chupa chups caramels I love dessert jelly-o. Candy canes sesame snaps I love toffee marzipan jelly-o. I love bear claw chocolate cake tootsie roll jelly-o. Biscuit cookie muffin. Fruitcake biscuit toffee. Gummi bears powder gingerbread macaroon chocolate.

Biscuit topping powder jelly-o muffin bonbon. Cupcake lemon drops chocolate donut. I love chocolate bar caramels sweet roll candy canes sweet roll I love powder chupa chups. Toffee caramels ice cream pie wafer. Dragée carrot cake I love tiramisu bear claw marzipan danish. Marshmallow marshmallow biscuit sesame snaps jujubes halvah gummies cake. I love pie chocolate bar toffee tiramisu. Candy pastry marzipan jelly dessert gummi bears carrot cake. Pie oat cake halvah sweet roll chupa chups tiramisu.

Cake gummies caramels toffee cotton candy I love dessert. Cake bonbon oat cake toffee croissant croissant I love candy. Pudding I love pie candy canes pudding marzipan. Cupcake macaroon I love cheesecake carrot cake bonbon croissant I love chocolate. Gingerbread caramels brownie lollipop powder I love wafer cake candy canes. Gummi bears marzipan I love danish cake sweet roll. Gummi bears tiramisu marshmallow chocolate sweet. Gingerbread sweet bear claw bear claw tootsie roll gingerbread gingerbread.

Pudding icing tiramisu brownie carrot cake topping. Jelly beans cotton candy dessert cake pie I love tart sweet I love. Tootsie roll lollipop I love chocolate cake wafer lollipop carrot cake caramels. Muffin danish powder chupa chups. Carrot cake toffee sweet roll cheesecake. Chocolate bar soufflé I love. I love I love I love caramels powder. I love toffee I love cake I love lollipop apple pie sesame snaps.

Donut I love I love dragée tart I love pastry fruitcake. Gummies I love I love. Carrot cake biscuit jelly beans macaroon I love soufflé icing. I love oat cake sugar plum. Halvah I love tiramisu candy sugar plum chocolate I love bonbon. Cake chupa chups gummi bears tart lemon drops. Cake I love gingerbread marshmallow cotton candy sweet. Ice cream jujubes soufflé caramels topping cotton candy toffee. Brownie caramels soufflé lemon drops I love topping jelly-o brownie.</div></div><div style="font-size:5px; color:grey; text-align:center;">Codage©Perpendiculaire</div></div>

<link href="https://fonts.googleapis.com/css?family=Indie+Flower" rel="stylesheet"><div style="margin:20px;"><div style="padding:50px;"><img src="http://techpresident.com/files/tumblr_m4fqal1hkT1qbsjqno1_500.gif" style="width:400px;"><div style="text-align:center;font-family: 'Indie Flower', cursive;font-size:50px;color:Tomato; text-shadow:white 0 -4px;width:300px;margin-bottom:-20px;">Jour xxx</div><div style="width:300px;height:300px;overflow:auto;border-top:indianred solid 12px;font-size:13px;font-family:arial;color:silver;background-color:rgba(255, 255, 255, 0.9);text-indent:50px;padding:50px;text-align:justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis eget ligula quis libero mollis dapibus.
Suspendisse potenti. Nullam facilisis neque et sem. Proin placerat adipiscing urna.Aenean sollicitudin.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis eget ligula quis libero mollis dapibus. Suspendisse potenti. Nullam facilisis neque et sem. Proin placerat adipiscing urna.Aenean sollicitudin.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis eget ligula quis libero mollis dapibus. Suspendisse potenti. Nullam facilisis neque et sem. Proin placerat adipiscing urna.Aenean sollicitudin.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis eget ligula quis libero mollis dapibus. Suspendisse potenti. Nullam facilisis neque et sem. Proin placerat adipiscing urna.Aenean sollicitudin.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis eget ligula quis libero mollis dapibus. Suspendisse potenti. Nullam facilisis neque et sem. Proin placerat adipiscing urna.Aenean sollicitudin.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis eget ligula quis libero mollis dapibus. Suspendisse potenti. Nullam facilisis neque et sem. Proin placerat adipiscing urna.Aenean sollicitudin.</div><div style="font-size:5px; color:grey; text-align:center;">Codage©Perpendiculaire</div></div></div>

<link href='http://fonts.googleapis.com/css?family=Dorsa' rel='stylesheet' type='text/css'><br /><center><div style="background-color: #9cb2bc; width: 550px; height: 55px; color: #ffffff; font-family: dorsa; text-align: center; font-size: 37px; text-transform: uppercase; letter-spacing: 3px;">
titre du rp</div>
<div style="background-color: #ffffff; width: 550px; border-bottom: solid 3px #9cb2bc;">
<div style="border: solid 1px transparent; width: 530px; text-align: justify; font-size: 12px; line-height: 13px; color: #000000;">Blablatez-ici</div>
</div></center>
<br />

<br />
<center><div style="background-color: #556c80; width: 550px; height: 100px;">

<div style="font-family: georgia; color: #ffffff; letter-spacing: 3px; text-transform: lowercase;">“ titre du rp ”</div>
</div>
<div style="background-color: #b1c3d3; width: 550px;"><div style="border: solid 1px transparent; width: 530px; text-align: justify; color: #000000;">
[size=11]Blablatez-ici.[/size]</div>
</div></center><br />

<br/><center><div style="background-color:#cf9f91; border-bottom: 8px solid #b1332e; border-right: 2px solid #b1332e;border-left: 2px solid #b1332e;border-top: 8px solid #b1332e;box-shadow: 0px 0px 2px #a67465;width: 580px;text-align: justify;font-family:georgia; color:#534c4a;">
<br /><center><div style="font-family:georgia;font-size:26px; text-align:center; color:#FFFFFF; text-shadow:0px 0px 2px #000000;">TITRE</div>

<div style="background-color:#b1332e;width:560px; height: 2px;"></div><div style="background-color:rgba(255,255,255,0.8 ); width:550px; padding:6px; margin:4px; font-family:georgia; color:#000000; text-align:justify;"> Blablatez ici.

</div>

</center>
</div></center><br/><br />

<br /><center><div style="background-color: #c2e38c; width: 600px; border-left: solid 4px #5a9b4b; border-right: solid 5px #5a9b4b;">
<br /><br />
<div style="font-size: 150px; color: #f0ec8b; text-align: center; font-family: georgia;">❖</div> <div style="font-family: georgia; color: #5a9b4b; font-size: 25px; font-weight: bold; letter-spacing: 2px; text-align: center; margin-top: -22px;">Nom</div>
<br /><br />
<table><tr><td><div style="width: 0px; height: 0px; border-top: 65px solid transparent; border-bottom: 65px solid transparent; border-right: 40px solid #f0ec8b; margin-left: -5px; margin-right: px;"></div</div></td><td><div style="margin-left: -5px;"><div style="background-color: #c2e38c; width: 450px; height: 120px; border-left: solid 2px #f0ec8b; border-top: solid 4px #f0ec8b; border-right: solid 2px #f0ec8b; border-bottom: solid 4px #f0ec8b;"><div style="margin-top: 5px; margin-left: 5px; overflow: auto; height: 110px; width: 440px; text-align: justify; font-family: georgia;">Blablatez ici.</div></div></div></td><td><div style="width: 0px; height: 0px; border-top: 65px solid transparent; border-bottom: 65px solid transparent; border-left: 40px solid #f0ec8b; margin-left: -5px;"></div></td></tr></table>

<div style="margin-left: -10px;"><img src="http://i39.servimg.com/u/f39/18/18/49/85/rssore11.png" style="border-radius: 90px 90px 90px 90px; border-left: solid 3px #d4f0b3; border-bottom: solid 3px #d4f0b3;"></img> <img src="http://i39.servimg.com/u/f39/18/18/49/85/rssore11.png" style="border-radius: 90px 90px 90px 90px; border-left: solid 3px #d4f0b3; border-bottom: solid 3px #d4f0b3;"></img> <img src="http://i39.servimg.com/u/f39/18/18/49/85/rssore11.png" style="border-radius: 90px 90px 90px 90px; border-left: solid 3px #d4f0b3; border-bottom: solid 3px #d4f0b3;"></img> <img src="http://i39.servimg.com/u/f39/18/18/49/85/rssore11.png" style="border-radius: 90px 90px 90px 90px; border-left: solid 3px #d4f0b3; border-bottom: solid 3px #d4f0b3;"></img></div>
<br /><br />

<div style="font-size: 150px; color: #f0ec8b; text-align: center; font-family: georgia;">❖</div> <div style="font-family: georgia; color: #5a9b4b; font-size: 25px; font-weight: bold; letter-spacing: 2px; text-align: center; margin-top: -22px;">Liens</div>
<br />

<table><tr><td><img src="http://i19.servimg.com/u/f19/13/92/87/40/iconer10.png" style="border-radius: 90px 90px 90px 90px;"></img></td><td><div style="width: 0px; height: 0px; border-top: 55px solid transparent; border-bottom: 55px solid transparent; border-right: 40px solid #f0ec8b; margin-left: -5px; margin-right: px;"></div</div></td><td><div style="margin-left: -5px;"><div style="background-color: #c2e38c; width: 350px; height: 100px; border-left: solid 2px #f0ec8b; border-top: solid 4px #f0ec8b; border-right: solid 2px #f0ec8b; border-bottom: solid 4px #f0ec8b;"><div style="margin-top: 5px; margin-left: 5px; overflow: auto; height: 77px; width: 340px; text-align: justify; font-family: georgia;">Blablatez ici.</div></div></div></td><td><div style="width: 0px; height: 0px; border-top: 55px solid transparent; border-bottom: 55px solid transparent; border-left: 40px solid #f0ec8b; margin-left: -5px;"></div></td></tr></table>
<div style="font-family: georgia; color: #5a9b4b; font-size: 21px; font-weight: bold; letter-spacing: 2px; text-align: center; text-shadow: 0px 0px 2px #000000; margin-top: -22px; margin-left: -255px;">Nom & prénom</div>

<table><tr><td><img src="http://i19.servimg.com/u/f19/13/92/87/40/iconer10.png" style="border-radius: 90px 90px 90px 90px;"></img></td><td><div style="width: 0px; height: 0px; border-top: 55px solid transparent; border-bottom: 55px solid transparent; border-right: 40px solid #f0ec8b; margin-left: -5px; margin-right: px;"></div</div></td><td><div style="margin-left: -5px;"><div style="background-color: #c2e38c; width: 350px; height: 100px; border-left: solid 2px #f0ec8b; border-top: solid 4px #f0ec8b; border-right: solid 2px #f0ec8b; border-bottom: solid 4px #f0ec8b;"><div style="margin-top: 5px; margin-left: 5px; overflow: auto; height: 77px; width: 340px; text-align: justify; font-family: georgia;">Blablatez ici.</div></div></div></td><td><div style="width: 0px; height: 0px; border-top: 55px solid transparent; border-bottom: 55px solid transparent; border-left: 40px solid #f0ec8b; margin-left: -5px;"></div></td></tr></table>
<div style="font-family: georgia; color: #5a9b4b; font-size: 21px; font-weight: bold; letter-spacing: 2px; text-align: center; text-shadow: 0px 0px 2px #000000; margin-top: -22px; margin-left: -255px;">Nom & prénom</div>

<table><tr><td><img src="http://i19.servimg.com/u/f19/13/92/87/40/iconer10.png" style="border-radius: 90px 90px 90px 90px;"></img></td><td><div style="width: 0px; height: 0px; border-top: 55px solid transparent; border-bottom: 55px solid transparent; border-right: 40px solid #f0ec8b; margin-left: -5px; margin-right: px;"></div</div></td><td><div style="margin-left: -5px;"><div style="background-color: #c2e38c; width: 350px; height: 100px; border-left: solid 2px #f0ec8b; border-top: solid 4px #f0ec8b; border-right: solid 2px #f0ec8b; border-bottom: solid 4px #f0ec8b;"><div style="margin-top: 5px; margin-left: 5px; overflow: auto; height: 77px; width: 340px; text-align: justify; font-family: georgia;">Blablatez ici.</div></div></div></td><td><div style="width: 0px; height: 0px; border-top: 55px solid transparent; border-bottom: 55px solid transparent; border-left: 40px solid #f0ec8b; margin-left: -5px;"></div></td></tr></table>
<div style="font-family: georgia; color: #5a9b4b; font-size: 21px; font-weight: bold; letter-spacing: 2px; text-align: center; text-shadow: 0px 0px 2px #000000; margin-top: -22px; margin-left: -255px;">Nom & prénom</div>

<table><tr><td><img src="http://i19.servimg.com/u/f19/13/92/87/40/iconer10.png" style="border-radius: 90px 90px 90px 90px;"></img></td><td><div style="width: 0px; height: 0px; border-top: 55px solid transparent; border-bottom: 55px solid transparent; border-right: 40px solid #f0ec8b; margin-left: -5px; margin-right: px;"></div</div></td><td><div style="margin-left: -5px;"><div style="background-color: #c2e38c; width: 350px; height: 100px; border-left: solid 2px #f0ec8b; border-top: solid 4px #f0ec8b; border-right: solid 2px #f0ec8b; border-bottom: solid 4px #f0ec8b;"><div style="margin-top: 5px; margin-left: 5px; overflow: auto; height: 77px; width: 340px; text-align: justify; font-family: georgia;">Blablatez ici.</div></div></div></td><td><div style="width: 0px; height: 0px; border-top: 55px solid transparent; border-bottom: 55px solid transparent; border-left: 40px solid #f0ec8b; margin-left: -5px;"></div></td></tr></table>
<div style="font-family: georgia; color: #5a9b4b; font-size: 21px; font-weight: bold; letter-spacing: 2px; text-align: center; text-shadow: 0px 0px 2px #000000; margin-top: -22px; margin-left: -255px;">Nom & prénom</div>


</div></center><br />

<br /><center><div style="background-color: #65686d; width: 550px; height: 55px; color: #ffffff; font-family: georgia; text-align: center; font-size: 17px; text-transform: uppercase; letter-spacing: 3px;">
nom du personnage</div>
<div style="background-color: #767d88; width: 250px; height: 250px; margin-top: -16px; margin-left: -300px;">
[img]http://i39.servimg.com/u/f39/18/18/49/85/rsamel10.png[/img] [img]http://i39.servimg.com/u/f39/18/18/49/85/rsamel10.png[/img]
[img]http://i39.servimg.com/u/f39/18/18/49/85/rsamel10.png[/img] [img]http://i39.servimg.com/u/f39/18/18/49/85/rsamel10.png[/img]
</div><div style="background-color: #b6bdc6; width: 296px; height: 250px; margin-top: -250px; margin-left: 253px;">
<div style="border: solid 1px transparent; width: 276px; height: 220px; overflow: auto; text-align: justify; color: #000000;">Ici description du personnage.</div></div> <div style="background-color: #65686d; width: 277px; height: 55px; color: #ffffff; font-family: georgia; text-align: center; font-size: 17px; text-transform: uppercase; letter-spacing: 3px; margin-top: 2px; margin-right: 275px;">
liens recherchés</div><div style="background-color: #65686d; width: 275px; height: 55px; color: #ffffff; font-family: georgia; text-align: center; font-size: 17px; text-transform: uppercase; letter-spacing: 3px; margin-top: -55px; margin-left: 277px;">
rps</div> <div style="background-color: #989ea6; width: 277px; height: 300px; margin-top: 2px; margin-right: 275px;">
<div style="overflow: auto; height: 270px; width: 260px; text-align: justify; color: #000000;">Ici liens recherchés.</div></div><div style="background-color: #989ea6; width: 275px; height: 300px; margin-top: -300px; margin-left: 277px;">
<div style="overflow: auto; height: 270px; width: 260px; text-align: justify; color: #000000;">Ici liste des rps.</div></div>
<div style="background-color: #65686d; width: 552px; height: 55px; margin-top: -16px;"></div></center>
<br />

     <center><div style="background-color: #65686d; width: 500px; height: 55px; color: #ffffff; font-family: georgia; text-align: left; font-size: 17px; text-transform: uppercase; letter-spacing: 3px;">
    <div style="margin-left: 100px;">Prénom et Nom</div></div><div style="background-color: #b6bdc6; width: 390px; height: 105px; margin-top: 3px; margin-left: -109px;">
    <div style="overflow: auto; height: 90px; width: 370px; text-align: justify; font-size: 11px; line-height: 13px; margin-left: 4px; margin-top: -9px; color: #000000;">Et puis là on dit qu'on met un super lien de la morkitue parce que c'est cool et que ça peut être vraiment pas mal de savoir de quoi on parle. Enfin bon, à part ça, on peut toujours commencer à parler cuisine, je sais pas, faut voir si ça reste une bonne idée, ça dépend des gens, y en a qui sont nuls en cuisine, c'est pas de leur faute. Et je raconte n'importe quoi pour changer mais ça vous commencez à avoir un peu l'habitude je pense.</div></div> <img style="margin-left: 398px; margin-top: -100px; border-radius: 90px 90px 90px 90px;" src="http://i39.servimg.com/u/f39/18/18/49/85/rsamel10.png"></img></center>

      <center><div style="background-color: #65686d; width: 500px; height: 55px; color: #ffffff; font-family: georgia; text-align: left; font-size: 17px; text-transform: uppercase; letter-spacing: 3px;">
    <div style="margin-left: 100px;">Prénom et Nom</div></div><div style="background-color: #b6bdc6; width: 390px; height: 105px; margin-top: 3px; margin-left: -109px;">
    <div style="overflow: auto; height: 90px; width: 370px; text-align: justify; font-size: 11px; line-height: 13px; margin-left: 4px; margin-top: -9px; color: #000000;">Et puis là on dit qu'on met un super lien de la morkitue parce que c'est cool et que ça peut être vraiment pas mal de savoir de quoi on parle. Enfin bon, à part ça, on peut toujours commencer à parler cuisine, je sais pas, faut voir si ça reste une bonne idée, ça dépend des gens, y en a qui sont nuls en cuisine, c'est pas de leur faute. Et je raconte n'importe quoi pour changer mais ça vous commencez à avoir un peu l'habitude je pense.</div></div> <img style="margin-left: 398px; margin-top: -100px; border-radius: 90px 90px 90px 90px;" src="http://i39.servimg.com/u/f39/18/18/49/85/rsamel10.png"></img></center>

      <center><div style="background-color: #65686d; width: 500px; height: 55px; color: #ffffff; font-family: georgia; text-align: left; font-size: 17px; text-transform: uppercase; letter-spacing: 3px;">
    <div style="margin-left: 100px;">Prénom et Nom</div></div><div style="background-color: #b6bdc6; width: 390px; height: 105px; margin-top: 3px; margin-left: -109px;">
    <div style="overflow: auto; height: 90px; width: 370px; text-align: justify; font-size: 11px; line-height: 13px; margin-left: 4px; margin-top: -9px; color: #000000;">Et puis là on dit qu'on met un super lien de la morkitue parce que c'est cool et que ça peut être vraiment pas mal de savoir de quoi on parle. Enfin bon, à part ça, on peut toujours commencer à parler cuisine, je sais pas, faut voir si ça reste une bonne idée, ça dépend des gens, y en a qui sont nuls en cuisine, c'est pas de leur faute. Et je raconte n'importe quoi pour changer mais ça vous commencez à avoir un peu l'habitude je pense.</div></div> <img style="margin-left: 398px; margin-top: -100px; border-radius: 90px 90px 90px 90px;" src="http://i39.servimg.com/u/f39/18/18/49/85/rsamel10.png"></img></center>