Revenir en haut Aller en bas


Vous habitez à HeroCity. Vous avez toujours rêver d'avoir des pouvoirs, c'est maintenant possible.
 
AccueilCalendrierFAQRechercherMembresGroupesS'enregistrerConnexion

Partagez | 
 

 La fiche de lien

Voir le sujet précédent Voir le sujet suivant Aller en bas 
avatar
The PNJ
The PNJ
Messages : 92
Date d'inscription : 03/08/2013
Age : 26

MessageSujet: La fiche de lien   Mer 2 Nov - 1:12

Pour ceux et celles qui n'ont pas encore de codage pour leurs fiches, en voici un en libre service juste pour vous Coquin




Titre trop cool

     
Qui je suis


     Je suis le plus beau et le plus fort de tous les guerriers grounders. Je suis un petit cent espiègle qui vole dans les greniers des tribus. Je suis le plus beau et le plus fort de tous les guerriers grounders. Je suis un petit cent espiègle qui vole dans les greniers des tribus.Je suis le plus beau et le plus fort de tous les guerriers grounders. Je suis un petit cent espiègle qui vole dans les greniers des tribus.Je suis le plus beau et le plus fort de tous les guerriers grounders. Je suis un petit cent espiègle qui vole dans les greniers des tribus.Je suis le plus beau et le plus fort de tous les guerriers grounders. Je suis un petit cent espiègle qui vole dans les greniers des tribus.Je suis le plus beau et le plus fort de tous les guerriers grounders. Je suis un petit cent espiègle qui vole dans les greniers des tribus.Je suis le plus beau et le plus fort de tous les guerriers grounders. Je suis un petit cent espiègle qui vole dans les greniers des tribus.Je suis le plus beau et le plus fort de tous les guerriers grounders. Je suis un petit cent espiègle qui vole dans les greniers des tribus.Je suis le plus beau et le plus fort de tous les guerriers grounders. Je suis un petit cent espiègle qui vole dans les greniers des tribus.Je suis le plus beau et le plus fort de tous les guerriers grounders. Je suis un petit cent espiègle qui vole dans les greniers des tribus.

passe ta souris si tu veux en savoir plus
Age: ICI Orientation sexuelle: ICI Situation amoureuse: ICI Aptitudes : ICI Tribu: ICIDisponibilité RP : Oui/Non   Fiche RPs Journal
© Nalex


