Partagez|

Modéle de fiche de lien (pas obigatoire )

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

avatar


Points de survie. : 2007
Messages : 175


MessageSujet: Modéle de fiche de lien (pas obigatoire ) Ven 05 Fév 2016, 16:28


Modèle


Ce Modèle de fiche de lien (Elle n'est pas obligatoire) est juste mise à votre disposition, si vous n'avez pas d'idée pour une fiche.


Code de la fiche de lien :

Code:
<link href="http://sd-1.archive-host.com/membres/up/211183412958130190/RP/RL_DONG.css" rel="stylesheet" type="text/css"><div id="FDONG" style="background:#a7ac93;"><!-- CREDIT --><a class="cdtFDONG" href="http://crushcrushcrush.actifforum.com/" target="blank"><img src="http://www.aht.li/2456212/PUF.png" /></a><!-- IMAGE 500*350 --><img src="https://49.media.tumblr.com/ac580f3f3da24ef134539bdbb6812aa4/tumblr_n52qbgc0dS1toig68o1_500.gif" /><!-- A PROPOS --><div class="abtFDONG">A propos<div><!-- 6 INFORMATIONS --><ul><li>NOM</li><li>Prénom</li><li>Âge</li><li>Occupation</li><li><a href="" target="_blank">Fiche</a></li><li><a href="" target="_blank">Journal</a></li></ul><!-- RESUME HISTOIRE --><div class="storyFDONG">Résumé...</div><!-- 12 ADJECTIFS --><ul class="adjFDONG"><li>adjectif</li><li>adjectif</li><li>adjectif</li><li>adjectif</li><li>adjectif</li><li>adjectif</li><li>adjectif</li><li>adjectif</li><li>adjectif</li><li>adjectif</li><li>adjectif</li><li>adjectif</li></ul></div></div><!-- RECHERCHES --><div class="searchFDONG">Recherches<!-- CONTENU --><div><span>[0/1] Titre de la relation</span>Description du lien recherché.<br/><br/><span>[0/1] Titre de la relation</span>Description du lien recherché.<br/><br/><span>[0/1] Titre de la relation</span>Description du lien recherché.<br/><br/><span>[0/1] Titre de la relation</span>Description du lien recherché.<br/><br/><span>[0/1] Titre de la relation</span>Description du lien recherché.</div></div></div>


Code des cadres :

Code:

   <link href="http://sd-1.archive-host.com/membres/up/211183412958130190/RP/RL_DONG.css" rel="stylesheet" type="text/css"><div id="DONG"><!-- CREDIT --><a class="cdtDONG" href="http://crushcrushcrush.actifforum.com/" target="blank"><img src="http://www.aht.li/2456212/PUF.png" /></a><!-- LIEN I --><div class="lksDONG" style="background:#a7ac93;"><!-- IMAGE I 240 * 150 --><img src="https://49.media.tumblr.com/ac580f3f3da24ef134539bdbb6812aa4/tumblr_n52qbgc0dS1toig68o1_500.gif" /> <!-- INFORMATIONS I --><div class="abtDONG">A propos<div><ul><li>NOM</li><li>Prénom</li><li>Âge</li><li>Occupation</li></ul></div></div><!-- DESCRIPTION I --><div class="rlDONG">relation<div>...</div></div></div><!-- LIEN II --><div class="lksDONG" style="background:#abada6;"><!-- IMAGE II 240 * 150 --><img src="https://49.media.tumblr.com/ac580f3f3da24ef134539bdbb6812aa4/tumblr_n52qbgc0dS1toig68o1_500.gif" /><!-- INFORMATIONS II --><div class="abtDONG">A propos<div><ul><li>NOM</li><li>Prénom</li><li>Âge</li><li>Occupation</li></ul></div></div><!-- DESCRIPTION II --><div class="rlDONG">relation<div>...</div></div></div><br/><!-- LIEN III --><div class="lksDONG" style="background:#abada6;"><!-- IMAGE III 240 * 150 --><img src="https://49.media.tumblr.com/ac580f3f3da24ef134539bdbb6812aa4/tumblr_n52qbgc0dS1toig68o1_500.gif" /><!-- INFORMATIONS III --><div class="abtDONG">A propos<div><ul><li>NOM</li><li>Prénom</li><li>Âge</li><li>Occupation</li></ul></div></div><!-- DESCRIPTION III --><div class="rlDONG">relation<div>...</div></div></div><!-- LIEN IV --><div class="lksDONG" style="background:#abada6;"><!-- IMAGE IV 240 * 150 --><img src="https://49.media.tumblr.com/ac580f3f3da24ef134539bdbb6812aa4/tumblr_n52qbgc0dS1toig68o1_500.gif" /> <!-- INFORMATIONS IV --><div class="abtDONG">A propos<div><ul><li>NOM</li><li>Prénom</li><li>Âge</li><li>Occupation</li></ul></div></div><!-- DESCRIPTION IV --><div class="rlDONG">relation<div>...</div></div></div></div>

CREDIT FICHE: ATHENA.



Fiche de lien

A propos
Résumé...
  • adjectif
  • adjectif
  • adjectif
  • adjectif
  • adjectif
  • adjectif
  • adjectif
  • adjectif
  • adjectif
  • adjectif
  • adjectif
  • adjectif
Recherches
[0/1] Titre de la relationDescription du lien recherché.

[0/1] Titre de la relationDescription du lien recherché.

[0/1] Titre de la relationDescription du lien recherché.

[0/1] Titre de la relationDescription du lien recherché.

[0/1] Titre de la relationDescription du lien recherché.


Cadre de la fiche lien 1
A propos
  • NOM
  • Prénom
  • Âge
  • Occupation
relation
...
A propos
  • NOM
  • Prénom
  • Âge
  • Occupation
relation
...

A propos
  • NOM
  • Prénom
  • Âge
  • Occupation
relation
...
A propos
  • NOM
  • Prénom
  • Âge
  • Occupation
relation
...
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://zoo-island.forumactif.be
Fondatrice

Fondatrice
avatar


Schizophrénie : Christy & Amnesia
Avatar : HAYDEN PANETTIERE
Age : 23 ans
Points de survie. : 187
Messages : 220


MessageSujet: Re: Modéle de fiche de lien (pas obigatoire ) Sam 20 Fév 2016, 20:44


Modèle


Voici un second Modèle de fiche de lien (Elle n'est pas obligatoire) est juste mise à votre disposition, si vous n'avez pas d'idée pour une fiche.

Code de la fiche de lien en 2 parties :

1ére partie :

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>

2éme partie :

Code:
<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>

CREDIT FICHE: ATHENA.



Fiche de lien

1ére partie :




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


2éme partie :





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.
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
Fondatrice

Fondatrice
avatar


Schizophrénie : Christy / Z (Luciole)
Avatar : Natalie Portman
Age : 21 ans
Points de survie. : 359
Messages : 119
Emploi/loisirs : Protégé du chef des Protector


MessageSujet: Re: Modéle de fiche de lien (pas obigatoire ) Dim 13 Mar 2016, 18:33


Modèle



Voici un troisième Modèle de fiche de lien (Elle n'est pas obligatoire) est juste mise à votre disposition, si vous n'avez pas d'idée pour une fiche.


Code de la fiche de lien en 2 parties :


1ére partie :


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>


2éme partie :


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>.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>


CREDIT FICHE: ATHENA.



Fiche de lien

1ére partie :



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


2éme partie :

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
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
Contenu sponsorisé





MessageSujet: Re: Modéle de fiche de lien (pas obigatoire )

Revenir en haut Aller en bas
Modéle de fiche de lien (pas obigatoire )
Voir le sujet précédent Voir le sujet suivant Revenir en haut
Page 1 sur 1
Sujets similaires
-
» Fiche de Lien LDD + surement d'autres bidules
» Fiche de lien simplette.
» Fiche de lien (modèle)
» Code pour votre fiche de lien
» Signaler une fiche terminée

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
Zoo Island  :: La brochure du forum :: Les Demandes :: Liens-