Voir le sujet précédent Voir le sujet suivant Aller en bas

Modèles de fichette [NON OBLIGATOIRE]

Flambios :: Votre Répartition et Votre Personnage :: Gestion du Personnage :: Fiches de Liens
Ignis&Fondatrice
avatar
Schizophrénie : nada
Sang :
  • Pur

Age : 21
Emploi/Année d'étude : 2ème année
Points d'activité : 2079
Beuglantes : 183
Voir le profil de l'utilisateur
Modèles de fichette [NON OBLIGATOIRE]   Mar 29 Mar - 11:34

prénom nom
sur la musique on va on vient

behind my smile
caractère ☆ caractère ☆ caractère ☆ caractère ☆ caractère ☆ caractère ☆ caractère ☆ caractère ☆ caractère ☆ caractère ☆ caractère ☆ caractère


story of my life
→ point important de mon histoire
→ point important de mon histoire
→ point important de mon histoire
→ point important de mon histoire
→ point important de mon histoire
→ point important de mon histoire
→ point important de mon histoire


une autre catégorie
un contenu vraiment trop chouette et trop sympa
who are you?

âge
métiers/études
statut marital
orientation sexuelle
feat
wanted dead or alive
code by sceaudelaine ☆ avatar by koko


moi et ma clique
tu peux pas test notre flow, poto
Titre du lien
la petite citation jolie et tout
Titre du lien
la petite citation jolie et tout
Titre du lien
la petite citation jolie et tout
Titre du lien
la petite citation jolie et tout


Code:
<link href='http://fonts.googleapis.com/css?family=Permanent+Marker' rel='stylesheet' type='text/css'><link href='http://fonts.googleapis.com/css?family=Satisfy' rel='stylesheet' type='text/css'><style>.pseudoperso{font-family: 'permanent marker'; font-size:40px; text-transform: uppercase}.cadranpola{padding: 10px; width: 200px; height: 350px; background-color: #ffffff} .persofiche{font-family: permanent marker; font-size: 20px; text-transform: uppercase; text-align: center; margin-top: 10px; position: relative: z-index: 2}.descriperso{width:180px; height: 300px; padding: 10px; background-color: #ffffff; margin-top: -320px; position: relative; z-index: 3; opacity:0; transition: 1s; text-align: justify; font-family: georgia; font-size: 11px; line-height: 11px; overflow: auto}.descriperso:hover{opacity:0.8} .titrepartie{font-family:satisfy; text-align: center; font-size: 20px; position: relative; z-index: 4} .petiteinfo{width: 200px; margin-bottom: 10px; height: 15px; padding: 10px; background-color: #ffffff; text-transform: uppercase; font-family: georgia; font-size: 15px; text-align: center; transition: 0.5s} .petiteinfo:hover{opacity:0.6} .recherchelink{width: 200px; height: 85px; background-color: #ffffff; padding: 10px; overflow: auto; border-radius: 0px 0px 10px 10px; font-family: georgia; font-size: 11px; line-height: 11px; text-align: justify; position: relative; z-index: 3} .citapseudo{font-family:satisfy; text-transform: lowercase;font-size:23px; margin-top: 9px;}</style>
<center><div class="pseudoperso">prénom nom</div><div class="citapseudo">sur la musique on va on vient</div><table cellspacing="10" cellpadding="0"><tr><td><center><img src="http://i.imgbox.com/25iO0l9m.png" style="margin-bottom:-20px; position: relative; z-index: 5"></center><div class="cadranpola"><img src="http://illiweb.com/fa/pbucket.gif" style="width: 200px; height: 320px"><div class="descriperso">
<div class="titrepartie">behind my smile</div>caractère ☆ caractère ☆ caractère ☆ caractère ☆ caractère ☆ caractère ☆ caractère ☆ caractère ☆ caractère ☆ caractère ☆ caractère ☆ caractère
<br/><br/><div class="titrepartie">story of my life</div>→ point important de mon histoire
→ point important de mon histoire
→ point important de mon histoire
→ point important de mon histoire
→ point important de mon histoire
→ point important de mon histoire
→ point important de mon histoire
<br/><br/><div class="titrepartie">une autre catégorie</div>un contenu vraiment trop chouette et trop sympa
</div><div class="persofiche">who are you?</div></div></td><td><br/><div class="petiteinfo">âge</div><div class="petiteinfo">métiers/études</div><div class="petiteinfo">statut marital</div><div class="petiteinfo">orientation sexuelle</div><div class="petiteinfo">feat</div><div class="titrepartie" style="margin-bottom: -8px">wanted dead or alive</div><div class="recherchelink">→ [b]TITRE DU LIEN[/b] ([i]groupe/sexe/âge...[/i]) ◊ explications intéressantes
→ [b]TITRE DU LIEN[/b] ([i]groupe/sexe/âge...[/i]) ◊ explications intéressantes
→ [b]TITRE DU LIEN[/b] ([i]groupe/sexe/âge...[/i]) ◊ explications intéressantes
→ [b]TITRE DU LIEN[/b] ([i]groupe/sexe/âge...[/i]) ◊ explications intéressantes</div> <div style="font-family: georgia; font-size: 9px; text-align: center;">code by sceaudelaine ☆ avatar by koko</div></div></td></tr></table></center>

<link href='http://fonts.googleapis.com/css?family=Permanent+Marker' rel='stylesheet' type='text/css'><link href='http://fonts.googleapis.com/css?family=Satisfy' rel='stylesheet' type='text/css'><style>.photolink{width:200px;height:200px;} .polaroid{width:200px; height: 230px; padding: 10px; background-color: #ffffff;} .titrelien{font-family: 'permanent marker'; font-size: 16px;text-transform: uppercase; text-align: center; padding: 3px; transition: 1s;} .petitecitation{font-family:satisfy; text-transform: lowercase; font-size: 13px; margin-top: -5px} .scotch{ margin-bottom: -15px; } .descriptionlink{height:180px; width: 180px; background-color: #ffffff; margin-top: -200px; opacity:0; transition: 1s; overflow auto; position: relative; z-index: 4; padding: 10px; font-family: georgia; font-size: 11px; line-height: 11px; text-align: justify; overflow: auto} .descriptionlink:hover{opacity:0.8} .titrecatégo{font-family: 'permanent marker'; font-size:40px; text-transform: uppercase}</style><center><div class="titrecatégo">moi et ma clique</div><div class="petitecitation" style="font-size:23px; margin-top: 9px; margin-left: -50px">tu peux pas test notre flow, poto</center><center><table cellspacing="20"><tr><td><center><img src="http://i.imgbox.com/25iO0l9m.png" style="margin-bottom:-20px; position: relative; z-index: 5"></center><div class="polaroid"><img src="http://40.media.tumblr.com/4159edb1413fccc3520a138e8271b907/tumblr_ms3ondlLb71qjhdt7o2_250.png" class="photolink"><div class="descriptionlink">[b]JAMIE CAMPBELL BOWER, MON AMOUR[/b] a une table sur ma gauche y avait un groupe de filles dont une qui m'a tout de suite plu elle était un peu mate de peau mais avec des cheveux châtains clairs ou blonds foncés je sais jamais mais surtout elle avait l'air douce bienveillante et sereine comme si elle avait pas renoncé à rien comme si elle avait jamais douté de la beauté du monde ni de celles des hommes je me suis fait quelques films osés mais jolis restait tout de même à établir le contact ce qui est impossible à faire en réalité on nous le fait croire dans les films mais c'est une vaste arnaque ca m'est retombé dessus d'un coup je me suis senti seul triste et fatigué j'y arrive pas sans toi j'arrive plus à encaisser comment est-ce que ça va se finir ? comment est-ce que je vais faire ? j'ai besoin de toi comme d'une infirmière que tu répares ma tête et mes sentiments qui fonctionnent plus bien que tu refasses mes stocks de sérotonine que tu me dises que c'est rien j'ai compris que tu voulais pas de moi pour l'instant mais je me force à croire qu'avec du temps tu changes d'avis et dans mes nuits je rêve encore que tu m'emmènes danser jusqu'au matin sur la musique on va on vient on s'éloigne et on revient puis tu t'élances et je te tiens je te retiens du bout des doigts pour te ramener contre moi ◊ [i]© icon: [url=http://lillyanjones.tumblr.com/]ici[/url][/i]</div><div class="titrelien">Titre du lien<div class="petitecitation">la petite citation jolie et tout</div></div></div></td><td><center><img src="http://i.imgbox.com/25iO0l9m.png" style="margin-bottom:-20px; position: relative; z-index: 5"></center><div class="polaroid"><img src="http://41.media.tumblr.com/f9265b02f9678c692a9e86cdffdc2b6d/tumblr_ms3ondlLb71qjhdt7o5_250.png" class="photolink"><div class="descriptionlink">[b]JAMIE CAMPBELL BOWER, MON AMOUR[/b] a une table sur ma gauche y avait un groupe de filles dont une qui m'a tout de suite plu elle était un peu mate de peau mais avec des cheveux châtains clairs ou blonds foncés je sais jamais mais surtout elle avait l'air douce bienveillante et sereine comme si elle avait pas renoncé à rien comme si elle avait jamais douté de la beauté du monde ni de celles des hommes je me suis fait quelques films osés mais jolis restait tout de même à établir le contact ce qui est impossible à faire en réalité on nous le fait croire dans les films mais c'est une vaste arnaque ca m'est retombé dessus d'un coup je me suis senti seul triste et fatigué j'y arrive pas sans toi j'arrive plus à encaisser comment est-ce que ça va se finir ? comment est-ce que je vais faire ? j'ai besoin de toi comme d'une infirmière que tu répares ma tête et mes sentiments qui fonctionnent plus bien que tu refasses mes stocks de sérotonine que tu me dises que c'est rien j'ai compris que tu voulais pas de moi pour l'instant mais je me force à croire qu'avec du temps tu changes d'avis et dans mes nuits je rêve encore que tu m'emmènes danser jusqu'au matin sur la musique on va on vient on s'éloigne et on revient puis tu t'élances et je te tiens je te retiens du bout des doigts pour te ramener contre moi ◊ [i]© icon: [url=http://lillyanjones.tumblr.com/]ici[/url][/i]</div><div class="titrelien">Titre du lien<div class="petitecitation">la petite citation jolie et tout</span></div></div></td></tr><tr><td><center><img src="http://i.imgbox.com/25iO0l9m.png" style="margin-bottom:-20px; position: relative; z-index: 5"></center><div class="polaroid"><img src="http://41.media.tumblr.com/eecc30be82c889a39f29d24d4da9d2e6/tumblr_ms3ondlLb71qjhdt7o8_250.png" class="photolink"><div class="descriptionlink">[b]JAMIE CAMPBELL BOWER, MON AMOUR[/b] a une table sur ma gauche y avait un groupe de filles dont une qui m'a tout de suite plu elle était un peu mate de peau mais avec des cheveux châtains clairs ou blonds foncés je sais jamais mais surtout elle avait l'air douce bienveillante et sereine comme si elle avait pas renoncé à rien comme si elle avait jamais douté de la beauté du monde ni de celles des hommes je me suis fait quelques films osés mais jolis restait tout de même à établir le contact ce qui est impossible à faire en réalité on nous le fait croire dans les films mais c'est une vaste arnaque ca m'est retombé dessus d'un coup je me suis senti seul triste et fatigué j'y arrive pas sans toi j'arrive plus à encaisser comment est-ce que ça va se finir ? comment est-ce que je vais faire ? j'ai besoin de toi comme d'une infirmière que tu répares ma tête et mes sentiments qui fonctionnent plus bien que tu refasses mes stocks de sérotonine que tu me dises que c'est rien j'ai compris que tu voulais pas de moi pour l'instant mais je me force à croire qu'avec du temps tu changes d'avis et dans mes nuits je rêve encore que tu m'emmènes danser jusqu'au matin sur la musique on va on vient on s'éloigne et on revient puis tu t'élances et je te tiens je te retiens du bout des doigts pour te ramener contre moi ◊ [i]© icon: [url=http://lillyanjones.tumblr.com/]ici[/url][/i]</div><div class="titrelien">Titre du lien<div class="petitecitation">la petite citation jolie et tout</span></div></div></td><td><center><img src="http://i.imgbox.com/25iO0l9m.png" style="margin-bottom:-20px; position: relative; z-index: 5"></center><div class="polaroid"><img src="http://40.media.tumblr.com/e5fab2ad68129ba490eaa3bd5ed46045/tumblr_ms3ondlLb71qjhdt7o3_250.png" class="photolink"><div class="descriptionlink">[b]JAMIE CAMPBELL BOWER, MON AMOUR[/b] a une table sur ma gauche y avait un groupe de filles dont une qui m'a tout de suite plu elle était un peu mate de peau mais avec des cheveux châtains clairs ou blonds foncés je sais jamais mais surtout elle avait l'air douce bienveillante et sereine comme si elle avait pas renoncé à rien comme si elle avait jamais douté de la beauté du monde ni de celles des hommes je me suis fait quelques films osés mais jolis restait tout de même à établir le contact ce qui est impossible à faire en réalité on nous le fait croire dans les films mais c'est une vaste arnaque ca m'est retombé dessus d'un coup je me suis senti seul triste et fatigué j'y arrive pas sans toi j'arrive plus à encaisser comment est-ce que ça va se finir ? comment est-ce que je vais faire ? j'ai besoin de toi comme d'une infirmière que tu répares ma tête et mes sentiments qui fonctionnent plus bien que tu refasses mes stocks de sérotonine que tu me dises que c'est rien j'ai compris que tu voulais pas de moi pour l'instant mais je me force à croire qu'avec du temps tu changes d'avis et dans mes nuits je rêve encore que tu m'emmènes danser jusqu'au matin sur la musique on va on vient on s'éloigne et on revient puis tu t'élances et je te tiens je te retiens du bout des doigts pour te ramener contre moi ◊ [i]© icon: [url=http://lillyanjones.tumblr.com/]ici[/url][/i]</div><div class="titrelien">Titre du lien<div class="petitecitation">la petite citation jolie et tout</span></div></div></td></tr></table></center>
http://flambios.forumactif.org/t175-aide-a-la-comprehension-de-flambios#655
Revenir en haut Aller en bas
Ignis&Fondatrice
avatar
Schizophrénie : nada
Sang :
  • Pur

Age : 21
Emploi/Année d'étude : 2ème année
Points d'activité : 2079
Beuglantes : 183
Voir le profil de l'utilisateur
Re: Modèles de fichette [NON OBLIGATOIRE]   Mar 29 Mar - 11:55


Une citation ici pour faire joli

Prénom + Nom

Surnom & Âge
Orientation sexuelle
Situation amoureuse
Disponibilité RP: oui / non

Fiche // RPs
 
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas velit lectus, sollicitudin vitae elit in, lacinia molestie odio. Nulla rhoncus suscipit justo, id viverra orci venenatis ut. Cras dignissim orci non ex imperdiet, eu accumsan metus cursus. Nulla ut pulvinar dolor. Etiam ut augue pharetra, elementum ante at, dignissim nunc. Nullam varius sollicitudin tellus, id blandit ligula tincidunt id. Nullam vitae elementum nisi, non auctor tellus. Quisque congue venenatis elit, a euismod justo tincidunt eu. Aenean convallis nisl a massa finibus, a volutpat erat molestie. Nunc convallis neque eu fringilla tincidunt. Sed id viverra sem. Duis vel ipsum volutpat, gravida erat ac, facilisis augue.

© Nalex





Prénom + Nom
le lien
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas velit lectus, sollicitudin vitae elit in, lacinia molestie odio. Nulla rhoncus suscipit justo, id viverra orci venenatis ut. Cras dignissim orci non ex imperdiet, eu accumsan metus cursus. Nulla ut pulvinar dolor. Etiam ut augue pharetra, elementum ante at, dignissim nunc. Nullam varius sollicitudin tellus, id blandit ligula tincidunt id. Nullam vitae elementum nisi, non auctor tellus. Quisque congue venenatis elit, a euismod justo tincidunt eu. Aenean convallis nisl a massa finibus, a volutpat erat molestie. Nunc convallis neque eu fringilla tincidunt. Sed id viverra sem. Duis vel ipsum volutpat, gravida erat ac, facilisis augue.
Prénom + Nom
le lien
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas velit lectus, sollicitudin vitae elit in, lacinia molestie odio. Nulla rhoncus suscipit justo, id viverra orci venenatis ut. Cras dignissim orci non ex imperdiet, eu accumsan metus cursus. Nulla ut pulvinar dolor. Etiam ut augue pharetra, elementum ante at, dignissim nunc. Nullam varius sollicitudin tellus, id blandit ligula tincidunt id. Nullam vitae elementum nisi, non auctor tellus. Quisque congue venenatis elit, a euismod justo tincidunt eu. Aenean convallis nisl a massa finibus, a volutpat erat molestie. Nunc convallis neque eu fringilla tincidunt. Sed id viverra sem. Duis vel ipsum volutpat, gravida erat ac, facilisis augue.
Prénom + Nom
le lien
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas velit lectus, sollicitudin vitae elit in, lacinia molestie odio. Nulla rhoncus suscipit justo, id viverra orci venenatis ut. Cras dignissim orci non ex imperdiet, eu accumsan metus cursus. Nulla ut pulvinar dolor. Etiam ut augue pharetra, elementum ante at, dignissim nunc. Nullam varius sollicitudin tellus, id blandit ligula tincidunt id. Nullam vitae elementum nisi, non auctor tellus. Quisque congue venenatis elit, a euismod justo tincidunt eu. Aenean convallis nisl a massa finibus, a volutpat erat molestie. Nunc convallis neque eu fringilla tincidunt. Sed id viverra sem. Duis vel ipsum volutpat, gravida erat ac, facilisis augue.
Prénom + Nom
le lien
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas velit lectus, sollicitudin vitae elit in, lacinia molestie odio. Nulla rhoncus suscipit justo, id viverra orci venenatis ut. Cras dignissim orci non ex imperdiet, eu accumsan metus cursus. Nulla ut pulvinar dolor. Etiam ut augue pharetra, elementum ante at, dignissim nunc. Nullam varius sollicitudin tellus, id blandit ligula tincidunt id. Nullam vitae elementum nisi, non auctor tellus. Quisque congue venenatis elit, a euismod justo tincidunt eu. Aenean convallis nisl a massa finibus, a volutpat erat molestie. Nunc convallis neque eu fringilla tincidunt. Sed id viverra sem. Duis vel ipsum volutpat, gravida erat ac, facilisis augue.
Prénom + Nom
le lien
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas velit lectus, sollicitudin vitae elit in, lacinia molestie odio. Nulla rhoncus suscipit justo, id viverra orci venenatis ut. Cras dignissim orci non ex imperdiet, eu accumsan metus cursus. Nulla ut pulvinar dolor. Etiam ut augue pharetra, elementum ante at, dignissim nunc. Nullam varius sollicitudin tellus, id blandit ligula tincidunt id. Nullam vitae elementum nisi, non auctor tellus. Quisque congue venenatis elit, a euismod justo tincidunt eu. Aenean convallis nisl a massa finibus, a volutpat erat molestie. Nunc convallis neque eu fringilla tincidunt. Sed id viverra sem. Duis vel ipsum volutpat, gravida erat ac, facilisis augue.
Prénom + Nom
le lien
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas velit lectus, sollicitudin vitae elit in, lacinia molestie odio. Nulla rhoncus suscipit justo, id viverra orci venenatis ut. Cras dignissim orci non ex imperdiet, eu accumsan metus cursus. Nulla ut pulvinar dolor. Etiam ut augue pharetra, elementum ante at, dignissim nunc. Nullam varius sollicitudin tellus, id blandit ligula tincidunt id. Nullam vitae elementum nisi, non auctor tellus. Quisque congue venenatis elit, a euismod justo tincidunt eu. Aenean convallis nisl a massa finibus, a volutpat erat molestie. Nunc convallis neque eu fringilla tincidunt. Sed id viverra sem. Duis vel ipsum volutpat, gravida erat ac, facilisis augue.


Code:
<style>#fond{background:url('http://data.whicdn.com/images/38086399/tumblr_lp3xjz03Ys1qfbdbo_large.gif'); width:430px;background-repeat: no-repeat;} .b1, .b2, .b3, .b4{background:#fff;opacity:0.8;} .partiedroite{background-color:#f1f1f1;} #fond{width: 450px; height: 250px; border: 1px solid #668280; margin: 0px auto; position: relative; overflow: hidden;} .b1{width: 430px; height: 55px; position: absolute; top: 12px; right: -500px; -webkit-transition: 2s; transition: 2s; -moz-transition: 2s; -o-transition: 2s;} .b2{width: 430px; height: 55px; position: absolute; top: 67px; right: 500px; -webkit-transition: 2s; transition: 2s; -moz-transition: 2s; -o-transition: 2s;} .b3{width: 430px; height: 55px; position: absolute; top: 122px; right: -500px; -webkit-transition: 2s; transition: 2s; -moz-transition: 2s; -o-transition: 2s;} .b4{width: 430px; height: 55px; position: absolute; top: 177px; right: 500px; -webkit-transition: 2s; transition: 2s; -moz-transition: 2s; -o-transition: 2s;} #fond:hover .b1, #fond:hover .b2,#fond:hover .b3,#fond:hover .b4{position: absolute; right: 10px;} #fond:hover .bordure{ opacity: 1;} .bordure{width: 410px; height: 195px; position: absolute; right: 17px; top: 20px; border: 4px double #661435; opacity: 0; -webkit-transition: 1s; transition: 1s; -moz-transition: 1s; -o-transition: 1s; transition-delay: 1.7s; -moz-transition-delay: 1.7s; -o-transition-delay: 1.7s; -webkit-transition-delay: 1.7s;} .bback{width: 390px; height: 175px; background-color:#fff; position: absolute; top: 10px; right: 10px;} .image{width: 120px; height: 120px; position: absolute; right: 250px; top: 10px;} .partiedroite{width: 180px; height: 115px; position: absolute; right: 10px; top: 10px; padding: 20px; font: normal normal 11px/13px calibri, sans-serif; letter-spacing: 0px; color:#333; text-align: justify; overflow-y: auto;} .partiegauche{width: 125px; height: 80px; position: absolute; right: 250px; top: 110px; font: normal normal 11px/12px calibri, sans-serif; text-align: center; color:#333; margin-top:-10px;} .partiegauche h1{font: italic; font-size:18px; letter-spacing: -1px; color: #333; text-align: center; text-transform:uppercase; margin-bottom:1px; margin-top:-10px;}</style>

<center><div id='fond'><div style="background-color:#e9cbc7; opacity:0.5;margin-top:200px;font-size:10px;color:#000; text-align:center;text-transform:uppercase">Une citation ici pour faire joli</div><div class='b1'></div><div class='b2'></div><div class='b3'></div><div class='b4'></div> <div class='bordure'><div class='bback'><div class='image'><img src='https://33.media.tumblr.com/f4f78831dabb70dc61fcc667cae1f60a/tumblr_mtn4gk5oTA1qmwkmmo2_250.gif' style='width:75px;height:75px;'></div><div class='partiegauche'><h1>Prénom + Nom</h1>Surnom & Âge<BR>Orientation sexuelle<br>Situation amoureuse<br> Disponibilité RP: oui / non <br><br>[url=http://LELIENICI]Fiche[/url] // [url=http://LELIENICI]RPs[/url]</div>  <div class='partiedroite'>[b]Lorem ipsum[/b] dolor sit amet, consectetur adipiscing elit. Maecenas velit lectus, sollicitudin vitae elit in, lacinia molestie odio. Nulla rhoncus suscipit justo, id viverra orci venenatis ut. Cras dignissim orci non ex imperdiet, eu accumsan metus cursus. Nulla ut pulvinar dolor. Etiam ut augue pharetra, elementum ante at, dignissim nunc. Nullam varius sollicitudin tellus, id blandit ligula tincidunt id. Nullam vitae elementum nisi, non auctor tellus. Quisque congue venenatis elit, a euismod justo tincidunt eu. Aenean convallis nisl a massa finibus, a volutpat erat molestie. Nunc convallis neque eu fringilla tincidunt. Sed id viverra sem. Duis vel ipsum volutpat, gravida erat ac, facilisis augue. </div></div></div></div>
<div style="font-size:7px; margin-left:400px;margin-top:-23px;"> © Nalex</div></center>

<style>.flop{width: 200px; height: 320px; background-color: #fff; overflow: hidden} .flip{width: 200px; height: 320px; -webkit-perspective:1000; -o-perspective:1000; -moz-perspective:1000;} .flippin{-moz-transform-style:preserve-3d; -o-transform-style:preserve-3d; -webkit-transform-style:preserve-3d; -webkit-transition: all 1.2s ease-in-out; -moz-transition: all 1.2s ease-in-out; -o-transition: all 1.2s ease-in-out;} .flip:hover .flippin{-webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -o-transform: rotateY(180deg);} .sousavatar{width: 200px; height: 320px; background-color: #fff; overflow: hidden; opacity: 0; -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -o-transform: rotateY(180deg); -webkit-transition: all 1.2s ease-in-out; -moz-transition: all 1.2s ease-in-out; -o-transition: all 1.2s ease-in-out; -webkit-backface-visibility: hidden; -o-backface-visibility: hidden; -moz-backface-visibility: hidden; position: absolute; overflow: auto;} .flip:hover .sousavatar{opacity: 1;}</style>

<link href='http://fonts.googleapis.com/css?family=Fjalla+One' rel='stylesheet' type='text/css'>
<center><table><tr><td><div class="flop"><div class="flip"><div class="flippin"><div style="width: 200px; height: 320px; overflow: hidden; -webkit-backface-visibility: hidden; -o-backface-visibility: hidden; -moz-backface-visibility: hidden; position: absolute; -webkit-transition: all 1.2s ease-in-out; -moz-transition: all 1.2s ease-in-out; -o-transition: all 1.2s ease-in-out; background-image: url(http://illiweb.com/fa/pbucket.gif);"></div><div class="sousavatar"><div style="padding: 20px;"><div style="font-family: fjalla one; text-align: center; color: #000; line-height: 100%; font-size: 20px; text-transform: uppercase;">Prénom + Nom</div><div style="font-family: arial; text-align: center; font-size: 7px; color: #000; line-height: 100%; text-transform: uppercase; margin-bottom: 5px; border-bottom:1px solid #000">le lien</div><div style="font-family: georgia; line-height: 100%; font-size: 10px; color: #000; text-align: justify;">[b]Lorem ipsum[/b] dolor sit amet, consectetur adipiscing elit. Maecenas velit lectus, sollicitudin vitae elit in, lacinia molestie odio. Nulla rhoncus suscipit justo, id viverra orci venenatis ut. Cras dignissim orci non ex imperdiet, eu accumsan metus cursus. Nulla ut pulvinar dolor. Etiam ut augue pharetra, elementum ante at, dignissim nunc. Nullam varius sollicitudin tellus, id blandit ligula tincidunt id. Nullam vitae elementum nisi, non auctor tellus. Quisque congue venenatis elit, a euismod justo tincidunt eu. Aenean convallis nisl a massa finibus, a volutpat erat molestie. Nunc convallis neque eu fringilla tincidunt. Sed id viverra sem. Duis vel ipsum volutpat, gravida erat ac, facilisis augue. </div></div></div></div></div></div></td><td><div class="flop"><div class="flip"><div class="flippin"><div style="width: 200px; height: 320px; overflow: hidden; -webkit-backface-visibility: hidden; -o-backface-visibility: hidden; -moz-backface-visibility: hidden; position: absolute; -webkit-transition: all 1.2s ease-in-out; -moz-transition: all 1.2s ease-in-out; -o-transition: all 1.2s ease-in-out; background-image: url(http://illiweb.com/fa/pbucket.gif);"></div><div class="sousavatar"><div style="padding: 20px;"><div style="font-family: fjalla one; text-align: center; color: #000; line-height: 100%; font-size: 20px; text-transform: uppercase;">Prénom + Nom</div><div style="font-family: arial; text-align: center; font-size: 7px; color: #000; line-height: 100%; text-transform: uppercase; margin-bottom: 5px; border-bottom:1px solid #000">le lien</div><div style="font-family: georgia; line-height: 100%; font-size: 10px; color: #000; text-align: justify;">[b]Lorem ipsum[/b] dolor sit amet, consectetur adipiscing elit. Maecenas velit lectus, sollicitudin vitae elit in, lacinia molestie odio. Nulla rhoncus suscipit justo, id viverra orci venenatis ut. Cras dignissim orci non ex imperdiet, eu accumsan metus cursus. Nulla ut pulvinar dolor. Etiam ut augue pharetra, elementum ante at, dignissim nunc. Nullam varius sollicitudin tellus, id blandit ligula tincidunt id. Nullam vitae elementum nisi, non auctor tellus. Quisque congue venenatis elit, a euismod justo tincidunt eu. Aenean convallis nisl a massa finibus, a volutpat erat molestie. Nunc convallis neque eu fringilla tincidunt. Sed id viverra sem. Duis vel ipsum volutpat, gravida erat ac, facilisis augue. </div></div></div></div></div></div></td></tr><tr><td><div class="flop"><div class="flip"><div class="flippin"><div style="width: 200px; height: 320px; overflow: hidden; -webkit-backface-visibility: hidden; -o-backface-visibility: hidden; -moz-backface-visibility: hidden; position: absolute; -webkit-transition: all 1.2s ease-in-out; -moz-transition: all 1.2s ease-in-out; -o-transition: all 1.2s ease-in-out; background-image: url(http://illiweb.com/fa/pbucket.gif);"></div><div class="sousavatar"><div style="padding: 20px;"><div style="font-family: fjalla one; text-align: center; color: #000; line-height: 100%; font-size: 20px; text-transform: uppercase;">Prénom + Nom</div><div style="font-family: arial; text-align: center; font-size: 7px; color: #000; line-height: 100%; text-transform: uppercase; margin-bottom: 5px; border-bottom:1px solid #000">le lien</div><div style="font-family: georgia; line-height: 100%; font-size: 10px; color: #000; text-align: justify;">[b]Lorem ipsum[/b] dolor sit amet, consectetur adipiscing elit. Maecenas velit lectus, sollicitudin vitae elit in, lacinia molestie odio. Nulla rhoncus suscipit justo, id viverra orci venenatis ut. Cras dignissim orci non ex imperdiet, eu accumsan metus cursus. Nulla ut pulvinar dolor. Etiam ut augue pharetra, elementum ante at, dignissim nunc. Nullam varius sollicitudin tellus, id blandit ligula tincidunt id. Nullam vitae elementum nisi, non auctor tellus. Quisque congue venenatis elit, a euismod justo tincidunt eu. Aenean convallis nisl a massa finibus, a volutpat erat molestie. Nunc convallis neque eu fringilla tincidunt. Sed id viverra sem. Duis vel ipsum volutpat, gravida erat ac, facilisis augue. </div></div></div></div></div></div></td><td><div class="flop"><div class="flip"><div class="flippin"><div style="width: 200px; height: 320px; overflow: hidden; -webkit-backface-visibility: hidden; -o-backface-visibility: hidden; -moz-backface-visibility: hidden; position: absolute; -webkit-transition: all 1.2s ease-in-out; -moz-transition: all 1.2s ease-in-out; -o-transition: all 1.2s ease-in-out; background-image: url(http://illiweb.com/fa/pbucket.gif);"></div><div class="sousavatar"><div style="padding: 20px;"><div style="font-family: fjalla one; text-align: center; color: #000; line-height: 100%; font-size: 20px; text-transform: uppercase;">Prénom + Nom</div><div style="font-family: arial; text-align: center; font-size: 7px; color: #000; line-height: 100%; text-transform: uppercase; margin-bottom: 5px; border-bottom:1px solid #000">le lien</div><div style="font-family: georgia; line-height: 100%; font-size: 10px; color: #000; text-align: justify;">[b]Lorem ipsum[/b] dolor sit amet, consectetur adipiscing elit. Maecenas velit lectus, sollicitudin vitae elit in, lacinia molestie odio. Nulla rhoncus suscipit justo, id viverra orci venenatis ut. Cras dignissim orci non ex imperdiet, eu accumsan metus cursus. Nulla ut pulvinar dolor. Etiam ut augue pharetra, elementum ante at, dignissim nunc. Nullam varius sollicitudin tellus, id blandit ligula tincidunt id. Nullam vitae elementum nisi, non auctor tellus. Quisque congue venenatis elit, a euismod justo tincidunt eu. Aenean convallis nisl a massa finibus, a volutpat erat molestie. Nunc convallis neque eu fringilla tincidunt. Sed id viverra sem. Duis vel ipsum volutpat, gravida erat ac, facilisis augue. </div></div></div></div></div></div></td></tr><tr><td><div class="flop"><div class="flip"><div class="flippin"><div style="width: 200px; height: 320px; overflow: hidden; -webkit-backface-visibility: hidden; -o-backface-visibility: hidden; -moz-backface-visibility: hidden; position: absolute; -webkit-transition: all 1.2s ease-in-out; -moz-transition: all 1.2s ease-in-out; -o-transition: all 1.2s ease-in-out; background-image: url(http://illiweb.com/fa/pbucket.gif);"></div><div class="sousavatar"><div style="padding: 20px;"><div style="font-family: fjalla one; text-align: center; color: #000; line-height: 100%; font-size: 20px; text-transform: uppercase;">Prénom + Nom</div><div style="font-family: arial; text-align: center; font-size: 7px; color: #000; line-height: 100%; text-transform: uppercase; margin-bottom: 5px; border-bottom:1px solid #000">le lien</div><div style="font-family: georgia; line-height: 100%; font-size: 10px; color: #000; text-align: justify;">[b]Lorem ipsum[/b] dolor sit amet, consectetur adipiscing elit. Maecenas velit lectus, sollicitudin vitae elit in, lacinia molestie odio. Nulla rhoncus suscipit justo, id viverra orci venenatis ut. Cras dignissim orci non ex imperdiet, eu accumsan metus cursus. Nulla ut pulvinar dolor. Etiam ut augue pharetra, elementum ante at, dignissim nunc. Nullam varius sollicitudin tellus, id blandit ligula tincidunt id. Nullam vitae elementum nisi, non auctor tellus. Quisque congue venenatis elit, a euismod justo tincidunt eu. Aenean convallis nisl a massa finibus, a volutpat erat molestie. Nunc convallis neque eu fringilla tincidunt. Sed id viverra sem. Duis vel ipsum volutpat, gravida erat ac, facilisis augue. </div></div></div></div></div></div></td><td><div class="flop"><div class="flip"><div class="flippin"><div style="width: 200px; height: 320px; overflow: hidden; -webkit-backface-visibility: hidden; -o-backface-visibility: hidden; -moz-backface-visibility: hidden; position: absolute; -webkit-transition: all 1.2s ease-in-out; -moz-transition: all 1.2s ease-in-out; -o-transition: all 1.2s ease-in-out; background-image: url(http://illiweb.com/fa/pbucket.gif);"></div><div class="sousavatar"><div style="padding: 20px;"><div style="font-family: fjalla one; text-align: center; color: #000; line-height: 100%; font-size: 20px; text-transform: uppercase;">Prénom + Nom</div><div style="font-family: arial; text-align: center; font-size: 7px; color: #000; line-height: 100%; text-transform: uppercase; margin-bottom: 5px; border-bottom:1px solid #000">le lien</div><div style="font-family: georgia; line-height: 100%; font-size: 10px; color: #000; text-align: justify;">[b]Lorem ipsum[/b] dolor sit amet, consectetur adipiscing elit. Maecenas velit lectus, sollicitudin vitae elit in, lacinia molestie odio. Nulla rhoncus suscipit justo, id viverra orci venenatis ut. Cras dignissim orci non ex imperdiet, eu accumsan metus cursus. Nulla ut pulvinar dolor. Etiam ut augue pharetra, elementum ante at, dignissim nunc. Nullam varius sollicitudin tellus, id blandit ligula tincidunt id. Nullam vitae elementum nisi, non auctor tellus. Quisque congue venenatis elit, a euismod justo tincidunt eu. Aenean convallis nisl a massa finibus, a volutpat erat molestie. Nunc convallis neque eu fringilla tincidunt. Sed id viverra sem. Duis vel ipsum volutpat, gravida erat ac, facilisis augue. </div></div></div></div></div></div></td></tr></table></center>
http://flambios.forumactif.org/t175-aide-a-la-comprehension-de-flambios#655
Revenir en haut Aller en bas
Ignis&Fondatrice
avatar
Schizophrénie : nada
Sang :
  • Pur

Age : 21
Emploi/Année d'étude : 2ème année
Points d'activité : 2079
Beuglantes : 183
Voir le profil de l'utilisateur
Re: Modèles de fichette [NON OBLIGATOIRE]   Mar 29 Mar - 12:19
Prénom Prénom Nom


Prénom
Nom
Âge
Métier
Statut
Groupe
nice to meet you
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 ◊ trait de caractère ◊ trait de caractère ◊ trait de caractère ◊ trait de caractère  

story of my life
détail important de ton histoire ◊ détail important de ton histoire ◊ détail important de ton histoire ◊ détail important de ton histoire ◊ détail important de ton histoire ◊ détail important de ton histoire ◊ détail important de ton histoire ◊ détail important de ton histoire ◊ détail important de ton histoire ◊ détail important de ton histoire ◊ détail important de ton histoire ◊ détail important de ton histoire ◊ détail important de ton histoire ◊ détail important de ton histoire ◊ détail important de ton histoire ◊ détail important de ton histoire ◊ détail important de ton histoire ◊ détail important de ton histoire ◊ détail important de ton histoire ◊ détail important de ton histoire ◊ détail important de ton histoire ◊ détail important de ton histoire ◊ détail important de ton histoire ◊ détail important de ton histoire ◊ détail important de ton histoire ◊ détail important de ton histoire ◊ détail important de ton histoire ◊ détail important de ton histoire ◊ détail important de ton histoire ◊ détail important de ton histoire ◊ détail important de ton histoire ◊ détail important de ton histoire ◊ détail important de ton histoire ◊ détail important de ton histoire ◊ détail important de ton histoire ◊ détail important de ton histoire ◊ détail important de ton histoire
all i want is you

TITRE DU LIEN (♂ / ♀) ◊ description du lien recherché avec plein de détails vachement koul.

TITRE DU LIEN (♂ / ♀) ◊ description du lien recherché avec plein de détails vachement koul.

TITRE DU LIEN (♂ / ♀) ◊ description du lien recherché avec plein de détails vachement koul.
c'mon and let's talk
Je suis actuellement libre/occupé pour d'éventuels RP. Je ne prends que nombre RP en cours en même temps. Je fais en moyenne nombre de lignes ou de mots par réponse.

silence, action!
www. titre du rp avec Pseudo ◊ Description du RP, passages importants pour l'évolution du personnage et du lien, ce genre de choses, quoi.
www. titre du rp avec Pseudo ◊ Description du RP, passages importants pour l'évolution du personnage et du lien, ce genre de choses, quoi.
www. titre du rp avec Pseudo ◊ Description du RP, passages importants pour l'évolution du personnage et du lien, ce genre de choses, quoi.

previously on...
www. titre du rp avec Pseudo ◊ Description du RP, passages importants pour l'évolution du personnage et du lien, ce genre de choses, quoi.
www. titre du rp avec Pseudo ◊ Description du RP, passages importants pour l'évolution du personnage et du lien, ce genre de choses, quoi.
www. titre du rp avec Pseudo ◊ Description du RP, passages importants pour l'évolution du personnage et du lien, ce genre de choses, quoi.
code by sceaudelaine; avatar by trophyeyes


Prénom Nom Lien - ...

Fiche par Ehawee

Prénom Nom Lien - ...

- Fiche par Ehawee

Prénom Nom Lien - ...

Fiche par Ehawee

Prénom Nom Lien - ...

- Fiche par Ehawee

Prénom Nom Lien - ...

Fiche par Ehawee

Prénom Nom Lien - ...

- Fiche par Ehawee



Code:
<center><link href='http://fonts.googleapis.com/css?family=Lobster' rel='stylesheet' type='text/css'><link href='http://fonts.googleapis.com/css?family=Petit+Formal+Script' rel='stylesheet' type='text/css'><link href='http://fonts.googleapis.com/css?family=Slabo+27px' rel='stylesheet' type='text/css'><style>.vavaswag{width: 200px; height 320px; position: relative; z-index: 1} .infosss{width:160px;height:280px;background-color:#ffffff; padding: 20px; position: relative; z-index: 2; margin-top: -320px; opacity: 0; -htm-transform: all;-htm-transition: 1s;-moz-transform: all;-moz-transition: 1s;-o-transform: all;-o-transition: 1s;-webkit-transform: all;-webkit-transition: 1s;} .infoalone{width: 160px;height: 23px; margin-bottom: 20px; position: relative; z-index: 3; font-family: Slabo; color: #ffffff;; text-transform: uppercase; font-size: 16px; text-align: center; padding-top: 7px} .infosss:hover{opacity: 0.9} .partieswag{height: 320px; width: 1px; overflow: hidden; padding-left: 20px; transition: 1s; color: transparent} .partieswag:hover{height: 300px; width: 250px; overflow: auto; color: #ffffff; padding: 10px} .titreofking{font-family: 'Petit Formal Script', cursive; text-align: center; font-size: 20px} .descrione{font-family: slabo; text-align: justify; font-size: 12px; line-height: 12px;} .titretropswag{font-family: lobster; font-size: 30px; text-transform: lowercase}</style><div class="titretropswag"><span style="color: #420000">Prénom</span> <span style="color: #ab9270">Prénom</span> <span style="color: #F5DBB7"> Nom</span></div>
<table cellpadding="0px" cellspacing="0px"><tr><td><img src="http://media.tumblr.com/a0431a01efff0e4c102e7819768383cd/tumblr_inline_mrzmjnPYIx1qz4rgp.png" class="vavaswag">
<div class="infosss"><div class="infoalone" style="background-color:#420000">Prénom</div><div class="infoalone" style="background-color:#ab9270">Nom</div><div class="infoalone" style="background-color:#F5DBB7">Âge</div><div class="infoalone" style="background-color:#ab9270">Métier</div><div class="infoalone" style="background-color:#F5DBB7">Statut</div><div class="infoalone" style="background-color:#420000">Groupe</div></div></td><td><div class="partieswag" style="background-color:#420000"><div class="titreofking">nice to meet you</div><div class="descrione"> 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 ◊ trait de caractère ◊ trait de caractère ◊ trait de caractère ◊ trait de caractère  </div><div class="titreofking"><br>story of my life</div><div class="descrione"> détail important de ton histoire ◊ détail important de ton histoire ◊ détail important de ton histoire ◊ détail important de ton histoire ◊ détail important de ton histoire ◊ détail important de ton histoire ◊ détail important de ton histoire ◊ détail important de ton histoire ◊ détail important de ton histoire ◊ détail important de ton histoire ◊ détail important de ton histoire ◊ détail important de ton histoire ◊ détail important de ton histoire ◊ détail important de ton histoire ◊ détail important de ton histoire ◊ détail important de ton histoire ◊ détail important de ton histoire ◊ détail important de ton histoire ◊ détail important de ton histoire ◊ détail important de ton histoire ◊ détail important de ton histoire ◊ détail important de ton histoire ◊ détail important de ton histoire ◊ détail important de ton histoire ◊ détail important de ton histoire ◊ détail important de ton histoire ◊ détail important de ton histoire ◊ détail important de ton histoire ◊ détail important de ton histoire ◊ détail important de ton histoire ◊ détail important de ton histoire ◊ détail important de ton histoire ◊ détail important de ton histoire ◊ détail important de ton histoire ◊ détail important de ton histoire ◊ détail important de ton histoire ◊ détail important de ton histoire</div></div></td><td><div class="partieswag" style="background-color:#ab9270"><div class="titreofking">all i want is you<br><br></div><div class="descrione"><b>TITRE DU LIEN (♂ / ♀)</b> ◊ description du lien recherché avec plein de détails vachement koul.</div><br><div class="descrione"><b>TITRE DU LIEN (♂ / ♀)</b> ◊ description du lien recherché avec plein de détails vachement koul.</div><br><div class="descrione"><b>TITRE DU LIEN (♂ / ♀)</b> ◊ description du lien recherché avec plein de détails vachement koul.</div></div></td><td><div class="partieswag" style="background-color:#F5DBB7; border-radius: 0px 20px 20px 0px"><div class="titreofking">[color=#000000]c'mon and let's talk[/color]</div><div class="descrione">[color=#000000]Je suis actuellement <b>libre/occupé</b> pour d'éventuels RP. Je ne prends que <b>nombre</b> RP en cours en même temps. Je fais en moyenne <b>nombre de lignes ou de mots</b> par réponse.</div><div class="titreofking" style="font-size: 14px; align-text: justify; margin-left: 10px"><br>silence, action!<br></div> <div class= "descrione"><a href="lien du rp">www. <i>titre du rp</i></a> avec <b>Pseudo</b> ◊ Description du RP, passages importants pour l'évolution du personnage et du lien, ce genre de choses, quoi.
<a href="lien du rp">www. <i>titre du rp</i></a> avec <b>Pseudo</b> ◊ Description du RP, passages importants pour l'évolution du personnage et du lien, ce genre de choses, quoi.
<a href="lien du rp">www. <i>titre du rp</i></a> avec <b>Pseudo</b> ◊ Description du RP, passages importants pour l'évolution du personnage et du lien, ce genre de choses, quoi.
<div class="titreofking" style="font-size: 14px; align-text: justify; margin-left: 10px"><br>previously on...<br></div><a href="lien du rp">www. <i>titre du rp</i></a> avec <b>Pseudo</b> ◊ Description du RP, passages importants pour l'évolution du personnage et du lien, ce genre de choses, quoi.
<a href="lien du rp">www. <i>titre du rp</i></a> avec <b>Pseudo</b> ◊ Description du RP, passages importants pour l'évolution du personnage et du lien, ce genre de choses, quoi.
<a href="lien du rp">www. <i>titre du rp</i></a> avec <b>Pseudo</b> ◊ Description du RP, passages importants pour l'évolution du personnage et du lien, ce genre de choses, quoi.[/color]</div> </div></td></tr></table><div style="font-family: slabo; font-size: 10px; color:#537a81">code by <span style="color:#4f6796"><i>sceaudelaine</i></span>; avatar by <span style="color:#4f6796"><i>trophyeyes</i></span></div></center>

<link href='http://fonts.googleapis.com/css?family=Old+Standard+TT' rel='stylesheet' type='text/css'><style>.urielfond2 {width: 420px; background-color: #3F3830; margin: auto; box-shadow: 0px 0px 10px #3F3830; border-left: 4px solid #3FBBAB; border-right: 4px solid #D72935} .uem{font-weight: bold; font-style: italic; transition: 1s;} .uem:hover {color: #AF272F; transition: 1s;} #urielinfos {height: 100px; overflow: hidden; } .urielfond2 a {text-decoration: none!important;font-weight: bold; color: #AF272F; font-size: 8px; transition: 1s;} .urielfond2 a:hover {text-decoration: none!important; color: #AF272F; transition: 1s;} .uem{font-weight: bold; font-style: italic; transition: 1s;} .uem:hover {color: #AF272F; transition: 1s;} #urielslide div {background-color: #3F3830; padding: 10px; color: #A19D99; text-align: justify; color: #F2B45A; font-size: 11px; font-family: 'Old Standard TT', serif; width: 180px; height: 300px ; border-right: 4px solid #D72935; position: relative; overflow: hidden; } #urielslide div img {left: 0px; top: 0px; position: absolute; transition: transform 0.5s ease-in-out; -moz-transition: -moz-transform 0.5s ease-in-out; -webkit-transition: -webkit-transform 0.5s ease-in-out; -o-transition: -o-transform 0.5s ease-in-out;} #urielslide div:hover img { transform: translateX(200px); -moz-transform: translateX(200px); -o-transform: translateX(200px); -webkit-transform: translateX(200px);} #urielslided div {background-color: #3F3830; padding: 10px; color: #A19D99; text-align: justify; color: #F2B45A; font-size: 11px; font-family: 'Old Standard TT', serif; width: 180px; height: 300px ; border-left: 4px solid #3FBBAB; position: relative; overflow: hidden; } #urielslided div img {left: 0px; top: 0px; position: absolute; transition: transform 0.5s ease-in-out; -moz-transition: -moz-transform 0.5s ease-in-out; -webkit-transition: -webkit-transform 0.5s ease-in-out; -o-transition: -o-transform 0.5s ease-in-out;} #urielslided div:hover img { transform: translateX(-200px); -moz-transform: translateX(-200px); -o-transform: translateX(-200px); -webkit-transform: translateX(-200px);}.urieltitre{font-variant: small-caps; Text-shadow: 0px 0px 2px #F2B45A; display: block; letter-spacing: 4px; font-size: 13px; text-align: center; border-bottom: 1px dotted #AF272F; transition: 1s;} .urieltitre:hover {color: #AF272F; text-shadow: 0px 0px 2px #AF272F; transition: 1s; } .uriellien{height: 240px; overflow: auto;text-align: justify; color: #F2B45A; font-size: 11px; font-family: 'Old Standard TT', serif; display: block; padding: 5px;  }</style><div class="urielfond2"><div style="float: left;"><div id="urielslide"><div><p><span class="urieltitre">Prénom Nom</span><span class="uriellien"><span class="uem"> Lien - </span> ... </span><center><a href=""></a><a href=""></a><a href="http://www.never-utopia.com/"> Fiche par Ehawee</a></center></p><img src="http://illiweb.com/fa/pbucket.gif" /></div></div></div><div style="float: right;"><div id="urielslided"><div><p><span class="urieltitre">Prénom Nom</span><span class="uriellien"> <span class="uem">Lien - </span> ... </span><center><a href=""> -</a><a href=""></a><a href="http://www.never-utopia.com/"> Fiche par Ehawee</a></center></p><img src="http://i.imgur.com/KWrIgLH.png" /></div></div></div><div style="clear: both"></div></div><link href='http://fonts.googleapis.com/css?family=Old+Standard+TT' rel='stylesheet' type='text/css'><style>.urielfond2 {width: 420px; background-color: #3F3830; margin: auto; box-shadow: 0px 0px 10px #3F3830; border-left: 4px solid #3FBBAB; border-right: 4px solid #D72935} .uem{font-weight: bold; font-style: italic; transition: 1s;} .uem:hover {color: #AF272F; transition: 1s;} #urielinfos {height: 100px; overflow: hidden; } .urielfond2 a {text-decoration: none!important;font-weight: bold; color: #AF272F; font-size: 8px; transition: 1s;} .urielfond2 a:hover {text-decoration: none!important; color: #AF272F; transition: 1s;} .uem{font-weight: bold; font-style: italic; transition: 1s;} .uem:hover {color: #AF272F; transition: 1s;} #urielslide div {background-color: #3F3830; padding: 10px; color: #A19D99; text-align: justify; color: #F2B45A; font-size: 11px; font-family: 'Old Standard TT', serif; width: 180px; height: 300px ; border-right: 4px solid #D72935; position: relative; overflow: hidden; } #urielslide div img {left: 0px; top: 0px; position: absolute; transition: transform 0.5s ease-in-out; -moz-transition: -moz-transform 0.5s ease-in-out; -webkit-transition: -webkit-transform 0.5s ease-in-out; -o-transition: -o-transform 0.5s ease-in-out;} #urielslide div:hover img { transform: translateX(200px); -moz-transform: translateX(200px); -o-transform: translateX(200px); -webkit-transform: translateX(200px);} #urielslided div {background-color: #3F3830; padding: 10px; color: #A19D99; text-align: justify; color: #F2B45A; font-size: 11px; font-family: 'Old Standard TT', serif; width: 180px; height: 300px ; border-left: 4px solid #3FBBAB; position: relative; overflow: hidden; } #urielslided div img {left: 0px; top: 0px; position: absolute; transition: transform 0.5s ease-in-out; -moz-transition: -moz-transform 0.5s ease-in-out; -webkit-transition: -webkit-transform 0.5s ease-in-out; -o-transition: -o-transform 0.5s ease-in-out;} #urielslided div:hover img { transform: translateX(-200px); -moz-transform: translateX(-200px); -o-transform: translateX(-200px); -webkit-transform: translateX(-200px);}.urieltitre{font-variant: small-caps; Text-shadow: 0px 0px 2px #F2B45A; display: block; letter-spacing: 4px; font-size: 13px; text-align: center; border-bottom: 1px dotted #AF272F; transition: 1s;} .urieltitre:hover {color: #AF272F; text-shadow: 0px 0px 2px #AF272F; transition: 1s; } .uriellien{height: 240px; overflow: auto;text-align: justify; color: #F2B45A; font-size: 11px; font-family: 'Old Standard TT', serif; display: block; padding: 5px;  }</style><div class="urielfond2"><div style="float: left;"><div id="urielslide"><div><p><span class="urieltitre">Prénom Nom</span><span class="uriellien"> <span class="uem">Lien - </span> ... </span><center><a href=""></a><a href=""></a><a href="http://www.never-utopia.com/"> Fiche par Ehawee</a></center></p><img src="http://i.imgur.com/KWrIgLH.png" /></div></div></div><div style="float: right;"><div id="urielslided"><div><p><span class="urieltitre">Prénom Nom</span><span class="uriellien"> <span class="uem">Lien - </span> ... </span><center><a href=""> -</a><a href=""></a><a href="http://www.never-utopia.com/"> Fiche par Ehawee</a></center></p><img src="http://i.imgur.com/KWrIgLH.png" /></div></div></div><div style="clear: both"></div></div><link href='http://fonts.googleapis.com/css?family=Old+Standard+TT' rel='stylesheet' type='text/css'><style>.urielfond2 {width: 420px; background-color: #3F3830; margin: auto; box-shadow: 0px 0px 10px #3F3830; border-left: 4px solid #3FBBAB; border-right: 4px solid #D72935} .uem{font-weight: bold; font-style: italic; transition: 1s;} .uem:hover {color: #AF272F; transition: 1s;} #urielinfos {height: 100px; overflow: hidden; } .urielfond2 a {text-decoration: none!important;font-weight: bold; color: #AF272F; font-size: 8px; transition: 1s;} .urielfond2 a:hover {text-decoration: none!important; color: #AF272F; transition: 1s;} .uem{font-weight: bold; font-style: italic; transition: 1s;} .uem:hover {color: #AF272F; transition: 1s;} #urielslide div {background-color: #3F3830; padding: 10px; color: #A19D99; text-align: justify; color: #F2B45A; font-size: 11px; font-family: 'Old Standard TT', serif; width: 180px; height: 300px ; border-right: 4px solid #D72935; position: relative; overflow: hidden; } #urielslide div img {left: 0px; top: 0px; position: absolute; transition: transform 0.5s ease-in-out; -moz-transition: -moz-transform 0.5s ease-in-out; -webkit-transition: -webkit-transform 0.5s ease-in-out; -o-transition: -o-transform 0.5s ease-in-out;} #urielslide div:hover img { transform: translateX(200px); -moz-transform: translateX(200px); -o-transform: translateX(200px); -webkit-transform: translateX(200px);} #urielslided div {background-color: #3F3830; padding: 10px; color: #A19D99; text-align: justify; color: #F2B45A; font-size: 11px; font-family: 'Old Standard TT', serif; width: 180px; height: 300px ; border-left: 4px solid #3FBBAB; position: relative; overflow: hidden; } #urielslided div img {left: 0px; top: 0px; position: absolute; transition: transform 0.5s ease-in-out; -moz-transition: -moz-transform 0.5s ease-in-out; -webkit-transition: -webkit-transform 0.5s ease-in-out; -o-transition: -o-transform 0.5s ease-in-out;} #urielslided div:hover img { transform: translateX(-200px); -moz-transform: translateX(-200px); -o-transform: translateX(-200px); -webkit-transform: translateX(-200px);}.urieltitre{font-variant: small-caps; Text-shadow: 0px 0px 2px #F2B45A; display: block; letter-spacing: 4px; font-size: 13px; text-align: center; border-bottom: 1px dotted #AF272F; transition: 1s;} .urieltitre:hover {color: #AF272F; text-shadow: 0px 0px 2px #AF272F; transition: 1s; } .uriellien{height: 240px; overflow: auto;text-align: justify; color: #F2B45A; font-size: 11px; font-family: 'Old Standard TT', serif; display: block; padding: 5px;  }</style><div class="urielfond2"><div style="float: left;"><div id="urielslide"><div><p><span class="urieltitre">Prénom Nom</span><span class="uriellien"> <span class="uem">Lien - </span> ... </span><center><a href=""></a><a href=""></a><a href="http://www.never-utopia.com/"> Fiche par Ehawee</a></center></p><img src="http://i.imgur.com/KWrIgLH.png" /></div></div></div><div style="float: right;"><div id="urielslided"><div><p><span class="urieltitre">Prénom Nom</span><span class="uriellien"> <span class="uem">Lien - </span> ... </span><center><a href=""> -</a><a href=""></a><a href="http://www.never-utopia.com/"> Fiche par Ehawee</a></center></p><img src="http://i.imgur.com/KWrIgLH.png" /></div></div></div><div style="clear: both"></div></div>
http://flambios.forumactif.org/t175-aide-a-la-comprehension-de-flambios#655
Revenir en haut Aller en bas
Contenu sponsorisé

Re: Modèles de fichette [NON OBLIGATOIRE]   
Contenu sponsorisé
Revenir en haut Aller en bas
Page 1 sur 1

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
Flambios :: Votre Répartition et Votre Personnage :: Gestion du Personnage :: Fiches de Liens-
Sauter vers: