Dans un monde post-apocalyptique, envahi par des zombies. Saurez-vous survivre ? Quel sera votre camp ?
 
AccueilAccueil  Portail  CalendrierCalendrier  FAQFAQ  RechercherRechercher  MembresMembres  GroupesGroupes  S'enregistrerS'enregistrer  ConnexionConnexion  

Partagez | 
 

 Modèle de fiche de liens (pas obigatoire)

Voir le sujet précédent Voir le sujet suivant Aller en bas 
AuteurMessage
Amber Dennis
Les combattants
Les combattants

Messages : 76
Localisation : Montana
Emploi : bientôt

MessageSujet: Modèle de fiche de liens (pas obigatoire)   Lun 22 Fév - 23:04




Modèle

Pour vos liens








Si vous n'avez pas d'idée pour la mise en page de vos liens, vous avez toujours les codes que je vous propose ici !




©Codage by Mr. Chaotik from [Vous devez être inscrit et connecté pour voir ce lien]
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
Amber Dennis
Les combattants
Les combattants

Messages : 76
Localisation : Montana
Emploi : bientôt

MessageSujet: Re: Modèle de fiche de liens (pas obigatoire)   Lun 22 Fév - 23:04



MESDAMES/MESSIEURS

« Chain me to your heart's desire ...
... I don't want you to stop »




ALL OF NAME

& more
« we are everything »



[Vous devez être inscrit et connecté pour voir cette image]

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla elit nisl, feugiat sed gravida id, porttitor nec magna. Proin quis placerat eros, a consectetur ipsum. Etiam viverra tellus eu ligula cursus, ac tincidunt lacus mollis. Fusce accumsan diam in odio ornare, nec dictum tortor luctus. Aliquam quam libero, posuere sed dignissim ut, blandit ac nisl. Maecenas ullamcorper porta nibh, ac rhoncus ligula tempus quis. Etiam sed accumsan sem. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed interdum, ipsum in sodales luctus, urna dui imperdiet justo, eget pretium dolor nunc id turpis. Pellentesque facilisis nulla eget orci eleifend luctus. Morbi mattis mauris in lacinia posuere. Donec elementum sit amet lectus eget venenatis. Nulla metus lorem, elementum vitae diam ut, ullamcorper vestibulum augue. Integer vel luctus turpis. Pellentesque id viverra sem, ut vestibulum ligula.

Phasellus suscipit libero eget turpis porta, vel condimentum tellus lacinia. Sed tempus malesuada lorem. Ut vehicula ante a metus dignissim tempor. Vivamus volutpat eros vel fermentum vulputate. Aenean a iaculis lorem. Duis quam justo, fringilla in tortor eget, volutpat tincidunt neque. Ut imperdiet consectetur tortor, in porttitor elit varius nec.


ALL OF NAME

& more
« we are everything »



[Vous devez être inscrit et connecté pour voir cette image]

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla elit nisl, feugiat sed gravida id, porttitor nec magna. Proin quis placerat eros, a consectetur ipsum. Etiam viverra tellus eu ligula cursus, ac tincidunt lacus mollis. Fusce accumsan diam in odio ornare, nec dictum tortor luctus. Aliquam quam libero, posuere sed dignissim ut, blandit ac nisl. Maecenas ullamcorper porta nibh, ac rhoncus ligula tempus quis. Etiam sed accumsan sem. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed interdum, ipsum in sodales luctus, urna dui imperdiet justo, eget pretium dolor nunc id turpis. Pellentesque facilisis nulla eget orci eleifend luctus. Morbi mattis mauris in lacinia posuere. Donec elementum sit amet lectus eget venenatis. Nulla metus lorem, elementum vitae diam ut, ullamcorper vestibulum augue. Integer vel luctus turpis. Pellentesque id viverra sem, ut vestibulum ligula.

Phasellus suscipit libero eget turpis porta, vel condimentum tellus lacinia. Sed tempus malesuada lorem. Ut vehicula ante a metus dignissim tempor. Vivamus volutpat eros vel fermentum vulputate. Aenean a iaculis lorem. Duis quam justo, fringilla in tortor eget, volutpat tincidunt neque. Ut imperdiet consectetur tortor, in porttitor elit varius nec.



ALL OF NAME

& more
« we are everything »



[Vous devez être inscrit et connecté pour voir cette image]

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla elit nisl, feugiat sed gravida id, porttitor nec magna. Proin quis placerat eros, a consectetur ipsum. Etiam viverra tellus eu ligula cursus, ac tincidunt lacus mollis. Fusce accumsan diam in odio ornare, nec dictum tortor luctus. Aliquam quam libero, posuere sed dignissim ut, blandit ac nisl. Maecenas ullamcorper porta nibh, ac rhoncus ligula tempus quis. Etiam sed accumsan sem. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed interdum, ipsum in sodales luctus, urna dui imperdiet justo, eget pretium dolor nunc id turpis. Pellentesque facilisis nulla eget orci eleifend luctus. Morbi mattis mauris in lacinia posuere. Donec elementum sit amet lectus eget venenatis. Nulla metus lorem, elementum vitae diam ut, ullamcorper vestibulum augue. Integer vel luctus turpis. Pellentesque id viverra sem, ut vestibulum ligula.

Phasellus suscipit libero eget turpis porta, vel condimentum tellus lacinia. Sed tempus malesuada lorem. Ut vehicula ante a metus dignissim tempor. Vivamus volutpat eros vel fermentum vulputate. Aenean a iaculis lorem. Duis quam justo, fringilla in tortor eget, volutpat tincidunt neque. Ut imperdiet consectetur tortor, in porttitor elit varius nec.


ALL OF NAME

& more
« we are everything »



[Vous devez être inscrit et connecté pour voir cette image]

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla elit nisl, feugiat sed gravida id, porttitor nec magna. Proin quis placerat eros, a consectetur ipsum. Etiam viverra tellus eu ligula cursus, ac tincidunt lacus mollis. Fusce accumsan diam in odio ornare, nec dictum tortor luctus. Aliquam quam libero, posuere sed dignissim ut, blandit ac nisl. Maecenas ullamcorper porta nibh, ac rhoncus ligula tempus quis. Etiam sed accumsan sem. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed interdum, ipsum in sodales luctus, urna dui imperdiet justo, eget pretium dolor nunc id turpis. Pellentesque facilisis nulla eget orci eleifend luctus. Morbi mattis mauris in lacinia posuere. Donec elementum sit amet lectus eget venenatis. Nulla metus lorem, elementum vitae diam ut, ullamcorper vestibulum augue. Integer vel luctus turpis. Pellentesque id viverra sem, ut vestibulum ligula.

Phasellus suscipit libero eget turpis porta, vel condimentum tellus lacinia. Sed tempus malesuada lorem. Ut vehicula ante a metus dignissim tempor. Vivamus volutpat eros vel fermentum vulputate. Aenean a iaculis lorem. Duis quam justo, fringilla in tortor eget, volutpat tincidunt neque. Ut imperdiet consectetur tortor, in porttitor elit varius nec.

© BY LOU' sur [Vous devez être inscrit et connecté pour voir ce lien]


Code:
<link href='http://fonts.googleapis.com/css?family=Ruda' rel='stylesheet' type='text/css'>
  <center><style>.survol{width:230px; height:350px; background-color: white; background-color: white; text-align: justify; font-size: 12px; line-height: 12px; font-family: 'Ruda'; 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:hover{opacity: 1;}</style><div style="background-color:white; width:500px;"><div style="background-color:#575352; width:500px; height:70px; padding-top:10px; padding-bottom:10px;"><span style="font-family:courier new; font-size:35px; color:white; line-height:12px; text-transform:none">
  MESDAMES/MESSIEURS

  [size=13]« Chain me to your heart's desire ...
    ... I don't want you to stop »[/size]</span></div>

  <table><tr><td><div style="width:230px;">
 
[center]<span style="font-family:courier new; font-size:20px; color:#575352; line-height:12px; text-transform:none">ALL OF NAME
   
[right][size=12]& more[/size][/right]
  </span><span style="font-family:courier new; font-size:12px; color:#575352; line-height:9px; text-transform:none">« we are everything »</span>[/center]
  </div>
  <div style="width: 230px; height: 350px; background-image: url(http://img4.hostingpics.net/pics/459778AndrewGarfield7.jpg);  background-repeat: no-repeat; margin-right:5px;"><div class="survol"><div style="padding: 10px;">
 
[center]<img src="http://img4.hostingpics.net/pics/940838giphy.gif" height="100" style="border:1px solid grey;padding:3px;">[/center]

  Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla elit nisl, feugiat sed gravida id, porttitor nec magna. Proin quis placerat eros, a consectetur ipsum. Etiam viverra tellus eu ligula cursus, ac tincidunt lacus mollis. Fusce accumsan diam in odio ornare, nec dictum tortor luctus. Aliquam quam libero, posuere sed dignissim ut, blandit ac nisl. Maecenas ullamcorper porta nibh, ac rhoncus ligula tempus quis. Etiam sed accumsan sem. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed interdum, ipsum in sodales luctus, urna dui imperdiet justo, eget pretium dolor nunc id turpis. Pellentesque facilisis nulla eget orci eleifend luctus. Morbi mattis mauris in lacinia posuere. Donec elementum sit amet lectus eget venenatis. Nulla metus lorem, elementum vitae diam ut, ullamcorper vestibulum augue. Integer vel luctus turpis. Pellentesque id viverra sem, ut vestibulum ligula.

  Phasellus suscipit libero eget turpis porta, vel condimentum tellus lacinia. Sed tempus malesuada lorem. Ut vehicula ante a metus dignissim tempor. Vivamus volutpat eros vel fermentum vulputate. Aenean a iaculis lorem. Duis quam justo, fringilla in tortor eget, volutpat tincidunt neque. Ut imperdiet consectetur tortor, in porttitor elit varius nec. </div></div></div></td><td><div style="width:230px;">
 
[center]<span style="font-family:courier new; font-size:20px; color:#575352; line-height:12px; text-transform:none">ALL OF NAME
   
[right][size=12]& more[/size][/right]
  </span><span style="font-family:courier new; font-size:12px; color:#575352; line-height:9px; text-transform:none">« we are everything »</span>[/center]
  </div>
  <div style="width: 230px; height: 350px; background-image: url(http://img4.hostingpics.net/pics/459778AndrewGarfield7.jpg);  background-repeat: no-repeat; margin-right:5px;"><div class="survol"><div style="padding: 10px;">
 
[center]<img src="http://img4.hostingpics.net/pics/940838giphy.gif" height="100" style="border:1px solid grey;padding:3px;">[/center]

  Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla elit nisl, feugiat sed gravida id, porttitor nec magna. Proin quis placerat eros, a consectetur ipsum. Etiam viverra tellus eu ligula cursus, ac tincidunt lacus mollis. Fusce accumsan diam in odio ornare, nec dictum tortor luctus. Aliquam quam libero, posuere sed dignissim ut, blandit ac nisl. Maecenas ullamcorper porta nibh, ac rhoncus ligula tempus quis. Etiam sed accumsan sem. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed interdum, ipsum in sodales luctus, urna dui imperdiet justo, eget pretium dolor nunc id turpis. Pellentesque facilisis nulla eget orci eleifend luctus. Morbi mattis mauris in lacinia posuere. Donec elementum sit amet lectus eget venenatis. Nulla metus lorem, elementum vitae diam ut, ullamcorper vestibulum augue. Integer vel luctus turpis. Pellentesque id viverra sem, ut vestibulum ligula.

  Phasellus suscipit libero eget turpis porta, vel condimentum tellus lacinia. Sed tempus malesuada lorem. Ut vehicula ante a metus dignissim tempor. Vivamus volutpat eros vel fermentum vulputate. Aenean a iaculis lorem. Duis quam justo, fringilla in tortor eget, volutpat tincidunt neque. Ut imperdiet consectetur tortor, in porttitor elit varius nec. </div></div></div></td></tr></table>

  <table><tr><td><div style="width:230px;">
 
[center]<span style="font-family:courier new; font-size:20px; color:#575352; line-height:12px; text-transform:none">ALL OF NAME
   
[right][size=12]& more[/size][/right]
  </span><span style="font-family:courier new; font-size:12px; color:#575352; line-height:9px; text-transform:none">« we are everything »</span>[/center]
  </div>
  <div style="width: 230px; height: 350px; background-image: url(http://img4.hostingpics.net/pics/459778AndrewGarfield7.jpg);  background-repeat: no-repeat; margin-right:5px;"><div class="survol"><div style="padding: 10px;">
 
[center]<img src="http://img4.hostingpics.net/pics/940838giphy.gif" height="100" style="border:1px solid grey;padding:3px;">[/center]

  Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla elit nisl, feugiat sed gravida id, porttitor nec magna. Proin quis placerat eros, a consectetur ipsum. Etiam viverra tellus eu ligula cursus, ac tincidunt lacus mollis. Fusce accumsan diam in odio ornare, nec dictum tortor luctus. Aliquam quam libero, posuere sed dignissim ut, blandit ac nisl. Maecenas ullamcorper porta nibh, ac rhoncus ligula tempus quis. Etiam sed accumsan sem. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed interdum, ipsum in sodales luctus, urna dui imperdiet justo, eget pretium dolor nunc id turpis. Pellentesque facilisis nulla eget orci eleifend luctus. Morbi mattis mauris in lacinia posuere. Donec elementum sit amet lectus eget venenatis. Nulla metus lorem, elementum vitae diam ut, ullamcorper vestibulum augue. Integer vel luctus turpis. Pellentesque id viverra sem, ut vestibulum ligula.

  Phasellus suscipit libero eget turpis porta, vel condimentum tellus lacinia. Sed tempus malesuada lorem. Ut vehicula ante a metus dignissim tempor. Vivamus volutpat eros vel fermentum vulputate. Aenean a iaculis lorem. Duis quam justo, fringilla in tortor eget, volutpat tincidunt neque. Ut imperdiet consectetur tortor, in porttitor elit varius nec. </div></div></div></td><td><div style="width:230px;">
 
[center]<span style="font-family:courier new; font-size:20px; color:#575352; line-height:12px; text-transform:none">ALL OF NAME
   
[right][size=12]& more[/size][/right]
  </span><span style="font-family:courier new; font-size:12px; color:#575352; line-height:9px; text-transform:none">« we are everything »</span>[/center]
  </div>
  <div style="width: 230px; height: 350px; background-image: url(http://img4.hostingpics.net/pics/459778AndrewGarfield7.jpg);  background-repeat: no-repeat; margin-right:5px;"><div class="survol"><div style="padding: 10px;">
 
[center]<img src="http://img4.hostingpics.net/pics/940838giphy.gif" height="100" style="border:1px solid grey;padding:3px;">[/center]

  Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla elit nisl, feugiat sed gravida id, porttitor nec magna. Proin quis placerat eros, a consectetur ipsum. Etiam viverra tellus eu ligula cursus, ac tincidunt lacus mollis. Fusce accumsan diam in odio ornare, nec dictum tortor luctus. Aliquam quam libero, posuere sed dignissim ut, blandit ac nisl. Maecenas ullamcorper porta nibh, ac rhoncus ligula tempus quis. Etiam sed accumsan sem. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed interdum, ipsum in sodales luctus, urna dui imperdiet justo, eget pretium dolor nunc id turpis. Pellentesque facilisis nulla eget orci eleifend luctus. Morbi mattis mauris in lacinia posuere. Donec elementum sit amet lectus eget venenatis. Nulla metus lorem, elementum vitae diam ut, ullamcorper vestibulum augue. Integer vel luctus turpis. Pellentesque id viverra sem, ut vestibulum ligula.

  Phasellus suscipit libero eget turpis porta, vel condimentum tellus lacinia. Sed tempus malesuada lorem. Ut vehicula ante a metus dignissim tempor. Vivamus volutpat eros vel fermentum vulputate. Aenean a iaculis lorem. Duis quam justo, fringilla in tortor eget, volutpat tincidunt neque. Ut imperdiet consectetur tortor, in porttitor elit varius nec. </div></div></div></td></tr></table>

  <div style="background-color:#575352; width:500px; height:15px; padding-top:8px; padding-bottom:8px;"><span style="font-family:courier new; font-size:13px; color:white; line-height:11px; text-transform:none">© BY LOU' sur <a href="http://epicode.bbactif.com">Epicode</a></span></div></div></center>
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
Amber Dennis
Les combattants
Les combattants

Messages : 76
Localisation : Montana
Emploi : bientôt

MessageSujet: Re: Modèle de fiche de liens (pas obigatoire)   Lun 22 Fév - 23:04




RPs & Liens avec [NOM]

nom

âge

clan

rang

autre anecdote intéressante ?
Et prima post Osdroenam quam, ut dictum est, ab hac descriptione discrevimus, Commagena, nunc Euphratensis, clementer adsurgit, Hierapoli, vetere Nino et Samosata civitatibus.
je recherche...
✗ Un/une compagne
✗ Une meilleure amie
✗ Un souffre douleur
✗ Un rival
✗ Une bande de copains
✗ ...
✗ ...
✗ ...
✗ ...
j'ai déjà trouvé...
✗ ...
✗ ...
✗ ...
✗ ...
✗ ...
✗ ...
✗ ...
✗ ...
✗ ...
✗ ...

prénom
♀/♂ - clan - rang
nature du lien ; description description description description...
prénom
♀/♂ - clan - rang
nature du lien ; description description description description...
prénom
♀/♂ - clan - rang
nature du lien ; description description description description...
prénom
♀/♂ - clan - rang
nature du lien ; description description description description...
prénom
♀/♂ - clan - rang
nature du lien ; description description description description...
prénom
♀/♂ - clan - rang
nature du lien ; description description description description...
prénom
♀/♂ - clan - rang
nature du lien ; description description description description...
prénom
♀/♂ - clan - rang
nature du lien ; description description description description...

© Adrenalean pour [Vous devez être inscrit et connecté pour voir ce lien]


Code:
<style>div.fieryamaryllis_fiche {border-top:8px solid black;border-left:2px solid black;border-right:2px solid black;background-color: #000;width:550px;-webkit-box-shadow: 0px 0px 10px 0px #000000;-moz-box-shadow: 0px 0px 10px 0px #000000;box-shadow: 0px 0px 10px 0px #000000;text-align:justify;} div.fieryamaryllis_fiche_titre h1 {font-family: Georgia, "Times New Roman", Times, serif;font-size: 32px;text-shadow: 2px 2px 0px #000;color: #f6c58b;margin: 0;text-align: right;margin-top:-8px;font-variant:small-caps;} div.header {height:323px;background-image:url('http://image.gilawhost.com/15/08/12/htquqq0l.jpeg');border-bottom:10px double #b14778;transform: all;-moz-transform: all;-webkit-transform: all;transition: .5s;-moz-transition: .5s;-webkit-transition: .5s;} div.header:hover {transition: .5s;-moz-transition: .5s;-webkit-transition: .5s;-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);} div.fieryamaryllis_fiche_titre {position: relative;top: -28px;text-align: right;padding-right: 20px;color: #CCCCCC;} .description {display: block;width: 200px;height: 320px;overflow: hidden;font-size: 10px;background-color: #d8efc5;color: #000000;} .description_contenu {position: absolute;padding:10px;display: block;width: 180px;height: 300px;overflow: auto;font-size: 12px;color: #000000;text-align: justify;opacity: 0;-moz-opacity: 0;-khtml-opacity: 0;filter: alpha(opacity=0);transform: all;-moz-transform: all;-o-transform: all;-htm-transform: all;-webkit-transform: all;transition: 1s;-moz-transition: 1s;-o-transition: 1s;-htm-transition: 1s;-webkit-transition: 1s;} .description_contenu:hover {opacity: 0.8;-moz-opacity: 0.8;-khtml-opacity: 0.8;filter: alpha(opacity=80);transform: all;-moz-transform: all;-o-transform: all;-htm-transform: all;-webkit-transform: all;transition: 1s;-moz-transition: 1s;-o-transition: 1s;-htm-transition: 1s;-webkit-transition: 1s;} .barre {max-height:160px;overflow:auto;text-align:center;background-color:black;color:white;opacity:0.8;padding:5px;width:150px;font-family:Times;font-size:11px;text-transform:uppercase;margin-bottom:-6px;line-height:115%;} .boite1 {width:290px;height:125px;overflow:auto;position:relative;top:-320px;left:215px;color:white;font-family:'Arapey';font-size:14px;background-color:transparent;} .titre1 {position:relative;top:-320px;left:215px;width:280px;border-bottom:1px dashed #b14778;text-align:right;font-size:17px;color:#FCD7D6;text-shadow:0px 0px 5px white;font-family:'Arapey';padding-right:10px;margin-bottom:5px;} .boite2{width:290px;height: 125px;overflow: auto;position:relative; left:235px;top:-320px;color:white;font-family:'Arapey';font-size:14px; background-color:transparent;} .titre2 {position:relative;left:235px;top:-320px;width:280px;border-bottom:1px dashed #b14778;text-align:right; color:#FCD7D6;font-size:17px;text-shadow:0px 0px 5px white;font-family:'Arapey';padding-right:10px;margin-bottom:5px;} .nom_lien {width:120px;text-align:center;font-family:'Open Sans Condensed';text-shadow:2px 2px 0px black;text-transform: uppercase;font-size:20px;letter-spacing:-1px;margin-bottom: -10px;color:white;z-index:2;} .contenu_lien {background-color: #e3cbcd;opacity: 1;width:110px;height: 110px;transition: all 1s;-webkit-transition: all 1s;-moz-transition: all 1s;-ms-transition: all 1s;-o-transition: all 1s;opacity: 0;padding:5px;text-align:center;font-size:11px;line-height:15px;overflow:auto;font-family:georgia;color:black;} .contenu_lien:hover {opacity: 1;} .ava_lien {width:120px;height: 120px;border: 1px solid white;overflow:hidden;margin:5px 5px 15px 0px;} .lien_bis {width:120px;height:120px;} .ficheliens {border-top:8px solid black;border-left:2px solid black;background-color: #000;width:550px;height:150px;overflow:hidden;-webkit-box-shadow: 0px 0px 10px 0px #000000;-moz-box-shadow: 0px 0px 10px 0px #000000;box-shadow: 0px 0px 10px 0px #000000;transition:2s;transition-delay:1s;} .ficheliens:hover {height:320px;overflow:auto;transition:2s;}</style><link href='http://fonts.googleapis.com/css?family=Indie+Flower' rel='stylesheet' type='text/css'><link href='http://fonts.googleapis.com/css?family=Arapey:400,400italic' rel='stylesheet' type='text/css'>

  <link href='http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300' rel='stylesheet' type='text/css'><center><div class="fieryamaryllis_fiche" style="height:720px;overflow:hidden;"><div class="header"></div><div class="fieryamaryllis_fiche_titre">
          <h1>RPs & Liens avec [NOM]</h1></div><div style="padding:0px 20px 10px 20px;"><div class="description"><span style="display: block; width: 200px; height: 320px; background: url('http://img11.hostingpics.net/pics/809220katy.gif') center center no-repeat;"><span class="description_contenu"><center><div class="barre">nom</div><br/><div class="barre">âge</div><br/><div class="barre">clan</div><br/><div class="barre">rang</div><br/><div class="barre">autre anecdote intéressante ?<br/>Et prima post Osdroenam quam, ut dictum est, ab hac descriptione discrevimus, Commagena, nunc Euphratensis, clementer adsurgit, Hierapoli, vetere Nino et Samosata civitatibus.
          </div></center></span></span></div><div class="titre1">je recherche...</div><div class="boite1">✗ Un/une compagne<br/>✗ Une meilleure amie<br/>✗ Un souffre douleur<br/>✗ Un rival<br/>✗ Une bande de copains<br/>✗ ...<br/>✗ ...<br/>✗ ...<br/>✗ ...</div></div><div class="titre2">j'ai déjà trouvé...</div><div class="boite2">✗ ...<br/>✗ ...<br/>✗ ...<br/>✗ ...<br/>✗ ...<br/>✗ ...<br/>✗ ...<br/>✗ ...<br/>✗ ...<br/>✗ ...</div></div></center>
          <center><div class="ficheliens"><table style="padding:0px 10px 10px 10px;"><tr><td><div class="nom_lien">prénom</div><div class="ava_lien" style="z-index:1;"><div class="lien_bis" style="background-image:url('http://image.gilawhost.com/15/08/13/2kxczmv0.jpeg');"><div class="contenu_lien">♀/♂ - clan - rang<br/>nature du lien ; description description description description...</div></div></div></td><td><div class="nom_lien">prénom</div><div class="ava_lien" style="z-index:1;"><div class="lien_bis" style="background-image:url('http://image.gilawhost.com/15/08/13/2kxczmv0.jpeg');"><div class="contenu_lien">♀/♂ - clan - rang<br/>nature du lien ; description description description description...</div></div></div></td><td><div class="nom_lien">prénom</div><div class="ava_lien" style="z-index:1;"><div class="lien_bis" style="background-image:url('http://image.gilawhost.com/15/08/13/2kxczmv0.jpeg');"><div class="contenu_lien">♀/♂ - clan - rang<br/>nature du lien ; description description description description...</div></div></div></td><td><div class="nom_lien">prénom</div><div class="ava_lien" style="z-index:1;"><div class="lien_bis" style="background-image:url('http://image.gilawhost.com/15/08/13/2kxczmv0.jpeg');"><div class="contenu_lien">♀/♂ - clan - rang<br/>nature du lien ; description description description description...</div></div></div></td></tr><tr><td><div class="nom_lien">prénom</div><div class="ava_lien" style="z-index:1;"><div class="lien_bis" style="background-image:url('http://image.gilawhost.com/15/08/13/2kxczmv0.jpeg');"><div class="contenu_lien">♀/♂ - clan - rang<br/>nature du lien ; description description description description...</div></div></div></td><td><div class="nom_lien">prénom</div><div class="ava_lien" style="z-index:1;"><div class="lien_bis" style="background-image:url('http://image.gilawhost.com/15/08/13/2kxczmv0.jpeg');"><div class="contenu_lien">♀/♂ - clan - rang<br/>nature du lien ; description description description description...</div></div></div></td><td><div class="nom_lien">prénom</div><div class="ava_lien" style="z-index:1;"><div class="lien_bis" style="background-image:url('http://image.gilawhost.com/15/08/13/2kxczmv0.jpeg');"><div class="contenu_lien">♀/♂ - clan - rang<br/>nature du lien ; description description description description...</div></div></div></td><td><div class="nom_lien">prénom</div><div class="ava_lien" style="z-index:1;"><div class="lien_bis" style="background-image:url('http://image.gilawhost.com/15/08/13/2kxczmv0.jpeg');"><div class="contenu_lien">♀/♂ - clan - rang<br/>nature du lien ; description description description description...</div></div></div></td></tr></table></div>
          <div style="font-family:Indie Flower;font-size:14px;color:black;letter-spacing:1px;opacity:0.3;text-align:center;">© Adrenalean pour <a href="http://epicode.bbactif.com/">Epicode</a></div></center>
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
Amber Dennis
Les combattants
Les combattants

Messages : 76
Localisation : Montana
Emploi : bientôt

MessageSujet: Re: Modèle de fiche de liens (pas obigatoire)   Lun 22 Fév - 23:19



Prénom P. Nom
Je suis ☙ Blablabla
Je cherche ☙ Blablabla
[Vous devez être inscrit et connecté pour voir ce lien]


Code:
    <link href='http://fonts.googleapis.com/css?family=Amatic+SC|Old+Standard+TT|Great+Vibes&subset=latin,latin-ext' rel='stylesheet' type='text/css'><style>.finame {font-family: 'Great Vibes', cursive; font-size: 50px; margin-left: auto; margin-right: auto; width: 500px; text-align: center; text-shadow: 0px 0px 4px black; } .fifond {color: #F9F9F9; font-family: 'Old Standard TT', serif; width: 500px; height: 650px; margin: auto; border-top: 4px solid #000000; border-bottom: 4px solid #000000; box-shadow: 0px 0px 8px #000000; position: relative; overflow: hidden;} .fifond .fic {width: 500px; height: 650px; position: absolute; opacity: 0; transition: 1s; } .fifond:hover .fic {opacity: 1; transition: 1s; } #fidesc {width: 300px; height: 100px; background-color: rgba(39, 28, 6, 0.5); position: relative; top: 10px; left: 180px; overflow: auto; padding: 5px; text-align: justify; color: #F9F9F9; font-family: 'Old Standard TT', serif; font-size: 12px; border-left: 2px solid #131006;} #fidesc span {font-family: 'Amatic SC', cursive; font-size: 20px; } #filinks {position: relative; width: 150px; height: 100px; left: 10px; top: 250px;} #filinks a {font-family: 'Amatic SC', cursive; font-size: 18px; text-decoration: none!important; font-weight: bold; color: #131006; display: inline-block; transition: 1s; } #filinks a:hover {text-decoration: none!important; color: #F9F9F9; background: #131006; transition: 1s; } #filook {width: 300px; height: 100px; background-color: rgba(39, 28, 6, 0.5); position: relative; top: 320px; left: 180px; overflow: auto; padding: 5px; text-align: justify; color: #F9F9F9; font-family: 'Old Standard TT', serif; font-size: 12px; border-left: 2px solid #131006;} #filook span {font-family: 'Amatic SC', cursive; font-size: 20px; } #copy {position: relative; width: 110px; height: 20px; top: 300px; left: 10px; } #copy a {font-family: 'Amatic SC', cursive; font-size: 12px; text-decoration: none!important; color: #000000; display: inline-block; transition: 1s; } #copy a:hover {text-decoration: none!important; color: #F9F9F9; transition: 1s;}</style>

    <div class="finame">Prénom P. Nom</div><div class="fifond" style="background: url(http://nsa38.casimages.com/img/2015/04/28/150428113420150605.png) top center"><div class="fic"><div id="fidesc"><span>Je suis ☙</span> Blablabla</div><div id="filinks">☙ <a href="">Fiche personnage</a>
    ☙ <a href="">Fiche liens</a>
    ☙ <a href="">Fiche RP's</a>
    ☙ <a href="">Journal</a>
    ☙ <a href="">Correspondance</a></div><div id="filook"><span>Je cherche ☙</span> Blablabla</div><div id="copy"><a href="http://www.never-utopia.com/">Ehawee - Never Utopia</a></div></div></div>



Catégorie Liens
Nom ☙ Blablabla
Nom ☙ Blablabla
Nom ☙ Blablabla
Nom ☙ Blablabla
Nom ☙ Blablabla
Nom ☙ Blablabla
Nom ☙ Blablabla
Nom ☙ Blablabla
[Vous devez être inscrit et connecté pour voir ce lien]
These are...☙ descriptif rapide des liens!


Code:
    <link href='http://fonts.googleapis.com/css?family=Amatic+SC|Old+Standard+TT|Great+Vibes&subset=latin,latin-ext' rel='stylesheet' type='text/css'><style>.finame {font-family: 'Great Vibes', cursive; font-size: 50px; margin-left: auto; margin-right: auto; width: 500px; text-align: center; text-shadow: 0px 0px 4px black; } .fifond {color: #F9F9F9; font-family: 'Old Standard TT', serif; width: 500px; height: 650px; margin: auto; border-top: 4px solid #000000; border-bottom: 4px solid #000000; box-shadow: 0px 0px 8px #000000; position: relative; overflow: hidden;} .fifond .fic {width: 500px; height: 650px; position: absolute; opacity: 0; transition: 1s; } .fifond:hover .fic {opacity: 1; transition: 1s; } #fiblabla {position: relative; width: 100px; min-height: 60px; left: 10px; top: -400px; text-align: justify; padding: 5px; color: #F9F9F9; transition: 1s;} #fiblabla:hover {background: #131006; transition: 1s;} #fiblabla span {font-family: 'Amatic SC', cursive; font-size: 20px; } #copy2 {position: relative; width: 90px; height: 20px; top: -40px; left: 10px; z-index: 999;} #copy2 a {font-family: 'Amatic SC', cursive; font-size: 12px; text-decoration: none!important; color: #000000; display: inline-block; transition: 1s; } #copy2 a:hover {text-decoration: none!important; color: #F9F9F9; transition: 1s;} .fiblocrelation {width: 310px; height: 110px; position: relative; border-left: 2px solid #131006; margin-bottom: 3px;} .fiblocrelation .firelation {width: 300px; height: 100px; background-color: rgba(39, 28, 6, 0.5); overflow: auto; padding: 5px; text-align: justify; color: #F9F9F9; font-family: 'Old Standard TT', serif; font-size: 12px; opacity: 0; transition: 1s;} .fiblocrelation:hover .firelation {opacity: 1; transition: 1s;} .firelation span {font-family: 'Amatic SC', cursive; font-size: 20px; }</style>

    <div class="finame">Catégorie Liens</div><div class="fifond" style="background: url(http://nsa38.casimages.com/img/2015/04/28/150428113411758981.png) top center"><div class="fic"><div style="width: 340px; height: 650px; position: relative; top: -0px; left: 160px; overflow: auto; "><div class="fiblocrelation" style="background: url(http://nsa37.casimages.com/img/2015/04/28/150428101358461441.png)"><div class="firelation"><span>Nom ☙</span> Blablabla</div></div><div class="fiblocrelation" style="background: url(http://nsa38.casimages.com/img/2015/04/28/150428101357262575.png)"><div class="firelation"><span>Nom ☙</span> Blablabla</div></div><div class="fiblocrelation" style="background: url(http://nsa37.casimages.com/img/2015/04/28/150428101358461441.png)"><div class="firelation"><span>Nom ☙</span> Blablabla</div></div><div class="fiblocrelation" style="background: url(http://nsa38.casimages.com/img/2015/04/28/150428101357262575.png)"><div class="firelation"><span>Nom ☙</span> Blablabla</div></div><div class="fiblocrelation" style="background: url(http://nsa37.casimages.com/img/2015/04/28/150428101358461441.png)"><div class="firelation"><span>Nom ☙</span> Blablabla</div></div><div class="fiblocrelation" style="background: url(http://nsa38.casimages.com/img/2015/04/28/150428101357262575.png)"><div class="firelation"><span>Nom ☙</span> Blablabla</div></div><div class="fiblocrelation" style="background: url(http://nsa37.casimages.com/img/2015/04/28/150428101358461441.png)"><div class="firelation"><span>Nom ☙</span> Blablabla</div></div><div class="fiblocrelation" style="background: url(http://nsa38.casimages.com/img/2015/04/28/150428101357262575.png)"><div class="firelation"><span>Nom ☙</span> Blablabla</div></div></div><div id="copy2"><a href="http://www.never-utopia.com/">Ehawee - Never Utopia</a></div><div id="fiblabla"><span>These are...☙</span> descriptif rapide des liens!</div></div></div>
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
Contenu sponsorisé



MessageSujet: Re: Modèle de fiche de liens (pas obigatoire)   

Revenir en haut Aller en bas
 
Modèle de fiche de liens (pas obigatoire)
Voir le sujet précédent Voir le sujet suivant Revenir en haut 
Page 1 sur 1
 Sujets similaires
-
» Fiche de liens
» Modèle de fiches de liens
» Modèle de fiche de personnage ~ Pirates
» [Codage] Fiche de liens et Rp - Matt MacAlister [Terminé - Louna Blake ]
» Modèle de Fiche Technique

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
Fight together :: Votre Personnage :: Demande :: Liens-
Sauter vers: