AccueilAccueil  FAQFAQ  RechercherRechercher  MembresMembres  GroupesGroupes  S'enregistrerS'enregistrer  ConnexionConnexion  

Partagez | 
 

 Les liens de Sandy

Voir le sujet précédent Voir le sujet suivant Aller en bas 
AuteurMessage
Sandy Shepard
Joueur
Joueur
avatar

Âge : 25 ans
Amoureux(se)? : célibataire
Messages : 179
Date d'inscription : 12/05/2017

MessageSujet: Les liens de Sandy   Jeu 25 Mai - 20:24

<link href='https://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css'>
<style>.info { z-index:4;padding:10px; width:180px; height:300px; background-color: rgb(255,255,255); text-align:justify; font-family:calibri; line-height:100%; font-size:11px; overflow:auto;position:absolute; margin:0; opacity:0;  -moz-transition: opacity 0.8s ease-in-out; -webkit-transition: opacity 0.8s ease-in-out;  -o-transition: opacity 0.8s ease-in-out; transition: opacity 0.8s ease-in-out;} .info:hover { opacity:0.8; -moz-transition: opacity 0.8s ease-in-out; -webkit-transition: opacity 0.8s ease-in-out; -o-transition: opacity 0.8s ease-in-out; transition: opacity 0.8s ease-in-out;} .introduction { position:absolute;background: transparent; border: solid 6px white; height:190px; width:290px; display:inline-block; padding:5px 5px 5px 55px; margin-left:-40px; margin-top:-30px;font-family: calibri;text-transform:uppercase;color:#000000;text-align:right;  font-size:11px;} .name { color:#000000; font-size:18px; font-family: Oswald; text-align:center; } .rechercheliens { max-height:100px; overflow:auto;text-align:justify;color: #000000; font-size:10px; line-height:100%;text-transform:none; } .presa { color:#000000 !important;} #presa:hover {color:#000000 !important; }</style>

<div width="200px" height="320px" style="display:inline-block;"><div class="info">Ici tu peux faire un résumé de ton personnage sous forme de récit, ou point par point, c'est toi qui vois ! Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur congue maximus metus non volutpat. Ut venenatis suscipit pulvinar. Aliquam et dolor vitae nibh malesuada egestas. Nunc iaculis consequat massa et vestibulum. Sed laoreet, ex eu vestibulum pharetra, orci mi viverra quam, sed consectetur odio quam vitae ligula. Cras sed aliquet nulla, ac vehicula lacus. Cras turpis magna, consequat vitae vulputate nec, interdum eget est. Pellentesque pharetra leo metus, nec commodo purus bibendum sed. Duis aliquet dolor vel lacus bibendum, sit amet auctor risus pretium. Nam nec vehicula ante, accumsan interdum mauris. Pellentesque posuere at mi a posuere. Donec id nisl in mi efficitur rhoncus eu et felis.</div><img src="https://redcdn.net/hpimg4/pics/893801zdqzd.jpg" /></div><div class="introduction"><h1 class="name">Prénom P. Nom</h1>surnom + âge + métier + groupe + statut matrimonial
<p class="rechercheliens"><strong>Femme/groupe +</strong> Vos recherches de liens féminins ici. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur congue maximus metus non volutpat. Ut venenatis suscipit pulvinar.

<strong>Homme/groupe +</strong> Vos recherches de liens masculins ici. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur congue maximus metus non volutpat. Ut venenatis suscipit pulvinar.

<strong>Groupe +</strong> Vos autres recherches de liens ici. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur congue maximus metus non volutpat. Ut venenatis suscipit pulvinar.</p><a href="#" class="presa">Lien vers ma présentation</a> / © Fiche par Blake</div>

<link href='https://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css'>
<style>.links {width:130px; height: 208px; display:inline-block;} .links img { -moz-transition: opacity 0.8s ease-in-out; -webkit-transition: opacity 0.8s ease-in-out; -o-transition: opacity 0.8s ease-in-out; transition: opacity 0.8s ease-in-out; z-index:1; } .links:hover img { opacity:0.4 } .links:hover .infolinks { opacity:1 } .infolinks { margin-left:7px; font-size:10px; overflow:auto; line-height:100%; z-index: 4; opacity:0; position:absolute; padding:5px; width: 100px; height: 180px; border: white solid 3px; color: white; margin-top: 7px;-moz-transition: opacity 0.8s ease-in-out; -webkit-transition: opacity 0.8s ease-in-out; -o-transition: opacity 0.8s ease-in-out; transition: opacity 0.8s ease-in-out;} .citationlink { font-family: calibri;text-transform:uppercase; text-align:right; }</style>

<div class="links"><div class="infolinks"><span style="font-family: Oswald; text-align:center; font-size:14px;">Prénom Nom</span><br/><span class="citationlink">nature du lien</span><br/><br/>définition du lien ici - définition du lien ici</div><img src="https://redcdn.net/hpimg4/pics/140747zdqzd.jpg" width="130px" height="auto" /></div> <div class="links"><div class="infolinks"><span style="font-family: Oswald; text-align:center; font-size:14px;">Prénom Nom</span><br/><span class="citationlink">nature du lien</span><br/><br/>définition du lien ici - définition du lien ici</div><img src="https://redcdn.net/hpimg4/pics/140747zdqzd.jpg" width="130px" height="auto" /></div> <div class="links"><div class="infolinks"><span style="font-family: Oswald; text-align:center; font-size:14px;">Prénom Nom</span><br/><span class="citationlink">nature du lien</span><br/><br/>définition du lien ici - définition du lien ici</div><img src="https://redcdn.net/hpimg4/pics/140747zdqzd.jpg" width="130px" height="auto" /></div> <div class="links"><div class="infolinks"><span style="font-family: Oswald; text-align:center; font-size:14px;">Prénom Nom</span><br/><span class="citationlink">nature du lien</span><br/><br/>définition du lien ici - définition du lien ici</div><img src="https://redcdn.net/hpimg4/pics/140747zdqzd.jpg" width="130px" height="auto" /></div>
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
 
Les liens de Sandy
Voir le sujet précédent Voir le sujet suivant Revenir en haut 
Page 1 sur 1
 Sujets similaires
-
» mes sources et liens
» Liens emule
» Kidnap the Sandy Claws }
» Les liens de Ginny
» Liens Facebook

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
 ::  :: Les fiches de personnages :: Vos personnages et leurs relations-
Sauter vers: