asi'click

[center]<link href='http://fonts.googleapis.com/css?family=Playball' rel='stylesheet' type='text/css'>

<style>.div_lien {background-image: -moz-linear-gradient(top, #101010 0%, #1a1a1a 50%, #101010 100%); background-image: -webkit-linear-gradient(top, #101010 0%, #1a1a1a 50%, #101010 100%); background-image: -o-linear-gradient(top, #101010 0%, #1a1a1a 50%, #101010 100%); background-image: linear-gradient(top, #101010 0%, #1a1a1a 50%, #101010 100%); box-shadow: 0px 0px 2px black; border: 1px solid #3B3B3B;} .survol {transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; opacity: 0.7;} .survol:hover {opacity: 1;} .monBloc2 {position: relative; /* important ! */overflow: hidden; width: 250px; height: 320px; background: #1D1D1D; margin-top: -1px;} .blocVolet2 {position: absolute; top: 0; left: 0; width: 250px; height: 320px; background-image: -moz-linear-gradient(top, #101010 0%, #1a1a1a 50%, #101010 100%); background-image: -webkit-linear-gradient(top, #101010 0%, #1a1a1a 50%, #101010 100%); background-image: -o-linear-gradient(top, #101010 0%, #1a1a1a 50%, #101010 100%); background-image: linear-gradient(top, #101010 0%, #1a1a1a 50%, #101010 100%); -webkit-transition: all 1s linear; -moz-transition: all 1s linear; -ms-transition: all 1s linear; -o-transition: all 1s linear; transition: all 1s linear;} .monBloc2:hover > .blocVolet2 {left: -250px;}</style>

<div style="font-family: 'Playball', cursive; font-size: 25px; text-align: center; color: gray; text-shadow: 1px 0px 1px black;">Citation de ton choix à placer ici</div><div style="font-family: georgia; font-size: 10px; color: gray; text-align: center;">© fiche codée par Asi'click</div><div style="height: 320px; width: 454px;" class="div_lien"><table cellspacing="0"><tr><td><img src="http://i.imgbox.com/OGsQit6x.png" height="320px" width="200px" style="border-right: 2px solid #3B3B3B; margin-left: -1px; margin-top: -1px;" class="survol"></td><td><div class="monBloc2"><div class="blocVolet2"><div style="font-family: 'Playball', cursive; font-size: 30px; text-align: center; text-shadow: 1px 0px 1px black; width: 250px; margin-top: 130px; color: #bdb76b; margin-bottom: 3px;">Prénom P² Nom</div><div style="font-family: georgia; font-size: 19px; letter-spacing: -1.5px; color: #555555; text-align: center;">xx ans ✤ métier ✤ groupe
info ✤ info ✤ info ✤ info</div></div><div style="font-family: arial; font-size: 10px; color: gray; width: 250px; height: 200px; overflow: auto; line-height: 12px; text-align: justify;"><div style=" padding: 2px;">Paragraphe sur le caractère de ton personnage, sur sa situation actuelle, ce qu'il pense des autres, sa façon d'être, son passé, sous forme de liste, ... C'est toi qui gère.

Ob haec et huius modi multa, quae cernebantur in paucis, omnibus timeri sunt coepta. et ne tot malis dissimulatis paulatimque serpentibus acervi crescerent aerumnarum, nobilitatis decreto legati mittuntur: Praetextatus ex urbi praefecto et ex vicario Venustus et ex consulari Minervius oraturi, ne delictis supplicia sint grandiora, neve senator quisquam inusitato et inlicito more tormentis exponeretur.

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.</div></div><div style="font-family: arial; font-size: 10px; color: gray; width: 250px; height: 120px; overflow: auto; line-height: 12px; text-align: justify; border-top: 4px solid #3B3B3B;"><div style=" padding: 2px;">[i]lien recherché[/i] [color=darkkhaki]✤[/color] description rapide
[i]lien recherché[/i] [color=indianred]✤[/color] description rapide
[i]lien recherché[/i] [color=darkkhaki]✤[/color] description rapide
[i]lien recherché[/i] [color=indianred]✤[/color] description rapide
[i]lien recherché[/i] [color=darkkhaki]✤[/color] description rapide
[i]lien recherché[/i] [color=indianred]✤[/color] description rapide
[i]lien recherché[/i] [color=darkkhaki]✤[/color] description rapide
[i]lien recherché[/i] [color=indianred]✤[/color] description rapide
[i]lien recherché[/i] [color=darkkhaki]✤[/color] description rapide
[i]lien recherché[/i] [color=indianred]✤[/color] description rapide
</div></div></div></td></tr></table></div>
[/center]

[center]<link href='http://fonts.googleapis.com/css?family=Playball' rel='stylesheet' type='text/css'>

<style>.div_lien {background-image: -moz-linear-gradient(top, #101010 0%, #1a1a1a 50%, #101010 100%); background-image: -webkit-linear-gradient(top, #101010 0%, #1a1a1a 50%, #101010 100%); background-image: -o-linear-gradient(top, #101010 0%, #1a1a1a 50%, #101010 100%); background-image: linear-gradient(top, #101010 0%, #1a1a1a 50%, #101010 100%); box-shadow: 0px 0px 2px black; border: 1px solid #3B3B3B;} .survol {transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; opacity: 0.7;} .survol:hover {opacity: 1;} .monBloc {position: relative; /* important ! */overflow: hidden; width: 250px; height: 100px; background: #1D1D1D; margin-top: -1px;} .blocVolet {position: absolute; top: 0; left: 0; width: 250px; height: 100px; background-image: -moz-linear-gradient(top, #101010 0%, #1a1a1a 50%, #101010 100%); background-image: -webkit-linear-gradient(top, #101010 0%, #1a1a1a 50%, #101010 100%); background-image: -o-linear-gradient(top, #101010 0%, #1a1a1a 50%, #101010 100%); background-image: linear-gradient(top, #101010 0%, #1a1a1a 50%, #101010 100%); -webkit-transition: all 1s linear; -moz-transition: all 1s linear; -ms-transition: all 1s linear; -o-transition: all 1s linear; transition: all 1s linear;} .monBloc:hover > .blocVolet {left: -250px;}</style>

<div style="font-family: 'Playball', cursive; font-size: 45px; text-align: center; color: gray; text-shadow: 2px 0px 1px black;">Nom catégorie</div><div style="font-family: georgia; font-size: 9px; letter-spacing: -1px; color: gray; text-align: center;">© fiche codée par Asi'click</div>
<div style="height: 100px; width: 354px;" class="div_lien"><table cellspacing="0"><tr><td><img src="http://i.imgbox.com/GeXryPL0.png" height="100px" width="100px" style="border-right: 2px solid #3B3B3B; margin-left: -1px; margin-top: -1px;" class="survol"></td><td><div class="monBloc"><div class="blocVolet"><div style="font-family: 'Playball', cursive; font-size: 30px; text-align: center; text-shadow: 1px 0px 1px black; width: 250px; margin-top: 30px; color: #bdb76b; margin-bottom: 3px;">Prenom P² Nom</div><div style="font-family: georgia; font-size: 15px; letter-spacing: -1px; color: #555555; text-align: center;">"Nom du lien ou phrase l'illustrant"</div></div><div style="font-family: arial; font-size: 10px; color: gray; width: 250px; height: 100px; overflow: auto; line-height: 12px; text-align: justify;"><div style=" padding: 2px;">Hac ex causa conlaticia stipe Valerius humatur ille Publicola et subsidiis amicorum mariti inops cum liberis uxor alitur Reguli et dotatur ex aerario filia Scipionis, cum nobilitas florem adultae virginis diuturnum absentia pauperis erubesceret patris.His cognitis Gallus ut serpens adpetitus telo vel saxo iamque spes extremas opperiens et succurrens saluti suae quavis ratione colligi omnes iussit armatos et cum starent attoniti, districta dentium acie stridens adeste inquit viri fortes mihi periclitanti vobiscum.Primi igitur omnium statuuntur Epigonus et Eusebius ob nominum gentilitatem oppressi. praediximus enim Montium sub ipso vivendi termino his vocabulis appellatos fabricarum culpasse tribunos ut adminicula futurae molitioni pollicitos.</div></div>
</div></td></tr></table></div>
<div style="height: 100px; width: 354px;" class="div_lien"><table cellspacing="0"><tr><td><img src="http://i.imgbox.com/GeXryPL0.png" height="100px" width="100px" style="border-right: 2px solid #3B3B3B; margin-left: -1px; margin-top: -1px;" class="survol"></td><td><div class="monBloc"><div class="blocVolet"><div style="font-family: 'Playball', cursive; font-size: 30px; text-align: center; text-shadow: 1px 0px 1px black; width: 250px; margin-top: 30px; color: #bdb76b; margin-bottom: 3px;">Prenom P² Nom</div><div style="font-family: georgia; font-size: 15px; letter-spacing: -1px; color: #555555; text-align: center;">"Nom du lien ou phrase l'illustrant"</div></div><div style="font-family: arial; font-size: 10px; color: gray; width: 250px; height: 100px; overflow: auto; line-height: 12px; text-align: justify;"><div style=" padding: 2px;">Hac ex causa conlaticia stipe Valerius humatur ille Publicola et subsidiis amicorum mariti inops cum liberis uxor alitur Reguli et dotatur ex aerario filia Scipionis, cum nobilitas florem adultae virginis diuturnum absentia pauperis erubesceret patris.His cognitis Gallus ut serpens adpetitus telo vel saxo iamque spes extremas opperiens et succurrens saluti suae quavis ratione colligi omnes iussit armatos et cum starent attoniti, districta dentium acie stridens adeste inquit viri fortes mihi periclitanti vobiscum.Primi igitur omnium statuuntur Epigonus et Eusebius ob nominum gentilitatem oppressi. praediximus enim Montium sub ipso vivendi termino his vocabulis appellatos fabricarum culpasse tribunos ut adminicula futurae molitioni pollicitos.</div></div>
</div></td></tr></table></div>
<div style="height: 100px; width: 354px;" class="div_lien"><table cellspacing="0"><tr><td><img src="http://i.imgbox.com/GeXryPL0.png" height="100px" width="100px" style="border-right: 2px solid #3B3B3B; margin-left: -1px; margin-top: -1px;" class="survol"></td><td><div class="monBloc"><div class="blocVolet"><div style="font-family: 'Playball', cursive; font-size: 30px; text-align: center; text-shadow: 1px 0px 1px black; width: 250px; margin-top: 30px; color: #bdb76b; margin-bottom: 3px;">Prenom P² Nom</div><div style="font-family: georgia; font-size: 15px; letter-spacing: -1px; color: #555555; text-align: center;">"Nom du lien ou phrase l'illustrant"</div></div><div style="font-family: arial; font-size: 10px; color: gray; width: 250px; height: 100px; overflow: auto; line-height: 12px; text-align: justify;"><div style=" padding: 2px;">Hac ex causa conlaticia stipe Valerius humatur ille Publicola et subsidiis amicorum mariti inops cum liberis uxor alitur Reguli et dotatur ex aerario filia Scipionis, cum nobilitas florem adultae virginis diuturnum absentia pauperis erubesceret patris.His cognitis Gallus ut serpens adpetitus telo vel saxo iamque spes extremas opperiens et succurrens saluti suae quavis ratione colligi omnes iussit armatos et cum starent attoniti, districta dentium acie stridens adeste inquit viri fortes mihi periclitanti vobiscum.Primi igitur omnium statuuntur Epigonus et Eusebius ob nominum gentilitatem oppressi. praediximus enim Montium sub ipso vivendi termino his vocabulis appellatos fabricarum culpasse tribunos ut adminicula futurae molitioni pollicitos.</div></div>
</div></td></tr></table></div>[/center]

<div style="height: 100px; width: 354px;" class="div_lien"><table cellspacing="0"><tr><td><img src="URL IMAGE CARREE" height="100px" width="100px" style="border-right: 2px solid #3B3B3B; margin-left: -1px; margin-top: -1px;" class="survol"></td><td><div class="monBloc"><div class="blocVolet"><div style="font-family: 'Playball', cursive; font-size: 30px; text-align: center; text-shadow: 1px 0px 1px black; width: 250px; margin-top: 30px; color: #bdb76b; margin-bottom: 3px;">Prenom P² Nom</div><div style="font-family: georgia; font-size: 15px; letter-spacing: -1px; color: #555555; text-align: center;">"Nom du lien ou phrase l'illustrant"</div></div><div style="font-family: arial; font-size: 10px; color: gray; width: 250px; height: 100px; overflow: auto; line-height: 12px; text-align: justify;"><div style=" padding: 2px;">Hac ex causa conlaticia stipe Valerius humatur ille Publicola et subsidiis amicorum mariti inops cum liberis uxor alitur Reguli et dotatur ex aerario filia Scipionis, cum nobilitas florem adultae virginis diuturnum absentia pauperis erubesceret patris.His cognitis Gallus ut serpens adpetitus telo vel saxo iamque spes extremas opperiens et succurrens saluti suae quavis ratione colligi omnes iussit armatos et cum starent attoniti, districta dentium acie stridens adeste inquit viri fortes mihi periclitanti vobiscum.Primi igitur omnium statuuntur Epigonus et Eusebius ob nominum gentilitatem oppressi. praediximus enim Montium sub ipso vivendi termino his vocabulis appellatos fabricarum culpasse tribunos ut adminicula futurae molitioni pollicitos.</div></div>
</div></td></tr></table></div>