Refuge-RPG.
 
Pour voter pour le Forum. Clique

Partagez | 
 

 Code pour la fiche

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

Fondateur

avatar
Je suis...
Féminin Messages : 81
Points : 2147483480
Date de naissance : 23/04/1998
Date d'inscription : 09/08/2014
Age : 20
Localisation : -


MessageSujet: Code pour la fiche   Dim 14 Juin - 12:29

Je rappelle qu'il est non obligatoire ! Les deux vont ensemble ! 




— nom.
— prénom.
— âge.
— date et lieu de naissance.
— orientation sexuelle.
- Groupe (Elu, Hybride ect)
- Dons/Pouvoir/Transformation

« un caractère qui définit une personne »
texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte


« une histoire qui forge »
texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte


« des goûts et des couleurs »
texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte
Code:
<center>
[table][tr][td]<div style="width:200px; padding-top:30px;padding-bottom:30px; padding-left:5px; padding-right:5px; border-radius:20px; background-color:#CFD257  ">[img]http://nsa37.casimages.com/img/2015/06/14/150614121648761928.jpg[/img]

<div style=" background-color:#EDEAE0; padding:5px; color:#C9C0A3; font-size:10px; letter-spacing:1px">— nom.
— prénom.
— âge.
— date et lieu de naissance.
— orientation sexuelle.
- Groupe (Elu, Hybride ect)
- Dons/Pouvoir/Transformation
</div></div>[/td]
[td]<div style="width:300px; padding-top:30px;padding-bottom:30px; padding-left:5px; padding-right:5px; border-radius:20px; background-color:#EDEAE0; font-size:10px; letter-spacing:2px; "><div style=" background-color:#E8E3D7; padding:5px; color:#B6AC87 ; font-size:10px; letter-spacing:1px; text-align:justify; height: 130px; overflow:auto">
[center][color=#B6BC43]« un caractère qui définit une personne »[/color][/center]
texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte </div>
<div style=" background-color:#E8E3D7; padding:5px; color:#B6AC87 ; font-size:10px; letter-spacing:1px; text-align:justify; height:150px; overflow:auto">
[center][color=#B6BC43]« une histoire qui forge »[/color][/center]
texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte </div>
<div style=" background-color:#E8E3D7; padding:5px; color:#B6AC87 ; font-size:10px; letter-spacing:1px; text-align:justify; height:145px; overflow:auto">
[center][color=#B6BC43]« des goûts et des couleurs »[/color][/center]
texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte </div></div> [/td]
[/tr]
[/table]

eden


nom prénom

« Nature du lien »
texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte
eden


Code:
<div style="width:500px; text-align:right; font-size:10px; letter-spacing:2px;">eden</div>
[table][tr][td]<div style="padding:10px; border-radius:20px; background-color:#CFD257  ">[img]http://nsa38.casimages.com/img/2015/06/14/15061412254141373.jpg[/img]
</div>[/td]
[td]<div style="width:400px; padding:10px; border-radius:20px; background-color:#EDEAE0; font-size:10px; letter-spacing:2px; "><div style="font-size:20px; font-style:italic; font-family:georgia; color:#B6BC43; text-align:center">nom prénom </div><div style=" background-color:#E8E3D7; padding:5px; color:#B6AC87 ; font-size:13px; letter-spacing:1px; text-align:justify; height:250px; overflow:auto">
[center][color=#B6BC43]« Nature du lien »[/color][/center]
texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte </div></div> [/td]
[/tr]
[/table]
<div style="width:500px; text-align:right; font-size:10px; letter-spacing:2px;">eden</div></center>

♥♦♣ Le Refuge. ♥♦♣
Eheh.:
 
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://refuge-rpg.forumactif.org

Invité

Je suis...
Invité



MessageSujet: Re: Code pour la fiche   Dim 14 Juin - 14:01

J'avoue aussi un joli petit code, parce qu'il m'avait plut quand je l'ai vu !

Titre séduisant
Emphase! Il est en général de bon ton de se présenter dans ce petit bloc. Pas la peine de nous faire un RP de 50km, quelques mots suffiront. Et vous avez tout le bloc EN DESSOUS pour décrire les liens que vous cherchez de toute urgence!  
Je cherche...
Cet espace n'est pas illimité, parce qu'un scroll c'est moche, cela dit, vous pouvez toujours en mettre un dans le css avec un overflow auto sur le bloc urielinfos. Et merci de NE PAS RETIRER LE CREDIT! (c'est pratique l'emphase, pas vrai?)
Fiche Présentation - Fiche RP's - Fiche par Ehawee


Code:
<div class="urielfond"><img src="http://img15.hostingpics.net/pics/981077Eric.png" class="urielavatar"/><div id="urielright"><span class="urieltitre">Titre séduisant</span> <div id="urielprez"><span class="uem">Emphase!</span> Il est en général de bon ton de se présenter dans ce petit bloc. Pas la peine de nous faire un RP de 50km, quelques mots suffiront. Et vous avez tout le bloc EN DESSOUS pour décrire les liens que vous cherchez de toute urgence!  </div><span class="urieltitre">Je cherche...</span><div id="urielinfos">Cet espace n'est pas illimité, parce qu'un scroll c'est moche, cela dit, vous pouvez toujours en mettre un dans le css avec un overflow auto sur le bloc urielinfos. Et merci de<span class="uem"> NE PAS RETIRER LE CREDIT!</span> (c'est pratique l'emphase, pas vrai?)</div><center><a href="">Fiche Présentation -</a><a href=""> Fiche RP's -</a><a href="http://www.never-utopia.com/"> Fiche par Ehawee</a></center></div></div>

here i am Emphase! Allez, n'aies pas peur, dit tout!

Présentation - Liens - Fiche par Ehawee

here i am Emphase! Bande de petits cachottiers je ne savais pas que vous aviez fait tout ça ensemble!

Présentation - Liens - Fiche par Ehawee



Code:
<div class="urielfond2"><div style="float: left;"><div id="urielslide"><div><p><span class="urieltitre">here i am</span><span class="uriellien"> <span class="uem">Emphase! </span>Allez, n'aies pas peur, dit tout!</span><center><a href="">Présentation -</a><a href=""> Liens -</a><a href="http://www.never-utopia.com/"> Fiche par Ehawee</a></center></p><img src="http://img15.hostingpics.net/pics/981077Eric.png" /></div></div></div><div style="float: right;"><div id="urielslided"><div><p><span class="urieltitre">here i am</span><span class="uriellien"> <span class="uem">Emphase! </span> Bande de petits cachottiers je ne savais pas que vous aviez fait tout ça ensemble! </span><center><a href="">Présentation -</a><a href=""> Liens -</a><a href="http://www.never-utopia.com/"> Fiche par Ehawee</a></center></p><img src="http://img15.hostingpics.net/pics/981077Eric.png" /></div></div></div><div style="clear: both"></div></div>
Revenir en haut Aller en bas

Administrateur

avatar
Je suis...
Féminin Messages : 77
Points : 2147483647
Date de naissance : 12/11/1998
Date d'inscription : 24/09/2016
Age : 19


MessageSujet: Re: Code pour la fiche   Dim 29 Jan - 13:30

En voici un que je trouvais particulièrement adorable !

adjectifadjectifadjectifadjectifadjectifadjectifadjectif
NOM Prénom
Âge - Occupation  - Nationalité

Résumé de l'histoire du personnage

Fiche de présentation
Liens recherchés
▬ lien recherché : description
▬ lien recherché : description
▬ lien recherché : description


Code:
<link href="http://sd-1.archive-host.com/membres/up/211183412958130190/RP/RL_TANG.css" rel="stylesheet" type="text/css"><!-- TOUTES COULEURS PERSONNALISABLES --><div id="FTANG"><!-- CREDIT --><a class="cdtFTANG" href="http://crushcrushcrush.actifforum.com/" target="_blank"><img src="http://www.aht.li/2456212/PUF.png" /></a><div class="FTANG"><!-- IMAGE & AJECTIFS --><div class="whoFTANG"><!-- IMAGE 150*240 - REDIMENSIONNEMENT OPTIMAL A PARTIR DU 200*320 --><div class="imgFTANG"><img src="http://www.aht.li/2913846/PSS_LS.png" /></div><!-- LISTE D'ADJECTIFS --><div class="adjFTANG" style="background:grey;"><!-- CONTENU --><span style="background:white; color:grey;">adjectif</span><span style="background:white; color:grey;">adjectif</span><span style="background:white; color:grey;">adjectif</span><span style="background:white; color:grey;">adjectif</span><span style="background:white; color:grey;">adjectif</span><span style="background:white; color:grey;">adjectif</span><span style="background:white; color:grey;">adjectif</span></div></div><!-- NOM PRENOM --><div class="npFTANG" style="background:#f3b8b1; color:#fefafc;">NOM Prénom</div><!-- INFORMATIONS PERSONNAGE --><div class="fosFTANG" style="background:#f9edea; color:black;">Âge - Occupation  - Nationalité</div><!-- HISTOIRE --><div class="storyFTANG" style="background:#fefafc; color:black;"><!-- CONTENU --><p>Résumé de l'histoire du personnage</p></div></div><!-- LIEN PRESENTATION & LIENS RECHERCHES --><div class="btmFTANG"><!-- LIEN VERS LA PRESENTATION --><a href="" target="_blank" style="background:#f5fcfc; color:grey;">Fiche de présentation</a><!-- LIENS RECHERCHES --><div class="searchFTANG" style="background:#f3b8b1; color:#f5fcfc;"><span>Liens recherchés</span><!-- CONTENU --><div style="background:grey; color:black;"><b>▬ lien recherché :</b> description<br/><b>▬ lien recherché :</b> description<br/><b>▬ lien recherché :</b> description</div></div></div></div>

   
NOM Prénom
Âge - Occupation - Relation

Description. Description. Description. Description. Description. Description. Description. Description. Description. Description. Description. Description. Description. Description. Description. Description. Description. Description.

NOM Prénom
Âge - Occupation - Relation

Description.



Code:
<link href="http://sd-1.archive-host.com/membres/up/211183412958130190/RP/RL_TANG.css" rel="stylesheet" type="text/css"><!-- TOUTES COULEURS PERSONNALISABLES --><div id="TANG"><!-- CREDIT --><a class="cdtTANG" href="http://crushcrushcrush.actifforum.com/" target="_blank"><img src="http://www.aht.li/2456212/PUF.png" /></a><!-- LIEN I --><div class="lksTANG"><!-- IMAGE & LISTE RP --><div class="fosTANG"><!-- IMAGE 100*160 - REDIMENSIONNEMENT OPTIMAL A PARTIR DU 200*320 --><div class="imgTANG"><img src="http://www.aht.li/2913847/LOZ_LS.png" /></div><!-- LISTE RP --><div class="rpTANG" style="background:grey;"><!-- CONTENU --><a href="" target="_blank" style="background:white; color:grey;">titre du rp</a><a href="" target="_blank" style="background:white; color:grey;">titre du rp</a></div></div><!-- NOM PRENOM(S) --><div class="npTANG" style="background:#f3b8b1; color:#f5fcfc;">NOM Prénom</div><!-- RELATION --><div class="rlTANG" style="background:#f9edea; color:black;">Âge - Occupation - Relation</div><!-- DESCRIPTION --><div class="descTANG" style="background:#f5fcfc; color:black;"><!-- CONTENU --><p>Description. Description. Description. Description. Description. Description. Description. Description. Description. Description. Description. Description. Description. Description. Description. Description. Description. Description.</p></div></div><!-- LIEN II --><div class="lksTANG"><!-- IMAGE & LISTE RP --><div class="fosTANG"><!-- IMAGE 100*160 - REDIMENSIONNEMENT OPTIMAL A PARTIR DU 200*320 --><div class="imgTANG"><img src="http://www.aht.li/2913847/LOZ_LS.png" /></div><!-- LISTE RP --><div class="rpTANG" style="background:grey;"><!-- CONTENU --><a href="" target="_blank" style="background:white; color:grey;">titre du rp</a><a href="" target="_blank" style="background:white; color:grey;">titre du rp</a></div></div><!-- NOM PRENOM(S) --><div class="npTANG" style="background:#f3b8b1; color:#f5fcfc;">NOM Prénom</div><!-- RELATION --><div class="rlTANG" style="background:#f9edea; color:black;">Âge - Occupation - Relation</div><!-- DESCRIPTION --><div class="descTANG" style="background:#f5fcfc; color:black;"><!-- CONTENU --><p>Description.</p></div></div></div>

♥♦♣ Le Refuge. ♥♦♣


Dernière édition par Meow le Dim 29 Jan - 13:34, édité 1 fois
Revenir en haut Aller en bas
Voir le profil de l'utilisateur

Invité

Je suis...
Invité



MessageSujet: Re: Code pour la fiche   Dim 29 Jan - 13:33

De nouvelles fiches de liens, ça fait de mal à personne. >.>



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




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>










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>.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>
Revenir en haut Aller en bas

Administrateur

avatar
Je suis...
Féminin Messages : 77
Points : 2147483647
Date de naissance : 12/11/1998
Date d'inscription : 24/09/2016
Age : 19


MessageSujet: Re: Code pour la fiche   Dim 29 Jan - 13:37

Une deuxième ne peut pas faire de mal !

   
NOM Prénom(s)
Résumé de l'histoire du personnage.

MeMyself & I

adjectifadjectifadjectifadjectifadjectifadjectifadjectifadjectif

Liensrecherchés

▬ lien recherché : description
▬ lien recherché : description
Âge - Occupation - Nationalité


Code:
   <link href="http://sd-1.archive-host.com/membres/up/211183412958130190/RP/RL_FLAN.css" rel="stylesheet" type="text/css"><!-- TOUTES COULEURS PERSONNALISABLES --><div id="FFLAN"><!-- CREDIT --><a class="cdtFFLAN" href="http://crushcrushcrush.actifforum.com/" target="_blank"><img src="http://www.aht.li/2456212/PUF.png" /></a><div class="boxFRM"><!-- NOM PRENOM(S) --><div class="npFFLAN" style="background:grey; color:white;">NOM Prénom(s)</div><!-- HISTOIRE --><div class="storyFFLAN" style="background:white; color:black;">Résumé de l'histoire du personnage.</div><div class="boxFRM"><!-- ADJECTIFS --><div class="adjFFLAN" tabindex="0" style="background:#cfdcd8; color:black;"><!-- TITRE --><p>Me<b>Myself & I</b></p></span><!-- CONTENU --><div style="background:#cfdcd8;"><span style="background:white; color:grey;">adjectif</span><span style="background:white; color:grey;">adjectif</span><span style="background:white; color:grey;">adjectif</span><span style="background:white; color:grey;">adjectif</span><span style="background:white; color:grey;">adjectif</span><span style="background:white; color:grey;">adjectif</span><span style="background:white; color:grey;">adjectif</span><span style="background:white; color:grey;">adjectif</span></div></div><!-- LIENS RECHERCHES --><div class="searchFFLAN" tabindex="0" style="background:#b3beba; color:black;"><!-- TITRE --><p>Liens<b>recherchés</b></p><!-- CONTENU --><div style="background:#b3beba; color:black;"><b>▬ lien recherché :</b> description<br/><b>▬ lien recherché :</b> description</div></div></div><!-- INFORMATIONS --><div class="fosFFLAN" style="background:lightgrey; color:black;">Âge - Occupation - Nationalité</div></div><!-- IMAGE 150*240 - REDIMENSIONNEMENT OPTIMAL A PARTIR DU 200*320 --><div class="imgFFLAN"><img src="http://www.aht.li/2900134/HAK_LS.png" /></div></div>

   
NOM
Prénom(s)
Description.
relation
NOM
Prénom(s)
Description.
relation
NOM
Prénom(s)
Description.
relation
NOM
Prénom(s)
Description.
relation


Code:
   <link href="http://sd-1.archive-host.com/membres/up/211183412958130190/RP/RL_FLAN.css" rel="stylesheet" type="text/css"><!-- TOUTES COULEURS PERSONNALISABLES --><div id="FLAN"><!-- LIEN I --><div class="lksFLAN" style="margin-right:10px;"><!-- CREDIT --><a class="cdtFLAN" href="http://crushcrushcrush.actifforum.com/" target="_blank"><img src="http://www.aht.li/2456212/PUF.png" /></a><div class="boxFLAN"><!-- NOM PRENOM(S) --><div class="npFLAN" style="background:#4a464d; color:white;">NOM<br/>Prénom(s)</div><!-- DESCRIPTION --><div class="descFLAN" style="background:rgba(250,250,250,0.7); color:black;">Description.</div><!-- 2 IMAGES EN 50*90 --><div class="imgFLAN"><!-- I --><img src="http://www.aht.li/2921538/9090C.png" /><!-- II --><img src="http://www.aht.li/2921538/9090C.png" /></div><!-- RELATION --><div class="rlFLAN" style="background:white; color:black;">relation</div></div><!-- LISTE DES RP --><div class="rpFLAN" style="background:#d5d5e2;"><!-- CONTENU --><a href="" target="_blank" style="background:white; color:grey;">titre du rp</a><a href="" target="_blank" style="background:white; color:grey;">titre du rp</a></div></div><!-- LIEN II --><div class="lksFLAN"><div class="boxFLAN"><!-- NOM PRENOM(S) --><div class="npFLAN" style="background:#4a464d; color:white;">NOM<br/>Prénom(s)</div><!-- DESCRIPTION --><div class="descFLAN" style="background:rgba(250,250,250,0.7); color:black;">Description.</div><!-- 2 IMAGES EN 50*90 --><div class="imgFLAN"><!-- I --><img src="http://www.aht.li/2921538/9090C.png" /><!-- II --><img src="http://www.aht.li/2921538/9090C.png" /></div><!-- RELATION --><div class="rlFLAN" style="background:white; color:black;">relation</div></div><!-- LISTE DES RP --><div class="rpFLAN" style="background:#d5d5e2;"><!-- CONTENU --><a href="" target="_blank" style="background:white; color:grey;">titre du rp</a><a href="" target="_blank" style="background:white; color:grey;">titre du rp</a></div></div><!-- LIEN III --><div class="lksFLAN" style="margin-right:10px;"><div class="boxFLAN"><!-- NOM PRENOM(S) --><div class="npFLAN" style="background:#4a464d; color:white;">NOM<br/>Prénom(s)</div><!-- DESCRIPTION --><div class="descFLAN" style="background:rgba(250,250,250,0.7); color:black;">Description.</div><!-- 2 IMAGES EN 50*90 --><div class="imgFLAN"><!-- I --><img src="http://www.aht.li/2921538/9090C.png" /><!-- II --><img src="http://www.aht.li/2921538/9090C.png" /></div><!-- RELATION --><div class="rlFLAN" style="background:white; color:black;">relation</div></div><!-- LISTE DES RP --><div class="rpFLAN" style="background:#d5d5e2;"><!-- CONTENU --><a href="" target="_blank" style="background:white; color:grey;">titre du rp</a><a href="" target="_blank" style="background:white; color:grey;">titre du rp</a></div></div><!-- LIEN IV --><div class="lksFLAN"><div class="boxFLAN"><!-- NOM PRENOM(S) --><div class="npFLAN" style="background:#4a464d; color:white;">NOM<br/>Prénom(s)</div><!-- DESCRIPTION --><div class="descFLAN" style="background:rgba(250,250,250,0.7); color:black;">Description.</div><!-- 2 IMAGES EN 50*90 --><div class="imgFLAN"><!-- I --><img src="http://www.aht.li/2921538/9090C.png" /><!-- II --><img src="http://www.aht.li/2921538/9090C.png" /></div><!-- RELATION --><div class="rlFLAN" style="background:white; color:black;">relation</div></div><!-- LISTE DES RP --><div class="rpFLAN" style="background:#d5d5e2;"><!-- CONTENU --><a href="" target="_blank" style="background:white; color:grey;">titre du rp</a><a href="" target="_blank" style="background:white; color:grey;">titre du rp</a></div></div></div>

♥♦♣ Le Refuge. ♥♦♣
Revenir en haut Aller en bas
Voir le profil de l'utilisateur

Invité

Je suis...
Invité



MessageSujet: Re: Code pour la fiche   Dim 29 Jan - 13:50

PRENOM NOM
âge | attirance | profession
fact sur ton personnage ainsi que toute les différentes merde qui ont marqué sa vie. ◊ fact sur ton personnage ainsi que toute les différentes merde qui ont marqué sa vie. ◊ fact sur ton personnage ainsi que toute les différentes merde qui ont marqué sa vie. ◊ fact sur ton personnage ainsi que toute les différentes merde qui ont marqué sa vie. ◊ fact sur ton personnage ainsi que toute les différentes merde qui ont marqué sa vie. ◊ fact sur ton personnage ainsi que toute les différentes merde qui ont marqué sa vie. ◊ fact sur ton personnage ainsi que toute les différentes merde qui ont marqué sa vie. ◊ fact sur ton personnage ainsi que toute les différentes merde qui ont marqué sa vie. ◊ fact sur ton personnage ainsi que toute les différentes merde qui ont marqué sa vie. ◊ fact sur ton personnage ainsi que toute les différentes merde qui ont marqué sa vie. ◊ fact sur ton personnage ainsi que toute les différentes merde qui ont marqué sa vie. 
© bangerz





Code:
<link href='http://fonts.googleapis.com/css?family=Abril+Fatface' rel='stylesheet' type='text/css'><style type="text/css">.framboise {width: 270px; height: 100px; padding: 25px; position: relative; top: 230px; background-color: #fff; color: #000; opacity: 0; text-align: justify; font-family: arial; font-size: 9px; line-height: 130%; -moz-transition-duration: 0.7s; -webkit-transition-duration: 0.7s;  -o-transition-duration: 0.7s; transition-duration: 0.7s} .framboise:hover {width: 270px; height: 100px; padding: 25px; position: relative; top: 230px; background-color: #fff; color: #000; opacity: 0.9; -moz-transition-duration: 0.7s;  -webkit-transition-duration: 0.7s; -o-transition-duration: 0.7s;}</style><center><div style="width: 350px; height: 500px; padding: 10px;"><div style="width: 350px; height: 500px; padding: 10px; border: 1px solid #eee;"><div style="width: 350px; height: 500px; background-image: url(https://45.media.tumblr.com/e3fec263beea5c96cbd4b7d0bd07785f/tumblr_o1p82trvHo1qi23pgo1_500.gif);"><div style="width: 350px; height: 90px; position: relative; top: 230px; line-height: 90px; font-family: 'Abril Fatface', cursive; text-transform: uppercase; font-size: 34px; letter-spacing: 2px; color: #f4f4f4; font-style: none;">PRENOM NOM</div><div style="width: 300px; height: 15px; margin-top: -20px; position: relative; top: 220px; line-height: 15px; font-family: calibri; text-transform: uppercase; font-size: 9px; letter-spacing: 3px; text-align: center; color: #f4f4f4; opacity: 0.8;">âge | attirance | profession</div><div class="framboise"><div style="width: 270px; height: 100px; padding-right: 5px; overflow: auto;">fact sur ton personnage ainsi que toute les différentes merde qui ont marqué sa vie. ◊ fact sur ton personnage ainsi que toute les différentes merde qui ont marqué sa vie. ◊ fact sur ton personnage ainsi que toute les différentes merde qui ont marqué sa vie. ◊ fact sur ton personnage ainsi que toute les différentes merde qui ont marqué sa vie. ◊ fact sur ton personnage ainsi que toute les différentes merde qui ont marqué sa vie. ◊ fact sur ton personnage ainsi que toute les différentes merde qui ont marqué sa vie. ◊ fact sur ton personnage ainsi que toute les différentes merde qui ont marqué sa vie. ◊ fact sur ton personnage ainsi que toute les différentes merde qui ont marqué sa vie. ◊ fact sur ton personnage ainsi que toute les différentes merde qui ont marqué sa vie. ◊ fact sur ton personnage ainsi que toute les différentes merde qui ont marqué sa vie. ◊ fact sur ton personnage ainsi que toute les différentes merde qui ont marqué sa vie.  </div></div></div>[size=9][b][color=#000033]© bangerz[/color][/b][/size]</div></div></center><br />



lyrics/name.
this is where all of your shipper/request info will go!!
© bangerz
 
lyrics/name.
this is where all of your shipper/request info will go!!
© bangerz


lyrics/name.
this is where all of your shipper/request info will go!!
© bangerz
 
lyrics/name.
this is where all of your shipper/request info will go!!
© bangerz





Code:
<style type="text/css">.cometome {width: 120px; height: 230px; padding: 25px; position: relative; top: 25px; background-color: #fff; color: #000; opacity: 0; text-align: justify; font-family: arial; font-size: 9px; line-height: 130%; -moz-transition-duration: 0.7s; -webkit-transition-duration: 0.7s;  -o-transition-duration: 0.7s; transition-duration: 0.7s} .cometome:hover {width: 120px; height: 230px; padding: 25px; position: relative; top: 25px; background-color: #fff; color: #000; opacity: 0.9; -moz-transition-duration: 0.7s;  -webkit-transition-duration: 0.7s; -o-transition-duration: 0.7s;}</style><center><table><tr><td><center><div style="width: 200px; height: 320px; padding: 10px;"><div style="width: 200px; height: 320px; padding: 10px; border: 1px solid #eee;"><div style="width: 200px; height: 320px; background-image: url(http://placehold.it/200x320);"><div class="cometome"><div style="width: 120px; height: 200px; padding-right: 5px; overflow: auto;"><div style="height: 20px; margin-bottom: 5px; font-family: calibri; font-weight: bold; letter-spacing: 1px; font-size: 8px; text-transform: uppercase; border-bottom: 1px solid #eee; text-align: left; line-height: 20px;">lyrics/name.</div>this is where all of your shipper/request info will go!!</div></div></div>[size=9][b][color=#000000]© bangerz[/color][/b][/size]</div></div></center></td><td>  </td><td><center><div style="width: 200px; height: 320px; padding: 10px;"><div style="width: 200px; height: 320px; padding: 10px; border: 1px solid #eee;"><div style="width: 200px; height: 320px; background-image: url(http://placehold.it/200x320);"><div class="cometome"><div style="width: 120px; height: 200px; padding-right: 5px; overflow: auto;"><div style="height: 20px; margin-bottom: 5px; font-family: calibri; font-weight: bold; letter-spacing: 1px; font-size: 8px; text-transform: uppercase; border-bottom: 1px solid #eee; text-align: left; line-height: 20px;">lyrics/name.</div>this is where all of your shipper/request info will go!!</div></div></div></div></div>[size=9][b][color=#000000]© bangerz[/color][/b][/size]</center></td></tr></table>

<table><tr><td><center><div style="width: 200px; height: 320px; padding: 10px;"><div style="width: 200px; height: 320px; padding: 10px; border: 1px solid #eee;"><div style="width: 200px; height: 320px; background-image: url(http://placehold.it/200x320);"><div class="cometome"><div style="width: 120px; height: 200px; padding-right: 5px; overflow: auto;"><div style="height: 20px; margin-bottom: 5px; font-family: calibri; font-weight: bold; letter-spacing: 1px; font-size: 8px; text-transform: uppercase; border-bottom: 1px solid #eee; text-align: left; line-height: 20px;">lyrics/name.</div>this is where all of your shipper/request info will go!!</div></div></div>[size=9][b][color=#000000]© bangerz[/color][/b][/size]</div></div></center></td><td> &nbsp;</td><td><center><div style="width: 200px; height: 320px; padding: 10px;"><div style="width: 200px; height: 320px; padding: 10px; border: 1px solid #eee;"><div style="width: 200px; height: 320px; background-image: url(http://placehold.it/200x320);"><div class="cometome"><div style="width: 120px; height: 200px; padding-right: 5px; overflow: auto;"><div style="height: 20px; margin-bottom: 5px; font-family: calibri; font-weight: bold; letter-spacing: 1px; font-size: 8px; text-transform: uppercase; border-bottom: 1px solid #eee; text-align: left; line-height: 20px;">lyrics/name.</div>this is where all of your shipper/request info will go!!</div></div></div>[size=9][b][color=#000000]© bangerz[/color][/b][/size]</div></div></center></td></tr></table></center><br />
Revenir en haut Aller en bas


Je suis...
Contenu sponsorisé



MessageSujet: Re: Code pour la fiche   

Revenir en haut Aller en bas
 
Code pour la fiche
Voir le sujet précédent Voir le sujet suivant Revenir en haut 
Page 1 sur 1
 Sujets similaires
-
» Code pour votre fiche de lien
» Code pour votre fiche de présentation
» code pour rp :D
» Distribution d'un code pour télécharger Monster Hunter sur 3DS
» Code pour la fiche de présentation.

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
Le Refuge  :: Bienvenue au Refuge ! :: Flood :: Les liens-
Sauter vers: