AccueilAccueil  Dernières imagesDernières images  RechercherRechercher  S'enregistrerS'enregistrer  ConnexionConnexion  
-38%
Le deal à ne pas rater :
Ecran PC gaming 23,8″ – ACER KG241Y P3bip à 99,99€
99.99 € 159.99 €
Voir le deal

Partagez
 

 - Modèle de fiche de liens

Voir le sujet précédent Voir le sujet suivant Aller en bas 
AuteurMessage
M. Le Directeur
PNJ
PNJ
M. Le Directeur

Messages : 253
Date d'inscription : 10/11/2014

- Modèle de fiche de liens Vide
MessageSujet: - Modèle de fiche de liens   - Modèle de fiche de liens EmptyLun 10 Nov - 19:48

Petite explication.
La fiche de lien est une fiche qui permet aux autres utilisateurs, mais éventuellement à vous, à voir qui vous avez rencontrer à l'université, et à mettre la relation que vous entretenez avec ce personnage.

Spoiler:

Code.

Code:
<link href='http://fonts.googleapis.com/css?family=Satisfy|Stint+Ultra+Condensed' rel='stylesheet' type='text/css'><style type="text/css">.imgets { width:150px; height: 150px;margin: 10px 10px 6px; } .imgets img { border-radius:250px 250px 250px 250px; } .imgetabove { position: relative; z-index: 2; width: 150px; height: 150px; opacity:1.0; border:1px solid #B5B5B5; border-radius:250px 250px 250px 250px; padding:3px; } .imgetbelow { position: relative;z-index: 1;width: 150px; height: 150px; margin-top: -158px;opacity: 1.0;border:1px solid #B5B5B5;border-radius:250px 250px 250px 250px;padding:3px; } .imgetabove img, .imgetbelow img {width: a; height: 150px; } .imgetabove, .imgetbelow, .textethid { position:relative;-webkit-transition: all 1s ease-in-out;-moz-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out;transition: all 1s ease-in-out; } .imgets:hover .imgetabove { transform:rotate(-360deg); -ms-transform:rotate(-360deg); -webkit-transform:rotate(-360deg);opacity: 0; } .imgets:hover .textethid { opacity: 1;visibility: visible;} .textethid { position: relative;width: 320px; text-align: justify;opacity: 0; display: block;visibility: hidden; height: 160px; margin-top:-175px; margin-left:150px; } </style> <center><div style="margin-bottom:-65px;margin-top:55px;"><font style=" font-size: 36px; font-family: 'Stint Ultra Condensed', cursive; letter-spacing: -1px; padding:12px 0px 10px 0px;color:transparent; text-shadow:0px 0px 2px #D4D4D4;"><em>❝ let's just stay, let's see how it goes ❞</em></font>
  <img src="http://img4.hostingpics.net/pics/298252dotted.png" style="margin-top:8px;"></div></center>
  <table border="0" width="510" align="center" style="background-color:#F2F2F2;color:#9D9D9D; text-shadow:none;border-radius:5px;margin-top:-45px;padding:30px 15px 30px 5px;">

  <tr height="105"><td style="border-bottom: #E3E3E3 3px dotted;padding-bottom:10px;"><div class="imgets" style="/* code en-tête perso */">
  <div class="imgetabove"><img src="http://media.tumblr.com/305da09222cb75227c31ebaa5027b06a/tumblr_inline_mrjigldAQl1qz4rgp.png"></div><div class="imgetbelow"><img src="http://graphicsheat.com/wp-content/uploads/2013/06/tumblr_m5fj2mynYy1rwswb1o1_500.jpg"></div><div class="textethid" style="font-size: 10px; font-family: verdana; line-height:normal;background-color:white;color:#9D9D9D; border-radius:5px 5px 5px 5px;padding:10px 10px 5px 5px;"><div style="height:155px; overflow-y:auto;overflow-x:hidden;padding-right: 5px; padding-left:5px;padding-bottom:0px;"><justify>❧<em> I used to think that finding the right one was about the man having a list of certain qualities. If he has them, we'd be compatible and happy. Sort of a checkmark system that was a complete failure. But I found out that a healthy relationship isn't so much about sense of humor or intelligence or attractive. It's about avoiding partners with harmful traits and personality types. And then it's about being with a good person. A good person on his own, and a good person with you. Where the space between you feels uncomplicated and happy. A good relationship is where things just work. They work because, whatever the list of qualities, you happen to be really, really good together. </em></justify></div></div></div><div style="margin-left:150px;"><center><SPAN style="FONT-FAMILY: georgia"><div style="margin-top:-120px;font-family: 'Satisfy', cursive;font-size:18pt;text-shadow:10px black;letter-spacing:-1px;">Prénom Prénom² Nom Nom² <div style="font-family: 'Stint Ultra Condensed', cursive;font-size:22pt;text-shadow:10px black;letter-spacing:-1px;margin-bottom:10px;"> âge × profession × groupe </div></div>«<span style="font-size: 9px;font-family:ernest;"> CITATION PETITE CITATION PETITE CITATION PETITE CITATION </span>»</SPAN></center><div style="font-size: 10px; font-family: verdana; line-height:normal;color:#9D9D9D;width:300px;padding:10px;margin-left:15px;"><div style="height:60px; overflow-y:auto;overflow-x:hidden;padding-right: 5px; padding-left:5px;padding-bottom:0px;"><justify> né(e) le jj/mm/aaaa à ... ♧ nationalité ♧ statut civil ♧ orientation sexuelle ♧ mes qualités : ... ♧ mes défauts : ... ♧ à savoir à tout prix sur moi : ...  </justify></div></div></div><div align="right" style="margin-bottom:-13px;margin-top:10px;"><img src="http://img4.hostingpics.net/pics/275612solid.png"></div></td>
  </tr></table>
  </link><center><i><span style="font-size: 10px;font-family:courier new; letter-spacing:2px;">made by <a href="http://lizzou.tumblr.com/">lizzou</a> – icons by <a href="http://waitingicons.tumblr.com/tagged/teen-wolf-icons">wtfpdubber</a></span></i></center>

  <link href='http://fonts.googleapis.com/css?family=Satisfy|Stint+Ultra+Condensed' rel='stylesheet' type='text/css'><style type="text/css">.imgs { width: 80px; height: 80px;margin: 10px 10px 6px; } .imgs img { border-radius:250px 250px 250px 250px; } .imgabove { position: relative; z-index: 2; width: 80px; height: 80px; opacity:1.0; border:1px solid #B5B5B5; border-radius:250px 250px 250px 250px; padding:3px; } .imgbelow { position: relative;z-index: 1;width: 80px; height: 80px; margin-top: -88px;opacity: 1.0;border:1px solid #B5B5B5;border-radius:250px 250px 250px 250px;padding:3px; } .imgabove img, .imgbelow img {width: 80px; height: 80px; } .imgabove, .imgbelow, .texthid { position:relative;-webkit-transition: all 1s ease-in-out;-moz-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out;transition: all 1s ease-in-out; } .imgs:hover .imgabove { transform:rotate(-360deg); -ms-transform:rotate(-360deg); -webkit-transform:rotate(-360deg);opacity: 0; } .imgs:hover .texthid { opacity: 1;visibility: visible;} .texthid { position: relative;width: 150px; text-align: justify;opacity: 0; display: block;visibility: hidden; height: 90px; margin-top:-105px; margin-left:80px; } </style> <center><div style="margin-bottom:-65px;margin-top:55px;"><font style=" font-size: 36px; font-family: 'Stint Ultra Condensed', cursive; letter-spacing: -1px; padding:12px 0px 10px 0px;color:transparent; text-shadow:0px 0px 2px #D4D4D4;"><em>❝ if you love somebody set them free ❞</em></font>
  <img src="http://img4.hostingpics.net/pics/298252dotted.png" style="margin-top:8px;"></div></center>
  <table border="0" width="510" align="center" style="background-color:#F2F2F2;color:#9D9D9D; text-shadow:none;border-radius:5px;margin-top:-225px;padding:30px 15px 30px 5px;">

  <tr height="105"><td width="255" style="border-bottom: #E3E3E3 3px dotted;padding-bottom:10px;"><div class="imgs" style="/* code du lien n°1 */">
  <div class="imgabove"><img src="http://media.tumblr.com/0d624dfb79f5fb3cfcf47f88b9badef7/tumblr_inline_mrucyqDHft1qz4rgp.png"></div><div class="imgbelow"><img src="http://graphicsheat.com/wp-content/uploads/2013/06/tumblr_lcxij3c9NX1qzlgueo1_500.png"></div><div class="texthid" style="font-size: 10px; font-family: verdana; line-height:normal;background-color:white;color:#9D9D9D; border-radius:5px 5px 5px 5px;padding:10px 10px 5px 5px;"><div style="height:85px; overflow-y:auto;overflow-x:hidden;padding-right: 5px; padding-left:5px;padding-bottom:0px;"><justify>❧<em> When you have once seen the glow of happiness on the face of a beloved person, you know that a man can have no vocation but to awaken that light on the faces surrounding him. </em></justify></div></div></div><div style="margin-left:45px;margin-right:-50px;"><center><SPAN style="FONT-FAMILY: georgia"><div style="margin-top:-55px;font-family: 'Satisfy', cursive;font-size:18pt;text-shadow:10px black;letter-spacing:-1px;">Prénom P. Nom <div style="font-family: 'Stint Ultra Condensed', cursive;font-size:22pt;text-shadow:10px black;letter-spacing:-1px;margin-bottom:10px;"> bref intitulé du lien </div></div>«<span style="font-size: 9px;font-family:ernest;"> PETITE CITATION PETITE CITATION </span>»</SPAN></center></div></td>

  <td width="255" style="border-bottom: #D4D4D4 3px solid;padding-bottom:10px;"><div class="imgs" style="/* code du lien n°2 */">
  <div class="imgabove"><img src="http://media.tumblr.com/4bb48d5e6472c8c20b18f7bb7f84ea4d/tumblr_inline_mtjcrasRLt1s5ceyh.png"></div><div class="imgbelow"><img src="http://data3.whicdn.com/images/60562141/large.jpg"></div><div class="texthid" style="font-size: 10px; font-family: verdana; line-height:normal;background-color:white;color:#9D9D9D; border-radius:5px 5px 5px 5px;padding:10px 10px 5px 5px;"><div style="height:85px; overflow-y:auto;overflow-x:hidden;padding-right: 5px; padding-left:5px;padding-bottom:0px;"><justify>❧<em> When you have once seen the glow of happiness on the face of a beloved person, you know that a man can have no vocation but to awaken that light on the faces surrounding him. </em></justify></div></div></div><div style="margin-left:45px;margin-right:-50px;"><center><SPAN style="FONT-FAMILY: georgia"><div style="margin-top:-55px;font-family: 'Satisfy', cursive;font-size:18pt;text-shadow:10px black;letter-spacing:-1px;">Prénom P. Nom <div style="font-family: 'Stint Ultra Condensed', cursive;font-size:22pt;text-shadow:10px black;letter-spacing:-1px;margin-bottom:10px;">bref intitulé du lien </div></div>«<span style="font-size: 9px;font-family:ernest;"> PETITE CITATION PETITE CITATION </span>»</SPAN></center></div></td></tr>

  <tr height="105"><td width="255" style="border-bottom: #D4D4D4 3px solid;padding-bottom:10px;"><div class="imgs" style="/* code du lien n°3 */">
  <div class="imgabove"><img src="http://media.tumblr.com/9efa2e492386992faeccd0b72ed7e8bb/tumblr_inline_mrucz1X6uG1qz4rgp.png"></div><div class="imgbelow"><img src="http://data1.whicdn.com/images/58563515/tumblr_ml9xr4Shlq1rzt0aro1_500_large.jpg"></div><div class="texthid" style="font-size: 10px; font-family: verdana; line-height:normal;background-color:white;color:#9D9D9D; border-radius:5px 5px 5px 5px;padding:10px 10px 5px 5px;"><div style="height:85px; overflow-y:auto;overflow-x:hidden;padding-right: 5px; padding-left:5px;padding-bottom:0px;"><justify>❧<em> When you have once seen the glow of happiness on the face of a beloved person, you know that a man can have no vocation but to awaken that light on the faces surrounding him. </em></justify></div></div></div><div style="margin-left:45px;margin-right:-50px;"><center><SPAN style="FONT-FAMILY: georgia"><div style="margin-top:-55px;font-family: 'Satisfy', cursive;font-size:18pt;text-shadow:10px black;letter-spacing:-1px;">Prénom P. Nom <div style="font-family: 'Stint Ultra Condensed', cursive;font-size:22pt;text-shadow:10px black;letter-spacing:-1px;margin-bottom:10px;"> bref intitulé du lien </div></div>«<span style="font-size: 9px;font-family:ernest;"> PETITE CITATION PETITE CITATION </span>»</SPAN></center></div></td>

  <td width="255" style="border-bottom: #E3E3E3 3px dotted;padding-bottom:10px;"><div class="imgs" style="/* code du lien n°4 */">
  <div class="imgabove"><img src="http://media.tumblr.com/bd1a6e42e3d2a0ab504949b4113a82ce/tumblr_inline_mrucxp3W4S1qz4rgp.png"></div><div class="imgbelow"><img src="http://indulgy.net/G6/To/2x/2327798744591902060paNYnMPc.jpg"></div><div class="texthid" style="font-size: 10px; font-family: verdana; line-height:normal;background-color:white;color:#9D9D9D; border-radius:5px 5px 5px 5px;padding:10px 10px 5px 5px;"><div style="height:85px; overflow-y:auto;overflow-x:hidden;padding-right: 5px; padding-left:5px;padding-bottom:0px;"><justify>❧<em> When you have once seen the glow of happiness on the face of a beloved person, you know that a man can have no vocation but to awaken that light on the faces surrounding him. </em></justify></div></div></div><div style="margin-left:45px;margin-right:-50px;"><center><SPAN style="FONT-FAMILY: georgia"><div style="margin-top:-55px;font-family: 'Satisfy', cursive;font-size:18pt;text-shadow:10px black;letter-spacing:-1px;">Prénom P. Nom <div style="font-family: 'Stint Ultra Condensed', cursive;font-size:22pt;text-shadow:10px black;letter-spacing:-1px;margin-bottom:10px;"> bref intitulé du lien </div></div>«<span style="font-size: 9px;font-family:ernest;"> PETITE CITATION PETITE CITATION </span>»</SPAN></center></div></td></tr>

  <tr height="105"><td width="255" style="border-bottom: #E3E3E3 3px dotted;padding-bottom:10px;"><div class="imgs" style="/* code du lien n°5 */">
  <div class="imgabove"><img src="https://31.media.tumblr.com/f9b9a17f137bc6c3314a85a84f36ee8f/tumblr_inline_mz7eytTlyJ1qjrc4q.png"></div><div class="imgbelow"><img src="http://2.bp.blogspot.com/-6d59wkLe9-w/UfUUTeNLMfI/AAAAAAAABUI/xHMuVOkqKbE/s640/tumblr_static_love_people_heart_beach_sand_love_sand-f35c835cb3e79fec519212fd92dccda3_h.jpg"></div><div class="texthid" style="font-size: 10px; font-family: verdana; line-height:normal;background-color:white;color:#9D9D9D; border-radius:5px 5px 5px 5px;padding:10px 10px 5px 5px;"><div style="height:85px; overflow-y:auto;overflow-x:hidden;padding-right: 5px; padding-left:5px;padding-bottom:0px;"><justify>❧<em> When you have once seen the glow of happiness on the face of a beloved person, you know that a man can have no vocation but to awaken that light on the faces surrounding him. </em></justify></div></div></div><div style="margin-left:45px;margin-right:-50px;"><center><SPAN style="FONT-FAMILY: georgia"><div style="margin-top:-55px;font-family: 'Satisfy', cursive;font-size:18pt;text-shadow:10px black;letter-spacing:-1px;">Prénom P. Nom <div style="font-family: 'Stint Ultra Condensed', cursive;font-size:22pt;text-shadow:10px black;letter-spacing:-1px;margin-bottom:10px;"> bref intitulé du lien </div></div>«<span style="font-size: 9px;font-family:ernest;"> PETITE CITATION PETITE CITATION </span>»</SPAN></center></div></td>

  <td width="255" style="border-bottom: #D4D4D4 3px solid;padding-bottom:10px;"><div class="imgs" style="/* code du lien n°6 */">
  <div class="imgabove"><img src="http://media.tumblr.com/c5a92eb60113ee10ccfb6980d0db3ff5/tumblr_inline_mrssytJHIc1qz4rgp.png"></div><div class="imgbelow"><img src="http://4.bp.blogspot.com/-AKksnZLjUiU/T276nf5azAI/AAAAAAAAFK8/XV1el97Z9hA/s900/we%2Bheart%2Bit%2B6.jpg"></div><div class="texthid" style="font-size: 10px; font-family: verdana; line-height:normal;background-color:white;color:#9D9D9D; border-radius:5px 5px 5px 5px;padding:10px 10px 5px 5px;"><div style="height:85px; overflow-y:auto;overflow-x:hidden;padding-right: 5px; padding-left:5px;padding-bottom:0px;"><justify>❧<em> When you have once seen the glow of happiness on the face of a beloved person, you know that a man can have no vocation but to awaken that light on the faces surrounding him. </em></justify></div></div></div><div style="margin-left:45px;margin-right:-50px;"><center><SPAN style="FONT-FAMILY: georgia"><div style="margin-top:-55px;font-family: 'Satisfy', cursive;font-size:18pt;text-shadow:10px black;letter-spacing:-1px;">Prénom P. Nom <div style="font-family: 'Stint Ultra Condensed', cursive;font-size:22pt;text-shadow:10px black;letter-spacing:-1px;margin-bottom:10px;"> bref intitulé du lien </div></div>«<span style="font-size: 9px;font-family:ernest;"> PETITE CITATION PETITE CITATION </span>»</SPAN></center></div></td>
  </tr></table>
  </link><center><i><span style="font-size: 10px;font-family:courier new; letter-spacing:2px;">made by <a href="http://lizzou.tumblr.com/">lizzou</a> – icons by <a href="http://waitingicons.tumblr.com/tagged/teen-wolf-icons">wtfpdubber</a></span></i></center>
Revenir en haut Aller en bas
https://uemontreal.forumgratuit.be
 

- Modèle de fiche de liens

Voir le sujet précédent Voir le sujet suivant Revenir en haut 
Page 1 sur 1

 Sujets similaires

-
» Toni : Fiches de liens
» Nouvelle vie - Nouveaux liens
» Liens d'un surdoué (Edward Hoff)
» - Modèle Formspring
» - Modèle Instagram

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
Université Enamor :: Partie personnage :: Rp category :: Fiche de liens-