Exemples de fiches de liens

Code:

<link href='http://fonts.googleapis.com/css?family=Bad+Script' rel='stylesheet' type='text/css'>
<div style="width: 300px; margin: auto; font-family: 'Bad Script', cursive; font-size:40px; letter-spacing: -2px; color : Green; text-align: center; font-variant: small-caps;">Titre</div>
<div style="border-bottom: 10px solid #FFE173; width: 500px; margin: auto; border-radius: 100px; box-shadow: 2px 2px 5px #807868; margin-top: -20px;"></div><div style=" width: 500px; margin-left: auto; margin-right: auto; margin-top: -5px; text-align: right; color:#FFBC00; font-size: 7px;">(c) Codage par Asmareth pour <a href="http://www.never-utopia.com/" style="color: white;">Never Utopia</a></div>

<span style="display: block; font-family: 'Bad Script', cursive; font-size:26px; letter-spacing: -2px; color : white; margin-left: 120px; margin-bottom: -25px;"><span style="font-variant: small-caps;">Nom du lien ¤</span> Nature du lien</span><div style="float: left; margin-top: 18px; width: 100px; height: 100px; background: url(http://26.media.tumblr.com/tumblr_m2ubovhj4d1r65ymxo3_500.gif); border: 2px solid #FFE173; border-top-left-radius: 100px; border-bottom-left-radius: 100px; box-shadow: -2px 2px 5px #807868;"></div>
<div style="margin-left: 100px; width: 400px; padding-left: 10px; height : 104px; background-color: #FFE173; border-top-right-radius: 100px; border-bottom-right-radius: 100px; box-shadow: 2px 2px 5px #807868;"><div style="height: 90px; width: 350px; padding: 15px 5px 5px 5px; overflow: auto; font-size: 11px; line-height: 1.3; color: #695D3E;">Mon texte ici. Blabla blabla. Mon texte ici. Blabla blabla.Mon texte ici. Blabla blabla.Mon texte ici. Blabla blabla.Mon texte ici. Blabla blabla.Mon texte ici. Blabla blabla.Mon texte ici. Blabla blabla.Mon texte ici. Blabla blabla.Mon texte ici. Blabla blabla. encore encore encore encore encore</div></div>
<span style="display: block; font-family: 'Bad Script', cursive; font-size:26px; letter-spacing: -2px; color : white; margin-left: 120px; margin-bottom: -25px;"><span style="font-variant: small-caps;">Nom du lien ¤</span> Nature du lien</span><div style="float: left; margin-top: 18px; width: 100px; height: 100px; background: url(http://26.media.tumblr.com/tumblr_m2ubovhj4d1r65ymxo3_500.gif); border: 2px solid #FFE173; border-top-left-radius: 100px; border-bottom-left-radius: 100px; box-shadow: -2px 2px 5px #807868;"></div>
<div style="margin-left: 100px; width: 400px; padding-left: 10px; height : 104px; background-color: #FFE173; border-top-right-radius: 100px; border-bottom-right-radius: 100px; box-shadow: 2px 2px 5px #807868;"><div style="height: 90px; width: 350px; padding: 15px 5px 5px 5px; overflow: auto; font-size: 11px; line-height: 1.3; color: #695D3E;">Mon texte ici. Blabla blabla. Mon texte ici. Blabla blabla.Mon texte ici. Blabla blabla.Mon texte ici. Blabla blabla.Mon texte ici. Blabla blabla.Mon texte ici. Blabla blabla.Mon texte ici. Blabla blabla.Mon texte ici. Blabla blabla.Mon texte ici. Blabla blabla. encore encore encore encore encore</div></div>
<span style="display: block; font-family: 'Bad Script', cursive; font-size:26px; letter-spacing: -2px; color : white; margin-left: 120px; margin-bottom: -25px;"><span style="font-variant: small-caps;">Nom du lien ¤</span> Nature du lien</span><div style="float: left; margin-top: 18px; width: 100px; height: 100px; background: url(http://26.media.tumblr.com/tumblr_m2ubovhj4d1r65ymxo3_500.gif); border: 2px solid #FFE173; border-top-left-radius: 100px; border-bottom-left-radius: 100px; box-shadow: -2px 2px 5px #807868;"></div>
<div style="margin-left: 100px; width: 400px; padding-left: 10px; height : 104px; background-color: #FFE173; border-top-right-radius: 100px; border-bottom-right-radius: 100px; box-shadow: 2px 2px 5px #807868;"><div style="height: 90px; width: 350px; padding: 15px 5px 5px 5px; overflow: auto; font-size: 11px; line-height: 1.3; color: #695D3E;">Mon texte ici. Blabla blabla. Mon texte ici. Blabla blabla.Mon texte ici. Blabla blabla.Mon texte ici. Blabla blabla.Mon texte ici. Blabla blabla.Mon texte ici. Blabla blabla.Mon texte ici. Blabla blabla.Mon texte ici. Blabla blabla.Mon texte ici. Blabla blabla. encore encore encore encore encore</div></div>

</link>

Prénom P. Nom

Je suis...

Informations concernant le personnage. Quam ob rem id primum videamus, si placet, quatenus amor in amicitia progredi debeat. Numne, si Coriolanus habuit amicos, ferre contra patriam arma illi cum Coriolano debuerunt? num Vecellinum amici regnum adpetentem, num Maelium debuerunt iuvare?

Informations concernant les liens recherchés. Quam ob rem id primum videamus, si placet, quatenus amor in amicitia progredi debeat. Numne, si Coriolanus habuit amicos, ferre contra patriam arma illi cum Coriolano debuerunt? num Vecellinum amici regnum adpetentem, num Maelium debuerunt iuvare?

© Narja - S. Amakusa pour Never Utopia

Code:

    <link href='http://fonts.googleapis.com/css?family=Playball|Pathway+Gothic+One&subset=latin,latin-ext' rel='stylesheet' type='text/css'>
    <blockquote style="width: 600px; margin-left: auto; margin-right: auto; background-color: #443924; box-shadow: 0px 0px 5px #443924; color: #DFDDD5; border: 1px dotted #935416"><div style="font-family: 'Playball', cursive; margin-left: auto; margin-right: auto; width: 100%; border-bottom: 1px dotted #DFDDD5; font-size: 70px; color: #A9987D; text-align: center; margin-top: 20px; padding-bottom: 20px; font-style: italic; text-shadow: 1px 1px 0px #88775C; padding-top: 10px">Prénom P. Nom</div><br/><div style="-webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); font-size: 30px; color: #A9987D; font-style: italic; text-shadow: 1px 1px 0px #88775C; font-family: 'Playball', cursive; width: 300px; text-align: center; position: relative; top: 170px; left: 83px">Je suis...</div><div style="margin-left: 10px; width: 200px; height: 320px; background-image: url(http://nsa33.casimages.com/img/2013/06/22/130622110435489341.png); float: left; border: 1px dotted #DFDDD5"></div><div style="width: 320px; height: 302px; padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 20px; border-left: 1px dotted #DFDDD5; color: #DFDDD5; font-family: 'Pathway Gothic One', sans-serif; font-size: 16px; text-align: justify; overflow: auto; margin-right: 10px; float: right; background-color: #6C583B"><b>Informations concernant le personnage. </b>Quam ob rem id primum videamus, si placet, quatenus amor in amicitia progredi debeat. Numne, si Coriolanus habuit amicos, ferre contra patriam arma illi cum Coriolano debuerunt? num Vecellinum amici regnum adpetentem, num Maelium debuerunt iuvare?</div>
    <div style="clear: both"></div></br><div style="width: 300px; height: 200px; padding-top: 10px; padding-right: 20px; padding-bottom: 10px; padding-left: 10px; border-right: 1px dotted #DFDDD5; color: #DFDDD5; font-family: 'Pathway Gothic One', sans-serif; font-size: 16px; text-align: justify; overflow: auto; margin-left: 10px; float: left; background-color: #6C583B"><b>Informations concernant les liens recherchés.</b> Quam ob rem id primum videamus, si placet, quatenus amor in amicitia progredi debeat. Numne, si Coriolanus habuit amicos, ferre contra patriam arma illi cum Coriolano debuerunt? num Vecellinum amici regnum adpetentem, num Maelium debuerunt iuvare? </div><div style="float: right; margin-right: 10px"><div style="float: right; margin-right: 10px"><div style="margin: 5px; width: 100px; height: 100px; background-image: url(http://nsa34.casimages.com/img/2013/06/22/130622110421139657.png); border: 1px dotted #DFDDD5; float: right"></div><div style="margin: 5px; width: 100px; height: 100px; background-image: url(http://nsa34.casimages.com/img/2013/06/22/130622110421139657.png); border: 1px dotted #DFDDD5; float: left"></div><br/><div style="margin: 5px; width: 100px; height: 100px; background-image: url(http://nsa34.casimages.com/img/2013/06/22/130622110421139657.png); border: 1px dotted #DFDDD5; float: right"></div><div style="margin: 5px; width: 100px; height: 100px; background-image: url(http://nsa34.casimages.com/img/2013/06/22/130622110421139657.png); border: 1px dotted #DFDDD5; float: left"></div></div></div><div style="clear: both; text-align: center; font-style: italic; color: #6C583B">© Narja - S. Amakusa pour [url=http://www.never-utopia.com]Never Utopia[/url] </div></blockquote>

Carnet d'Adresses

Descriptif, petite entête, et que-sais-je encore.

Identité - Nature du Lien

Descriptif du lien. Quam ob rem id primum videamus, si placet, quatenus amor in amicitia progredi debeat. Numne, si Coriolanus habuit amicos, ferre contra patriam arma illi cum Coriolano debuerunt? num Vecellinum amici regnum adpetentem, num Maelium debuerunt iuvare?

RP's où apparaît le personnage
Titre du RP | [url=lien vers le RP]☬[/url]
Quelques mots à propos de la rencontre

Titre du RP | [url=lien vers le RP]☬[/url]
Quelques mots à propos de la rencontre

Identité - Nature du Lien

Descriptif du lien. Quam ob rem id primum videamus, si placet, quatenus amor in amicitia progredi debeat. Numne, si Coriolanus habuit amicos, ferre contra patriam arma illi cum Coriolano debuerunt? num Vecellinum amici regnum adpetentem, num Maelium debuerunt iuvare?

RP's où apparaît le personnage
Titre du RP | [url=lien vers le RP]☬[/url]
Quelques mots à propos de la rencontre

Titre du RP | [url=lien vers le RP]☬[/url]
Quelques mots à propos de la rencontre

© Narja - S. Amakusa pour Never Utopia

Code:

<link href='http://fonts.googleapis.com/css?family=Playball|Pathway+Gothic+One&subset=latin,latin-ext' rel='stylesheet' type='text/css'>
<blockquote style="width: 600px; margin-left: auto; margin-right: auto; background-color: #443924; box-shadow: 0px 0px 5px #443924; color: #DFDDD5; border: 1px dotted #935416"><div style="font-family: 'Playball', cursive; margin-left: auto; margin-right: auto; width: 100%; font-size: 70px; color: #A9987D; text-align: center; margin-top: 20px; padding-bottom: 20px; font-style: italic; text-shadow: 1px 1px 0px #88775C; position: relative; z-index: 12; top: 10px">Carnet d'Adresses</div><div style="width: 500px; height: 40px; padding-top: 10px; padding-right: 20px; padding-bottom: 10px; padding-left: 20px; border-top: 1px dotted #DFDDD5; border-bottom: 1px dotted #DFDDD5; color: #DFDDD5; font-family: 'Pathway Gothic One', sans-serif; font-size: 16px; text-align: center; overflow: auto; margin-right: auto; margin-left: auto; background-color: #6C583B; position: relative; z-index: 10; top: -5px">Descriptif, petite entête, et que-sais-je encore.</div><div style="clear: both;"></br></div><div style="-webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); font-size: 30px; color: #A9987D; font-style: italic; text-shadow: 1px 1px 0px #88775C; font-family: 'Playball', cursive; width: 300px; text-align: center; position: relative; top: 170px; left: 83px">Identité - Nature du Lien</div><div style="margin-left: 10px; width: 200px; height: 320px; background-image: url(http://nsa34.casimages.com/img/2013/06/22/130622110430181036.png); float: left; border: 1px dotted #DFDDD5"></div><div style="width: 320px; height: 302px; padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 20px; border-left: 1px dotted #DFDDD5; color: #DFDDD5; font-family: 'Pathway Gothic One', sans-serif; font-size: 16px; text-align: justify; overflow: auto; margin-right: 10px; float: right; background-color: #6C583B"><b>Descriptif du lien. </b>Quam ob rem id primum videamus, si placet, quatenus amor in amicitia progredi debeat. Numne, si Coriolanus habuit amicos, ferre contra patriam arma illi cum Coriolano debuerunt? num Vecellinum amici regnum adpetentem, num Maelium debuerunt iuvare?

<b>RP's où apparaît le personnage</b>
Titre du RP | [url=lien vers le RP]☬[/url]
[i]Quelques mots à propos de la rencontre[/i]

Titre du RP | [url=lien vers le RP]☬[/url]
[i]Quelques mots à propos de la rencontre[/i]</div><div style="clear: both;"></br></div><div style="-webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); font-size: 30px; color: #A9987D; font-style: italic; text-shadow: 1px 1px 0px #88775C; font-family: 'Playball', cursive; width: 300px; text-align: center; position: relative; top: 170px; left: 83px">Identité - Nature du Lien</div><div style="margin-left: 10px; width: 200px; height: 320px; background-image: url(http://nsa34.casimages.com/img/2013/06/22/130622110430181036.png); float: left; border: 1px dotted #DFDDD5"></div><div style="width: 320px; height: 302px; padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 20px; border-left: 1px dotted #DFDDD5; color: #DFDDD5; font-family: 'Pathway Gothic One', sans-serif; font-size: 16px; text-align: justify; overflow: auto; margin-right: 10px; float: right; background-color: #6C583B"><b>Descriptif du lien. </b>Quam ob rem id primum videamus, si placet, quatenus amor in amicitia progredi debeat. Numne, si Coriolanus habuit amicos, ferre contra patriam arma illi cum Coriolano debuerunt? num Vecellinum amici regnum adpetentem, num Maelium debuerunt iuvare?

<b>RP's où apparaît le personnage</b>
Titre du RP | [url=lien vers le RP]☬[/url]
[i]Quelques mots à propos de la rencontre[/i]

Titre du RP | [url=lien vers le RP]☬[/url]
[i]Quelques mots à propos de la rencontre[/i]</div><div style="clear: both; text-align: center; font-style: italic; color: #6C583B">© Narja - S. Amakusa pour [url=http://www.never-utopia.com]Never Utopia[/url]</div></blockquote>

Nom Prénom Lien TEXTE	NOM PRENOM LIEN TEXTE
Prénom NOM Lien Texte.	Prénom NOM Lien Texte.

Code:

    <style>.fondu_fiche1{position:relative;}.fondu_fiche1,#text_moi1,#text_moi3{width:99%;background-color:#4D3A28;font-size:13px;font-family:Century Gothic;color:#8c7563;-moz-transition:1s opacity;-webkit-transition:1s opacity;-o-transition:1s opacity;}#text_moi1{position:absolute;z-index:2;opacity:1;}#text_moi3{position:absolute;z-index:1;opacity:0}.fondu_fiche1:hover #text_moi1{opacity:0.1;z-index:0;}.fondu_fiche1:hover #text_moi3{opacity:1;}</style><table>
    <span style="font-family: Georgia; font-size: 40px; color: #8a7f70; text-shadow: #382a1d 2px 1px 0px;">TITRE</span><br><span style="font-family: Georgia; font-size: 20px; color: #8c7563; text-shadow: #382a1d 2px 1px 0px;">SOUS TITRE</span>
    </table><center><table><tr><td><div style="letter-spacing:1px; font-variant:small-caps;color:#8a7f70;box-shadow: #382a1d 1px 1px 10px;background-color: #382a1d;border: 1px dashed #8a7f70; height:114px;width:300px;padding:0px"><table><tr><td rowspan="1"><img src="http://i78.servimg.com/u/f78/18/09/40/44/ico_mo11.png"></td><td><table><tr><td><div class="fondu_fiche1" style="margin-top:-2px"><div id="text_moi1" style="padding-left:5px">Nom Prénom</div><div id="text_moi3" style="padding-left:5px">Lien</div></div></td></tr><tr><td><div style="overflow:auto;height:87px;width:187px;margin-top:13px">TEXTE</div></td></tr></table></td></tr></table></div></td><td><div style="letter-spacing:1px; font-variant:small-caps;color:#8a7f70;box-shadow: #382a1d 1px 1px 10px;background-color: #382a1d;border: 1px dashed #8a7f70; height:114px;width:300px;padding:0px"><table><tr><td rowspan="1"><img src="http://i78.servimg.com/u/f78/18/09/40/44/ico_mo11.png"></td><td><table><tr><td><div class="fondu_fiche1" style="margin-top:-2px"><div id="text_moi1" style="padding-left:5px">NOM PRENOM</div><div id="text_moi3" style="padding-left:5px">LIEN</div></div></td></tr><tr><td><div style="overflow:auto;height:87px;width:187px;margin-top:13px">TEXTE</div></td></tr></table></td></tr></table></div></td></tr><tr><td><div style="letter-spacing:1px; font-variant:small-caps;color:#8a7f70;box-shadow: #382a1d 1px 1px 10px;background-color: #382a1d;border: 1px dashed #8a7f70; height:114px;width:300px;padding:0px"><table><tr><td rowspan="1"><img src="http://i78.servimg.com/u/f78/18/09/40/44/ico_mo11.png"></td><td><table><tr><td><div class="fondu_fiche1" style="margin-top:-2px"><div id="text_moi1" style="padding-left:5px">Prénom NOM</div><div id="text_moi3" style="padding-left:5px">Lien</div></div></td></tr><tr><td><div style="overflow:auto;height:87px;width:187px;margin-top:13px">Texte.</div></td></tr></table></td></tr></table></div></td><td><div style="letter-spacing:1px; font-variant:small-caps;color:#8a7f70;box-shadow: #382a1d 1px 1px 10px;background-color: #382a1d;border: 1px dashed #8a7f70; height:114px;width:300px;padding:0px"><table><tr><td rowspan="1"><img src="http://i78.servimg.com/u/f78/18/09/40/44/ico_mo11.png"></td><td><table><tr><td><div class="fondu_fiche1" style="margin-top:-2px"><div id="text_moi1" style="padding-left:5px">Prénom NOM</div><div id="text_moi3" style="padding-left:5px">Lien</div></div></td></tr><tr><td><div style="overflow:auto;height:87px;width:187px;margin-top:13px">Texte.</div></td></tr></table></td></tr></table></div></td></tr></table></center>

Never Utopia*

Identité Nom & Prénom: Race: Âge: Métier: Classe sociale: Pouvoir: Liens recherchés Description des liens recherchés

Image du lien

Nom Prénom Description du lien Rencontre 1: Liens du rp - Description

Image du lien

Nom Prénom Description du lien Rencontre 1: Liens du rp - Description

Image du lien

Nom Prénom Description du lien Rencontre 1: Liens du rp - Description

Code:

    <div style="overflow: fixe; width: 550px; background-color: #54607C; margin: auto; border-width: 10px; border-color: #BAA98D; border-style: solid; -moz-border-radius: 80px 80px 0px 0px; -webkit-border-radius: 80px 80px 0px 0px;">
    [center][img]http://i55.servimg.com/u/f55/11/47/14/72/sesthi10.png[/img][/center]<center><table><tr><td><div style="width:200px; padding-top:10px;padding-bottom:15px; padding-left:5px; padding-right:5px;">[img]http://i75.servimg.com/u/f75/11/47/14/72/sestth10.jpg[/img]
    </div></td><td><div style="width:300px; padding-top:30px; padding-bottom:30px; padding-left:5px; padding-right:5px; border-radius:20px; "><span style="font-family: Georgia; font-size: 15px; color: #BAA98D;">Identité</span><div style=" background-color:#BAA98D; padding:5px; color:#54607C ; text-align:justify; height: 130px; overflow:auto">
    [center][b]Nom & Prénom:[/b]
    [b]Race:[/b]
    [b]Âge:[/b]
    [b]Métier:[/b]
    [b]Classe sociale:[/b]
    [b]Pouvoir:[/b] [/center]</div>
    <span style="font-family: Georgia; font-size: 15px; color: #BAA98D;">Liens recherchés</span><div style=" background-color:#BAA98D; padding:5px; color:#54607C; height:130px; overflow: auto">
    Description des liens recherchés</div></td></tr></table></center>
    [center][img]http://i55.servimg.com/u/f55/11/47/14/72/mes_li10.png[/img][/center]
    <center><table><tr><td><div style="overflow: auto; height: 200px;">Image du lien</div></td><td><div style="width:400px; padding:10px; border-radius:20px; background-color:#54607C; font-size:10px; letter-spacing:2px; "><div style="font-size:30px; font-style:italic; font-family:georgia; color:#000040; text-align:center">Nom Prénom</div><div style=" background-color:#BAA98D; padding:5px; color:#54607C ; font-size:10px; letter-spacing:1px; text-align:justify; height:150px; overflow:auto">[color=#333366][b]Description du lien[/b][/color]
    [u][b]Rencontre 1:[/b][/u] Liens du rp - Description</div></div></td></tr></table></center>
    <center><table><tr><td><div style="overflow: auto; height: 200px;">Image du lien</div></td><td><div style="width:400px; padding:10px; border-radius:20px; background-color:#54607C; font-size:10px; letter-spacing:2px; "><div style="font-size:30px; font-style:italic; font-family:georgia; color:#000040; text-align:center">Nom Prénom</div><div style=" background-color:#BAA98D; padding:5px; color:#54607C ; font-size:10px; letter-spacing:1px; text-align:justify; height:150px; overflow:auto">[color=#333366][b]Description du lien[/b][/color]
    [u][b]Rencontre 1:[/b][/u] Liens du rp - Description</div></div></td></tr></table></center>
    <center><table><tr><td><div style="overflow: auto; height: 200px;">Image du lien</div></td><td><div style="width:400px; padding:10px; border-radius:20px; background-color:#54607C; font-size:10px; letter-spacing:2px; "><div style="font-size:30px; font-style:italic; font-family:georgia; color:#000040; text-align:center">Nom Prénom</div><div style=" background-color:#BAA98D; padding:5px; color:#54607C ; font-size:10px; letter-spacing:1px; text-align:justify; height:150px; overflow:auto">[color=#333366][b]Description du lien[/b][/color]
    [u][b]Rencontre 1:[/b][/u] Liens du rp - Description</div></div></td></tr></table></center>
    </div>

Code:

    <style type="text/css">#conteneur {;text-align:justify;position: relative;font-family:Georgia;text-shadow: 2px 2px 2px #000000;color:#ffffff}div#transparente {;filter:alpha(opacity=50);-moz-opacity:0.5;opacity: 0.5;-khtml-opacity: 0.5;width: 200px;height: 390px;}div#pastransparente {top:5px;filter:alpha(opacity=0);-moz-opacity:0;opacity: 0;-khtml-opacity: 0;position: absolute;-webkit-transition: all 0.5s linear 0s;-moz-transition: all 0.5s linear 0s;-o-transition: all 0.5s linear 0s;transition: all 0.5s linear 0s;width:200px;}div#pastransparente:hover {filter:alpha(opacity=100);-moz-opacity:1;opacity: 1;-khtml-opacity: 1;position: absolute;height:390px;}div.fiche2{z-index:1;-moz-border-radius:200px;border-radius:200px;margin-top:5px;text-align:justify; font-family:Georgia;text-shadow: 2px 2px 2px #000000;opacity:0.5; -webkit-transform: rotate(5deg); -moz-transform: rotate(5deg);position: relative; width:250px; height:50px; overflow:hidden;display:inline-block;background-color:#82B0E4;color:#ffffff;-webkit-transition: all 0.5s linear 0s;-moz-transition: all 0.5s linear 0s;-o-transition: all 0.5s linear 0s;transition: all 0.5s linear 0s}div.fiche2:hover{margin-top:-150px;margin-bottom:-250px;z-index:99;-moz-border-radius:100px;border-radius:100px;background-color:#6C92BE;width:280px; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg);opacity:1; border:3px dashed #91C4FF;height:500px}div.text_style{margin-top:10px;text-align:center;-webkit-transition: all 0.5s linear 0s;-moz-transition: all 0.5s linear 0s;-o-transition: all 0.5s linear 0s;transition: all 0.5s linear 0s;font-family:vivaldi;font-size:45px;}div.text_style:hover{-webkit-transition: all 0.5s linear 0s;-moz-transition: all 0.5s linear 0s;-o-transition: all 0.5s linear 0s;transition: all 0.5s linear 0s;font-size:50px; letter-spacing:6px; text-shadow:0px 0px 10px #91C4FF;}</style>

    <fieldset style="border: 2px dashed #91C4FF; border-radius: 15px; background-color: #567594; padding:15px; color: #ffffff"><legend style="text-align:center"><div class="text_style">Un bout de nom...</div></legend>

    <center><table><tr><td><div class="fiche2"><div style="padding:10px;"><div style="background-color:#91C4FF;font-family:vivaldi;font-size:35px;text-shadow:1px 1px 1px #000000">[center]Nom & Prénom[/center]</div><div style="padding:20px">[center]<div class="blur">Nature du lien</div>[/center]<div id="conteneur">
        <div id="transparente" style="background-image:url('URL DE L'IMAGE DE FOND - AVATAR')">
        </div>
        <div id="pastransparente">
    Quam ob rem id primum videamus, si placet, quatenus amor in amicitia progredi debeat. Numne, si Coriolanus habuit amicos, ferre contra patriam arma illi cum Coriolano debuerunt? num Vecellinum amici regnum adpetentem, num Maelium debuerunt iuvare?
        </div>
      </div>

    </div></div></div></td><td><div class="fiche2"><div style="padding:10px;"><div style="background-color:#91C4FF;font-family:vivaldi;font-size:35px;text-shadow:1px 1px 1px #000000">[center]Nom & Prénom[/center]</div><div style="padding:20px">[center]<div class="blur">Nature du lien</div>[/center]<div id="conteneur">
        <div id="transparente" style="background-image:url('URL DE L'IMAGE DE FOND - AVATAR')">
        </div>
        <div id="pastransparente">
  Quam ob rem id primum videamus, si placet, quatenus amor in amicitia progredi debeat. Numne, si Coriolanus habuit amicos, ferre contra patriam arma illi cum Coriolano debuerunt? num Vecellinum amici regnum adpetentem, num Maelium debuerunt iuvare?
        </div>
      </div>

    </div></div></div></td></tr><tr><td><div class="fiche2"><div style="padding:10px;"><div style="background-color:#91C4FF;font-family:vivaldi;font-size:35px;text-shadow:1px 1px 1px #000000">[center]Nom & Prénom[/center]</div><div style="padding:20px">[center]<div class="blur">Nature du lien</div>[/center]<div id="conteneur">
        <div id="transparente" style="background-image:url('URL DE L'IMAGE DE FOND - AVATAR')">
        </div>
        <div id="pastransparente">
    Quam ob rem id primum videamus, si placet, quatenus amor in amicitia progredi debeat. Numne, si Coriolanus habuit amicos, ferre contra patriam arma illi cum Coriolano debuerunt? num Vecellinum amici regnum adpetentem, num Maelium debuerunt iuvare?
        </div>
      </div>

    </div></div></div></td><td><div class="fiche2"><div style="padding:10px;"><div style="background-color:#91C4FF;font-family:vivaldi;font-size:35px;text-shadow:1px 1px 1px #000000">[center]Nom & Prénom[/center]</div><div style="padding:20px">[center]<div class="blur">Nature du lien</div>[/center]<div id="conteneur">
        <div id="transparente" style="background-image:url('URL DE L'IMAGE DE FOND - AVATAR')">
        </div>
        <div id="pastransparente">
    Quam ob rem id primum videamus, si placet, quatenus amor in amicitia progredi debeat. Numne, si Coriolanus habuit amicos, ferre contra patriam arma illi cum Coriolano debuerunt? num Vecellinum amici regnum adpetentem, num Maelium debuerunt iuvare?        </div>
      </div>

    </div></div></div></td></tr><tr><td><div class="fiche2"><div style="padding:10px;"><div style="background-color:#91C4FF;font-family:vivaldi;font-size:35px;text-shadow:1px 1px 1px #000000">[center]Nom & Prénom[/center]</div><div style="padding:20px">[center]<div class="blur">Nature du lien</div>[/center]<div id="conteneur">
        <div id="transparente" style="background-image:url('URL DE L'IMAGE DE FOND - AVATAR')">
        </div>
        <div id="pastransparente">
    Quam ob rem id primum videamus, si placet, quatenus amor in amicitia progredi debeat. Numne, si Coriolanus habuit amicos, ferre contra patriam arma illi cum Coriolano debuerunt? num Vecellinum amici regnum adpetentem, num Maelium debuerunt iuvare?
        </div>
      </div>

    </div></div></div></td><td><div class="fiche2"><div style="padding:10px;"><div style="background-color:#91C4FF;font-family:vivaldi;font-size:35px;text-shadow:1px 1px 1px #000000">[center]Nom & Prénom[/center]</div><div style="padding:20px">[center]<div class="blur">Nature du lien</div>[/center]<div id="conteneur">
        <div id="transparente" style="background-image:url('URL DE L'IMAGE DE FOND - AVATAR')">
        </div>
        <div id="pastransparente">
  Quam ob rem id primum videamus, si placet, quatenus amor in amicitia progredi debeat. Numne, si Coriolanus habuit amicos, ferre contra patriam arma illi cum Coriolano debuerunt? num Vecellinum amici regnum adpetentem, num Maelium debuerunt iuvare?
        </div>
      </div>

    </div></div></div></td></tr></table></center>

    <div style="text-shadow: 1px 1px 1px #000000; font-size: 10px; letter-spacing: 4px">Codes par MoiSadike©</div></fieldset>