Code:
<style>.fondprez{width: 450px;color:#000;font-weight:lighter;font-size: 11px;font-family: arial; background-color: #F8F6F2; border:1px solid #564D66; padding:10px; box-shadow:0 0 2px rgba(0,0,5,.5);opacity: 0.9;text-align:center;line-height:12px;} .walter2 {font-family: 'Poiret One', cursive; font-size: 16px; margin-bottom: -2px; text-transform: uppercase; text-align: center; color:#524F63;} .description{width:200px; height:320px;} .description h1{margin-top:0px;margin-bottom:0px;font-size:9px;font-weight:lighter;word-spacing:-2px;text-align:justify;height:280px !important;overflow-y:auto;padding:5px;} .survol_1{width: 199px;height: 320px;border: 1px solid #EAE8E2;background: #F8F6F2;background-image: url(http://data.nimages.fr/fvgrgl2.png);text-align: center;transition: all 0.5s;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-ms-transition: all 0.5s;-o-transition: all 0.5s;opacity: 0;overflow: auto;} .survol_1:hover{opacity: 1;} .qui { font-size: 17px;font-family:'Six Caps',cursive;text-transform: uppercase;letter-spacing: 4px;word-spacing: 1px;color: #B8676E;margin-top:5px; text-shadow: 0px 0px 2px; text-align:center;} .identité{height:320px;margin-left:0px;} .identité v{width:230px!important;height:13px;background-color:#EFEDE7;font-family:'Nova Mono';text-transform:uppercase;padding:3px;margin:2px;display:block;font-size:9px;} .identité v:hover{background-color:rgba(226,206,181,0.5);} .img_1{background-position:center;background-size:230px;height:127px;width:230px;border:1px solid #E2CEB5;} .relations {border:1px solid #EAE8E2;background: #F8F6F2;background-image: url(http://data.nimages.fr/fvgrgl2.png);text-align: justify;position:relative;padding: 5px;overflow: auto;text-align: justify;right: 3px;top: 5px;line-height: 10px;font-size: 10px;} .relrond {align:right;height:100px;width:100px;margin-left:8px;border: 1px solid rgba(87,78,103,0.6);  border-radius:50px;} .donneesb {font-family: courier new; text-transform: uppercase; font-size: 10px; margin-top: 5px;  color: #B8676E; text-align: justify; }</style>

<link href='http://fonts.googleapis.com/css?family=Poiret+One|Six+Caps|Nova+Mono' rel='stylesheet' type='text/css'>
<center><div class="fondprez"><div class="walter2" style="font-size: 28px;">Titre trop cool</div>
      <table><tr><td><div class="description"><div style="width: 200px; height: 320px; background-image: url(http://img11.hostingpics.net/pics/357242larged.png);  background-repeat: no-repeat; margin-left:0px;"><div class="survol_1"><div class="qui">Qui je suis</div><h1>
      Je suis le plus beau et le plus fort de tous les guerriers grounders. Je suis un petit cent espiègle qui vole dans les greniers des tribus. Je suis le plus beau et le plus fort de tous les guerriers grounders. Je suis un petit cent espiègle qui vole dans les greniers des tribus.Je suis le plus beau et le plus fort de tous les guerriers grounders. Je suis un petit cent espiègle qui vole dans les greniers des tribus.Je suis le plus beau et le plus fort de tous les guerriers grounders. Je suis un petit cent espiègle qui vole dans les greniers des tribus.Je suis le plus beau et le plus fort de tous les guerriers grounders. Je suis un petit cent espiègle qui vole dans les greniers des tribus.Je suis le plus beau et le plus fort de tous les guerriers grounders. Je suis un petit cent espiègle qui vole dans les greniers des tribus.Je suis le plus beau et le plus fort de tous les guerriers grounders. Je suis un petit cent espiègle qui vole dans les greniers des tribus.Je suis le plus beau et le plus fort de tous les guerriers grounders. Je suis un petit cent espiègle qui vole dans les greniers des tribus.Je suis le plus beau et le plus fort de tous les guerriers grounders. Je suis un petit cent espiègle qui vole dans les greniers des tribus.Je suis le plus beau et le plus fort de tous les guerriers grounders. Je suis un petit cent espiègle qui vole dans les greniers des tribus.</h1></div>[size=8]passe ta souris si tu veux en savoir plus[/size]</div></div></td><td style="width:300px; height:100px;"><div class="identité"><v>Age: ICI </v><v>Orientation sexuelle: ICI </v><v>Situation amoureuse: ICI </v><v> Aptitudes : ICI </v><v>Tribu: ICI</v><img src="http://static.tumblr.com/2cae3345416dc73cff94e4ceb7fd1846/pkhqbcw/B5Anfvgya/tumblr_static_1r28tbp8gxy8ko404gkkococg.gif" style="width:235px;height:120px" /><v>Disponibilité RP : Oui/Non  </v> <v> [url=http://www.the-hundred.org/]Fiche[/url] </v> <v> [url=http://www.the-hundred.org/]RPs[/url] </v> <v> [url=http://www.the-hundred.org/]Journal[/url]</v>
[right][size=8]©️ Nalex[/size][/right]</div></td></tr></table></div></center>


Et ceci, ce sont les listes de liens.



 


Girls / Boys


       

       
Prénom Nom


       
+ Lien

        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus nec neque ac purus blandit fringilla vitae vitae felis. Vestibulum tellus augue, porttitor ut velit nec, vestibulum cursus ligula. Fusce porttitor facilisis aliquet. Lorem ipsum dolor sit amet, consectetur adipiscing elit. In et orci euismod, tincidunt dui sed, venenatis massa. Maecenas id orci a dolor semper volutpat. Phasellus eleifend massa ex, nec interdum nisi venenatis non. Nullam convallis, tellus at tempus hendrerit, leo nunc malesuada nibh, eget elementum justo neque eget dui. Quisque rhoncus nunc non venenatis faucibus. Sed blandit, nunc ac mollis tempor, est risus varius nibh, a volutpat felis nunc id metus. Suspendisse quis commodo turpis. Nulla eget sagittis sapien.
       


Prénom Nom


       
+ Lien

        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus nec neque ac purus blandit fringilla vitae vitae felis. Vestibulum tellus augue, porttitor ut velit nec, vestibulum cursus ligula. Fusce porttitor facilisis aliquet. Lorem ipsum dolor sit amet, consectetur adipiscing elit. In et orci euismod, tincidunt dui sed, venenatis massa. Maecenas id orci a dolor semper volutpat. Phasellus eleifend massa ex, nec interdum nisi venenatis non. Nullam convallis, tellus at tempus hendrerit, leo nunc malesuada nibh, eget elementum justo neque eget dui. Quisque rhoncus nunc non venenatis faucibus. Sed blandit, nunc ac mollis tempor, est risus varius nibh, a volutpat felis nunc id metus. Suspendisse quis commodo turpis. Nulla eget sagittis sapien.  

Prénom Nom


       
+ Lien

        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus nec neque ac purus blandit fringilla vitae vitae felis. Vestibulum tellus augue, porttitor ut velit nec, vestibulum cursus ligula. Fusce porttitor facilisis aliquet. Lorem ipsum dolor sit amet, consectetur adipiscing elit. In et orci euismod, tincidunt dui sed, venenatis massa. Maecenas id orci a dolor semper volutpat. Phasellus eleifend massa ex, nec interdum nisi venenatis non. Nullam convallis, tellus at tempus hendrerit, leo nunc malesuada nibh, eget elementum justo neque eget dui. Quisque rhoncus nunc non venenatis faucibus. Sed blandit, nunc ac mollis tempor, est risus varius nibh, a volutpat felis nunc id metus. Suspendisse quis commodo turpis. Nulla eget sagittis sapien.
       


Prénom Nom


       
+ Lien

        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus nec neque ac purus blandit fringilla vitae vitae felis. Vestibulum tellus augue, porttitor ut velit nec, vestibulum cursus ligula. Fusce porttitor facilisis aliquet. Lorem ipsum dolor sit amet, consectetur adipiscing elit. In et orci euismod, tincidunt dui sed, venenatis massa. Maecenas id orci a dolor semper volutpat. Phasellus eleifend massa ex, nec interdum nisi venenatis non. Nullam convallis, tellus at tempus hendrerit, leo nunc malesuada nibh, eget elementum justo neque eget dui. Quisque rhoncus nunc non venenatis faucibus. Sed blandit, nunc ac mollis tempor, est risus varius nibh, a volutpat felis nunc id metus. Suspendisse quis commodo turpis. Nulla eget sagittis sapien.  


       


Code:
<link href='http://fonts.googleapis.com/css?family=Poiret+One|Six+Caps' rel='stylesheet' type='text/css'>
   <center><div class="fondprez"><br><br><div class="walter2" style="font-size: 28px;"> Girls / Boys</div><center><table><tr><td><div class="description"><div style="width: 200px; height: 320px; background-image: url(http://img11.hostingpics.net/pics/357242larged.png);  background-repeat: no-repeat; margin-left:0px;"><div class="survol_1"><div class="qui">Prénom Nom</div><h1>
         <div class="donneesb">+ Lien </div>
         Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus nec neque ac purus blandit fringilla vitae vitae felis. Vestibulum tellus augue, porttitor ut velit nec, vestibulum cursus ligula. Fusce porttitor facilisis aliquet. Lorem ipsum dolor sit amet, consectetur adipiscing elit. In et orci euismod, tincidunt dui sed, venenatis massa. Maecenas id orci a dolor semper volutpat. Phasellus eleifend massa ex, nec interdum nisi venenatis non. Nullam convallis, tellus at tempus hendrerit, leo nunc malesuada nibh, eget elementum justo neque eget dui. Quisque rhoncus nunc non venenatis faucibus. Sed blandit, nunc ac mollis tempor, est risus varius nibh, a volutpat felis nunc id metus. Suspendisse quis commodo turpis. Nulla eget sagittis sapien.
         </div><br/></h1></div></div></div></td>

         <td><div class="description"><div style="width: 200px; height: 320px; background-image: url(http://img11.hostingpics.net/pics/357242larged.png);  background-repeat: no-repeat; margin-left:0px;"><div class="survol_1"><div class="qui">Prénom Nom</div><h1>
         <div class="donneesb">+ Lien </div>
         Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus nec neque ac purus blandit fringilla vitae vitae felis. Vestibulum tellus augue, porttitor ut velit nec, vestibulum cursus ligula. Fusce porttitor facilisis aliquet. Lorem ipsum dolor sit amet, consectetur adipiscing elit. In et orci euismod, tincidunt dui sed, venenatis massa. Maecenas id orci a dolor semper volutpat. Phasellus eleifend massa ex, nec interdum nisi venenatis non. Nullam convallis, tellus at tempus hendrerit, leo nunc malesuada nibh, eget elementum justo neque eget dui. Quisque rhoncus nunc non venenatis faucibus. Sed blandit, nunc ac mollis tempor, est risus varius nibh, a volutpat felis nunc id metus. Suspendisse quis commodo turpis. Nulla eget sagittis sapien.  </div></td></tr><tr><td><div class="description"><div style="width: 200px; height: 320px; background-image: url(http://img11.hostingpics.net/pics/357242larged.png);  background-repeat: no-repeat; margin-left:0px;"><div class="survol_1"><div class="qui">Prénom Nom</div><h1>
         <div class="donneesb">+ Lien </div>
         Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus nec neque ac purus blandit fringilla vitae vitae felis. Vestibulum tellus augue, porttitor ut velit nec, vestibulum cursus ligula. Fusce porttitor facilisis aliquet. Lorem ipsum dolor sit amet, consectetur adipiscing elit. In et orci euismod, tincidunt dui sed, venenatis massa. Maecenas id orci a dolor semper volutpat. Phasellus eleifend massa ex, nec interdum nisi venenatis non. Nullam convallis, tellus at tempus hendrerit, leo nunc malesuada nibh, eget elementum justo neque eget dui. Quisque rhoncus nunc non venenatis faucibus. Sed blandit, nunc ac mollis tempor, est risus varius nibh, a volutpat felis nunc id metus. Suspendisse quis commodo turpis. Nulla eget sagittis sapien.
         </div><br/></h1></div></div></div></td>

         <td><div class="description"><div style="width: 200px; height: 320px; background-image: url(http://img11.hostingpics.net/pics/357242larged.png);  background-repeat: no-repeat; margin-left:0px;"><div class="survol_1"><div class="qui">Prénom Nom</div><h1>
         <div class="donneesb">+ Lien </div>
         Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus nec neque ac purus blandit fringilla vitae vitae felis. Vestibulum tellus augue, porttitor ut velit nec, vestibulum cursus ligula. Fusce porttitor facilisis aliquet. Lorem ipsum dolor sit amet, consectetur adipiscing elit. In et orci euismod, tincidunt dui sed, venenatis massa. Maecenas id orci a dolor semper volutpat. Phasellus eleifend massa ex, nec interdum nisi venenatis non. Nullam convallis, tellus at tempus hendrerit, leo nunc malesuada nibh, eget elementum justo neque eget dui. Quisque rhoncus nunc non venenatis faucibus. Sed blandit, nunc ac mollis tempor, est risus varius nibh, a volutpat felis nunc id metus. Suspendisse quis commodo turpis. Nulla eget sagittis sapien.  </div></td></tr></table></center>
         </div> </center><style>.fondprez{width: 450px;color:#000;font-weight:lighter;font-size: 11px;font-family: arial;background-color: #f1f1ed; border:1px solid #668280; padding:10px; box-shadow:0 0 2px rgba(0,0,5,.5);opacity: 0.9;text-align:center;line-height:12px;}  .walter2{font-family:poiret one;text-transform:uppercase;} .survol_1{width: 199px;height: 320px; border: 1px solid #668280;  background: #f1f1ed;  background-image: url(http://data.nimages.fr/fvgrgl2.png);  text-align: center;  transition: all 0.5s;  -webkit-transition: all 0.5s;  -moz-transition: all 0.5s;  -ms-transition: all 0.5s;  -o-transition: all 0.5s;  opacity: 0;  overflow: auto;} .survol_1:hover{opacity: 1;} .description{width:200px;height:320px;} .description h1{margin-top:0px;margin-bottom:0px;font-size:9px;  font-weight:lighter;word-spacing:-2px;text-align:justify;height:280px !important;overflow-y:auto;padding:5px;} .donneesb{font-family: courier new; text-transform: uppercase; font-size: 10px; margin-top: 5px;  color: #B8676E; text-align: justify;} .qui{font-size: 17px;font-family:'Six Caps',cursive;  text-transform: uppercase;  letter-spacing: 4px;  word-spacing: 1px;  color: #668280;  margin-top:5px;  text-shadow: 0px 0px 2px; text-align:center;}</style>
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://herocity.forum-canada.com
 
La fiche de lien
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 (modèle)
» Code pour votre fiche de lien
» Signaler une fiche terminée
» CODE LIBRE SERVICE DE FICHE DE LIENS

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
Hero City :: Discover the universe :: Social Network :: Agenda-
Sauter vers: