<link href='http://fonts.googleapis.com/css?family=Mr+Dafoe' rel='stylesheet' type='text/css'><center><div style="width:450px;"><div style="font-family: 'Mr Dafoe', cursive;font-size:26px;margin-bottom:-8px;position:relative;z-index:100;text-shadow:0px 1px 1px #393333;">prénom p. nom</div><table><tr><td><img src="http://image.noelshack.com/fichiers/2013/01/1357154138-rt5.png"></td><td><div style="width:200px;height:314px;overflow:auto;background-color:#ffffff;opacity:0.9;font-size:10px;text-align:justify;padding:2px;font-family:tahoma;border: #bbb59e 1px solid; color:#482926;line-height:12px;">[i][color=#9c5643]nom[/color][/i] : écrire ici. [i][color=#9c5643]prénom(s)[/color][/i] : écrire ici. [i][color=#9c5643]âge[/color][/i] : écrire ici. [i][color=#9c5643]origines[/color][/i] : écrire ici. [i][color=#9c5643]métier/études[/color][/i] : écrire ici. [i][color=#9c5643]famille[/color][/i] : écrire ici. [i][color=#9c5643]statut social[/color][/i] : écrire ici. [i][color=#9c5643]avatar[/color][/i] : écrire ici.

[center]<select name="menu" onChange="location=document.jump.menu.options[document.jump.menu.selectedIndex].value;" value="mon caractère">
<option>mon caractère</option>
<option>qualité</option>
<option>défaut</option>
<option>qualité</option>
<option>défaut</option>
<option>qualité</option>
<option>défaut</option>
</select>[/center]
[i][color=#9c5643]des anecdotes intéressantes à savoir[/color][/i] : écrire ici, des habitudes, des manies, des tics & des tocs, ce qui serait intéressant à exploiter pour un lien et un rp. [i][color=#9c5643]un résumé de mon histoire[/color][/i] : écrire ici, un résumé court de l'histoire du personnage. partie à personnaliser.

<img src="http://image.noelshack.com/fichiers/2013/03/1358452530-14.png" style="border: #bbb59e 1px solid;width:40px;padding:1px;" align="left"><div style="height:40px;overflow:auto;">[i][color=#9c5643]nom du lien recherché[/color][/i] : écrire ici un descriptif du lien que tu recherches.</div>
<img src="http://image.noelshack.com/fichiers/2013/03/1358452530-14.png" style="border: #bbb59e 1px solid;width:40px;padding:1px;" align="left"><div style="height:40px;overflow:auto;">[i][color=#9c5643]nom du lien recherché[/color][/i] : écrire ici un descriptif du lien que tu recherches.</div>
<img src="http://image.noelshack.com/fichiers/2013/03/1358452530-14.png" style="border: #bbb59e 1px solid;width:40px;padding:1px;" align="left"><div style="height:40px;overflow:auto;">[i][color=#9c5643]nom du lien recherché[/color][/i] : écrire ici un descriptif du lien que tu recherches.</div>
[center](c) fiche de lien crée par eylika.[/center]
</div></td></tr></table></center>

<link href='http://fonts.googleapis.com/css?family=Mr+Dafoe' rel='stylesheet' type='text/css'><center><div style="width:450px;"><div style="font-family: 'Mr Dafoe', cursive;font-size:26px;margin-bottom:-8px;position:relative;z-index:100;text-shadow:0px 1px 1px #393333;">nom de la personne</div><table><tr><td><img src="http://image.noelshack.com/fichiers/2013/03/1358452530-14.png" style="border: #bbb59e 1px solid;width:100px;padding:1px;"></td><td><div style="width:296px;height:98px;overflow:auto;background-color:#ffffff;opacity:0.9;font-size:10px;text-align:justify;padding:2px;font-family:tahoma;border: #bbb59e 1px solid; color:#482926;line-height:11px;">[i][color=#9c5643]nom du lien[/color][/i] : écrire ici le descriptif du lien. </div></td></tr></table><div style="font-family: 'Mr Dafoe', cursive;font-size:26px;margin-bottom:-8px;position:relative;z-index:100;text-shadow:0px 1px 1px #393333;">nom de la personne</div><table><tr><td><img src="http://image.noelshack.com/fichiers/2013/03/1358452530-14.png" style="border: #bbb59e 1px solid;width:100px;padding:1px;"></td><td><div style="width:296px;height:98px;overflow:auto;background-color:#ffffff;opacity:0.9;font-size:10px;text-align:justify;padding:2px;font-family:tahoma;border: #bbb59e 1px solid; color:#482926;line-height:11px;">[i][color=#9c5643]nom du lien[/color][/i] : écrire ici le descriptif du lien. </div></td></tr></table><div style="font-family: 'Mr Dafoe', cursive;font-size:26px;margin-bottom:-8px;position:relative;z-index:100;text-shadow:0px 1px 1px #393333;">nom de la personne</div><table><tr><td><img src="http://image.noelshack.com/fichiers/2013/03/1358452530-14.png" style="border: #bbb59e 1px solid;width:100px;padding:1px;"></td><td><div style="width:296px;height:98px;overflow:auto;background-color:#ffffff;opacity:0.9;font-size:10px;text-align:justify;padding:2px;font-family:tahoma;border: #bbb59e 1px solid; color:#482926;line-height:11px;">[i][color=#9c5643]nom du lien[/color][/i] : écrire ici le descriptif du lien. </div></td></tr></table></div></center>

<link href='https://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css'>
<style>.info { z-index:4;padding:10px; width:180px; height:300px; background-color: rgb(255,255,255); text-align:justify; font-family:calibri; line-height:100%; font-size:11px; overflow:auto;position:absolute; margin:0; opacity:0;  -moz-transition: opacity 0.8s ease-in-out; -webkit-transition: opacity 0.8s ease-in-out;  -o-transition: opacity 0.8s ease-in-out; transition: opacity 0.8s ease-in-out;} .info:hover { opacity:0.8; -moz-transition: opacity 0.8s ease-in-out; -webkit-transition: opacity 0.8s ease-in-out; -o-transition: opacity 0.8s ease-in-out; transition: opacity 0.8s ease-in-out;} .introduction { position:absolute;background: transparent; border: solid 6px white; height:190px; width:290px; display:inline-block; padding:5px 5px 5px 55px; margin-left:-40px; margin-top:-30px;font-family: calibri;text-transform:uppercase;color:#bfb8ac;text-align:right;  font-size:11px;} .name { color:#5b5b5b; font-size:18px; font-family: Oswald; text-align:center; } .rechercheliens { max-height:100px; overflow:auto;text-align:justify;color: #5b5b5b; font-size:10px; line-height:100%;text-transform:none; } .presa { color:#bfb8ac !important;} #presa:hover {color:#5b5b5b !important; }</style>

<div width="200px" height="320px" style="display:inline-block;"><div class="info">Ici tu peux faire un résumé de ton personnage sous forme de récit, ou point par point, c'est toi qui vois ! Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur congue maximus metus non volutpat. Ut venenatis suscipit pulvinar. Aliquam et dolor vitae nibh malesuada egestas. Nunc iaculis consequat massa et vestibulum. Sed laoreet, ex eu vestibulum pharetra, orci mi viverra quam, sed consectetur odio quam vitae ligula. Cras sed aliquet nulla, ac vehicula lacus. Cras turpis magna, consequat vitae vulputate nec, interdum eget est. Pellentesque pharetra leo metus, nec commodo purus bibendum sed. Duis aliquet dolor vel lacus bibendum, sit amet auctor risus pretium. Nam nec vehicula ante, accumsan interdum mauris. Pellentesque posuere at mi a posuere. Donec id nisl in mi efficitur rhoncus eu et felis.</div><img src="http://40.media.tumblr.com/2a821f0a66d026e2fd6137d0f94aade8/tumblr_o5koktjWNU1u7ut5io7_250.png" /></div><div class="introduction"><h1 class="name">Prénom P. Nom</h1>surnom + âge + métier + groupe + statut matrimonial
<p class="rechercheliens"><strong>Femme/groupe +</strong> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur congue maximus metus non volutpat. Ut venenatis suscipit pulvinar.

<strong>Homme/groupe +</strong> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur congue maximus metus non volutpat. Ut venenatis suscipit pulvinar.

<strong>Groupe +</strong> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur congue maximus metus non volutpat. Ut venenatis suscipit pulvinar.</p><a href="#" class="presa">Lien vers ma présentation</a> / Fiche par Blake</div>

<link href='https://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css'>
<style>.links {width:130px; height: 208px; display:inline-block;} .links img { -moz-transition: opacity 0.8s ease-in-out; -webkit-transition: opacity 0.8s ease-in-out;  -o-transition: opacity 0.8s ease-in-out; transition: opacity 0.8s ease-in-out; z-index:1; } .links:hover img { opacity:0.4 } .links:hover .infolinks { opacity:1 } .infolinks { margin-left:7px; font-size:10px; overflow:auto; line-height:100%; z-index: 4; opacity:0; position:absolute; padding:5px; width: 100px; height: 180px; border: white solid 3px; color: white; margin-top: 7px;-moz-transition: opacity 0.8s ease-in-out; -webkit-transition: opacity 0.8s ease-in-out;  -o-transition: opacity 0.8s ease-in-out; transition: opacity 0.8s ease-in-out;}  .citationlink { font-family: calibri;text-transform:uppercase; text-align:right; }</style>

<div class="links"><div class="infolinks"><span style="font-family: Oswald; text-align:center; font-size:14px;">Prénom Nom</span><br/><span class="citationlink">nature du lien</span><br/><br/>définition du lien ici - définition du lien ici</div><img src="http://40.media.tumblr.com/5d017eda9ecba0b2f574fdfe4c087a13/tumblr_o5qtfcPGg11u7ut5io6_250.png" width="130px" height="auto" /></div> <div class="links"><div class="infolinks"><span style="font-family: Oswald; text-align:center; font-size:14px;">Prénom Nom</span><br/><span class="citationlink">nature du lien</span><br/><br/>définition du lien ici - définition du lien ici</div><img src="http://40.media.tumblr.com/9817a5f66a51d7e8e4d9d390c9e9806f/tumblr_o5q82dhdtG1u7ut5io2_250.png" width="130px" height="auto" /></div> <div class="links"><div class="infolinks"><span style="font-family: Oswald; text-align:center; font-size:14px;">Prénom Nom</span><br/><span class="citationlink">nature du lien</span><br/><br/>définition du lien ici - définition du lien ici</div><img src="http://40.media.tumblr.com/21a528efe447ba9852ad2190006228cb/tumblr_o5n0o9SNgL1u7ut5io7_250.png" width="130px" height="auto" /></div> <div class="links"><div class="infolinks"><span style="font-family: Oswald; text-align:center; font-size:14px;">Prénom Nom</span><br/><span class="citationlink">nature du lien</span><br/><br/>définition du lien ici - définition du lien ici</div><img src="http://40.media.tumblr.com/f0b954d30409b20b9dcc1ff3dd1c90e1/tumblr_o53zyrSVB01u7ut5io5_250.png" width="130px" height="auto" /></div>

<center><div style="background:#FFF;width:415px;padding:5px;box-shadow:2px 0px 1px #D8D8D8;">
<div style="font: 135px georgia; color: #F3B470; text-align: center; text-transform: lowercase; line-height: 80%; letter-spacing: -18px; position: relative; right: 9px;">Get lucky</div><div style="width: 385px; font: 8px orator std; color: black; text-align: justify; text-transform: uppercase; line-height: 100%; margin-bottom: 6px">Like the legend of the phoenix All ends with beginnings What keeps the planet spinning The force from the beginning. We've come too far to give up who we are So let's raise the bar and our cups to the stars. She's up all night 'til the sun I'm up all night to get some.She's up all night for good fun I'm up all night to get lucky.</div><div style="width: 405px; height: 7px background-color: #fff; border-bottom: dashed 1px;#7FC7F6;"></div><div style="width: 405px; height: 3px; background-color: #7FC7F6; margin-bottom: 5px"></div><table><tr><td><img src="http://25.media.tumblr.com/4b0062437d5e8079be7eb13f6dd99831/tumblr_mo1qt0T8QQ1rfs1byo2_250.gif" width="200" style="-webkit-border-radius:10px;border-radius:10px;"></td><td><img src="http://25.media.tumblr.com/a04fec50519545d8d259a551f809d47d/tumblr_mo1qt0T8QQ1rfs1byo4_250.gif" width="200" style="-webkit-border-radius:10px;border-radius:10px;"></td></tr></table><div style="background-color: #F3B470; width: 385px; padding: 10px; font: 10px segoe ui; line-height: 100%; text-align: justify; color: #000;height:90px; overflow:auto;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec elementum, mauris quis vehicula mattis, magna urna suscipit turpis, eu hendrerit elit dolor nec odio. Nulla aliquam auctor ante vel pretium. Suspendisse laoreet nibh at mi consectetur, id sodales arcu facilisis. Praesent nisl nisl, eleifend sed faucibus posuere, volutpat posuere turpis. Integer pharetra purus ac varius pellentesque. Sed id tortor non ligula molestie molestie. Proin et luctus massa, sit amet eleifend justo. Nam nunc tellus, egestas et eros eu, porta sollicitudin tellus. Cras imperdiet magna pulvinar mollis elementum. Aenean convallis egestas porttitor. Morbi bibendum interdum est a cursus. Praesent feugiat condimentum accumsan. Cras ultricies massa bibendum, mattis tellus ac, ultricies magna.</div><table><tr><td><div style="background:#7FC7F6; padding:7px;text-alig:center;font-size:25px;font-family: georgia; color: #F3B470; text-transform: uppercase; letter-spacing: -2px;-webkit-border-radius:10px;border-radius:10px;box-shadow:2px 0px 1px #D8D8D8;"><a href="http://" target="_blank"><font color="#000000">PRESENTATION</font></a></div></td><td><div style="background:#7FC7F6; padding:7px;text-alig:center;font-size:25px;font-family: georgia; color: #F3B470; text-transform: uppercase; letter-spacing: -2px;-webkit-border-radius:10px;border-radius:10px;box-shadow:2px 0px 1px #D8D8D8;"><a href="http://" target="_blank"><font color="#000000">RPS</font></a></div></td><td><div style="padding:7px;text-alig:center;font-size:25px;font-family: georgia; color: #F3B470; text-transform: uppercase; letter-spacing: -2px;">[color=black]ϟ[/color] OUVERT.</div></td></tr></table><div style="font: 8px terminal dosis light; color: black; text-align: center; text-transform: uppercase; line-height: 15px;">CREDITS: Tumblr + Hellsangels.</div></div></center>

<center><table><tr>
<td><div style="background:#FFF;width:200px;padding:5px;box-shadow:2px 0px 1px #D8D8D8;"><div style="background:url(https://i.servimg.com/u/f75/12/12/69/66/c310.png);width:200px;height:320px;"><div style="background:#FFFFFF;opacity:0.8;color:#000;width:180px;padding:5px;margin:5px;height:150px;position:relative;top:155px;-webkit-border-radius:10px;border-radius:10px;"><div style="font: 25px georgia; color: #000; text-align: center; text-transform: lowercase; line-height: 80%; letter-spacing: -1px;">Prénom Nom</div><div style="text-align:justify;font-size:10px;line-height:9px;overflow:auto;height:120px;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec elementum, mauris quis vehicula mattis, magna urna suscipit turpis, eu hendrerit elit dolor nec odio. Nulla aliquam auctor ante vel pretium. Suspendisse laoreet nibh at mi consectetur, id sodales arcu facilisis. Praesent nisl nisl, eleifend sed faucibus posuere, volutpat posuere turpis. Integer pharetra purus ac varius pellentesque. Sed id tortor non ligula molestie molestie. Proin et luctus massa, sit amet eleifend justo. Nam nunc tellus, egestas et eros eu, porta sollicitudin tellus. Cras imperdiet magna pulvinar mollis elementum. Aenean convallis egestas porttitor. Morbi bibendum interdum est a cursus. Praesent feugiat condimentum accumsan. Cras ultricies massa bibendum, mattis tellus ac, ultricies magna.</div><div style="font: 18px georgia; color: #000; text-align: center; text-transform: lowercase; line-height: 80%; letter-spacing: -1px;">Description du lien</div></div></div></div></td>
<td><div style="background:#FFF;width:200px;padding:5px;box-shadow:2px 0px 1px #D8D8D8;"><div style="background:url(https://i.servimg.com/u/f75/12/12/69/66/c310.png);width:200px;height:320px;"><div style="background:#FFFFFF;opacity:0.8;color:#000;width:180px;padding:5px;margin:5px;height:150px;position:relative;top:155px;-webkit-border-radius:10px;border-radius:10px;"><div style="font: 25px georgia; color: #000; text-align: center; text-transform: lowercase; line-height: 80%; letter-spacing: -1px;">Prénom Nom</div><div style="text-align:justify;font-size:10px;line-height:9px;overflow:auto;height:120px;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec elementum, mauris quis vehicula mattis, magna urna suscipit turpis, eu hendrerit elit dolor nec odio. Nulla aliquam auctor ante vel pretium. Suspendisse laoreet nibh at mi consectetur, id sodales arcu facilisis. Praesent nisl nisl, eleifend sed faucibus posuere, volutpat posuere turpis. Integer pharetra purus ac varius pellentesque. Sed id tortor non ligula molestie molestie. Proin et luctus massa, sit amet eleifend justo. Nam nunc tellus, egestas et eros eu, porta sollicitudin tellus. Cras imperdiet magna pulvinar mollis elementum. Aenean convallis egestas porttitor. Morbi bibendum interdum est a cursus. Praesent feugiat condimentum accumsan. Cras ultricies massa bibendum, mattis tellus ac, ultricies magna.</div><div style="font: 18px georgia; color: #000; text-align: center; text-transform: lowercase; line-height: 80%; letter-spacing: -1px;">Description du lien</div></div></div></div></td>
</tr></table></center>