Fiche des relations

avatar
Messages : 122
Le conteur
Compte Fondateur
Voir le profil de l'utilisateur
Sam 16 Juin - 12:11

Nom & Prénom

Sous-titre

Nom : Texte
Prénom :Texte
Age : Texte
Race : Texte
Orientation sexuelle : Texte
Origine : Texte

Alignement : Texte
Affinité élémentaire : Texte
Classe : Si aventurier
Info random : Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent non arcu gravida, aliquam diam at, cursus sapien. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Duis egestas maximus sapien et suscipit. Vivamus eu ex justo. Quisque tempus lectus sed ligula sollicitudin, euismod lacinia felis volutpat. Pellentesque pretium, massa ac mollis maximus, felis nulla vulputate erat, id posuere orci sapien vitae velit. Donec eu cursus justo. Curabitur sit amet dolor cursus, sollicitudin nisi sed, convallis elit.
Listing RP's

EN COURS

PSEUDO MEMBRE ▲ Titre du rp
PSEUDO MEMBRE ▲ Titre du rp
PSEUDO MEMBRE ▲ Titre du rp

TERMINES

PSEUDO MEMBRE ▲ Titre du rp
PSEUDO MEMBRE ▲ Titre du rp
PSEUDO MEMBRE ▲ Titre du rp
Liens recherchés

(M/F) TITRE LIEN ▲ Description du lien recherché


Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam dapibus eget risus eu rutrum. Nam sed maximus sapien. Vestibulum lacus nulla, laoreet non elit vitae, sagittis finibus urna. Nulla iaculis placerat ornare. Quisque consectetur maximus bibendum. Fusce eget condimentum ipsum. Nullam nec velit hendrerit, tristique ex eu, suscipit libero. Vivamus pretium metus ut libero semper dignissim.


Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam dapibus eget risus eu rutrum. Nam sed maximus sapien. Vestibulum lacus nulla, laoreet non elit vitae, sagittis finibus urna. Nulla iaculis placerat ornare. Quisque consectetur maximus bibendum. Fusce eget condimentum ipsum. Nullam nec velit hendrerit, tristique ex eu, suscipit libero. Vivamus pretium metus ut libero semper dignissim.


Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam dapibus eget risus eu rutrum. Nam sed maximus sapien. Vestibulum lacus nulla, laoreet non elit vitae, sagittis finibus urna. Nulla iaculis placerat ornare. Quisque consectetur maximus bibendum. Fusce eget condimentum ipsum. Nullam nec velit hendrerit, tristique ex eu, suscipit libero. Vivamus pretium metus ut libero semper dignissim.





Code:
<link href="https://fonts.googleapis.com/css?family=Economica" rel="stylesheet">
<div class="fiche liens"><div class="header"><h2>Nom & Prénom</h2><h3>Sous-titre</h3></div><div class="liens_hover"><div class="liens_hover_image"><img src="https://i.imgur.com/GW2iN18.png" alt="" /></div><div class="liens_hover_contenu"><div class="bloc_gauche"><span>Nom :</span> Texte
<span>Prénom :</span>Texte
<span>Age :</span> Texte
<span>Race :</span> Texte
<span>Orientation sexuelle :</span> Texte
<span>Origine :</span> Texte

<span>Alignement :</span> Texte
<span>Affinité élémentaire :</span> Texte
<span>Classe :</span> <i>Si aventurier</i></div><div class="bloc_droite"><span>Info random :</span> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent non arcu gravida, aliquam diam at, cursus sapien. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Duis egestas maximus sapien et suscipit. Vivamus eu ex justo. Quisque tempus lectus sed ligula sollicitudin, euismod lacinia felis volutpat. Pellentesque pretium, massa ac mollis maximus, felis nulla vulputate erat, id posuere orci sapien vitae velit. Donec eu cursus justo. Curabitur sit amet dolor cursus, sollicitudin nisi sed, convallis elit.</div><div class="clear"></div><div class="separation"></div><div class="bloc_gauche"><span>Listing RP's</span>

EN COURS

PSEUDO MEMBRE ▲ <a href="#">Titre du rp</a>
PSEUDO MEMBRE ▲ <a href="#">Titre du rp</a>
PSEUDO MEMBRE ▲ <a href="#">Titre du rp</a>

TERMINES

PSEUDO MEMBRE ▲ <a href="#">Titre du rp</a>
PSEUDO MEMBRE ▲ <a href="#">Titre du rp</a>
PSEUDO MEMBRE ▲ <a href="#">Titre du rp</a></div><div class="bloc_droite"><span>Liens recherchés</span>

(M/F) TITRE LIEN ▲ Description du lien recherché</div><div class="clear"></div></div></div></div>

<div class="blocs_liens"><div class="hrp"><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam dapibus eget risus eu rutrum. Nam sed maximus sapien. Vestibulum lacus nulla, laoreet non elit vitae, sagittis finibus urna. Nulla iaculis placerat ornare. Quisque consectetur maximus bibendum. Fusce eget condimentum ipsum. Nullam nec velit hendrerit, tristique ex eu, suscipit libero. Vivamus pretium metus ut libero semper dignissim.</p></div><img src="https://i.imgur.com/w2PGS4F.png" alt="" class="hrp_img" /><div class="clear"></div>
<div class="hrp"><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam dapibus eget risus eu rutrum. Nam sed maximus sapien. Vestibulum lacus nulla, laoreet non elit vitae, sagittis finibus urna. Nulla iaculis placerat ornare. Quisque consectetur maximus bibendum. Fusce eget condimentum ipsum. Nullam nec velit hendrerit, tristique ex eu, suscipit libero. Vivamus pretium metus ut libero semper dignissim.</p></div><img src="https://i.imgur.com/w2PGS4F.png" alt="" class="hrp_img" /><div class="clear"></div>
<div class="hrp"><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam dapibus eget risus eu rutrum. Nam sed maximus sapien. Vestibulum lacus nulla, laoreet non elit vitae, sagittis finibus urna. Nulla iaculis placerat ornare. Quisque consectetur maximus bibendum. Fusce eget condimentum ipsum. Nullam nec velit hendrerit, tristique ex eu, suscipit libero. Vivamus pretium metus ut libero semper dignissim.</p></div><img src="https://i.imgur.com/w2PGS4F.png" alt="" class="hrp_img" /><div class="clear"></div></div>
avatar
Messages : 122
Le conteur
Compte Fondateur
Voir le profil de l'utilisateur
Sam 16 Juin - 12:48

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam dapibus eget risus eu rutrum. Nam sed maximus sapien. Vestibulum lacus nulla, laoreet non elit vitae, sagittis finibus urna. Nulla iaculis placerat ornare. Quisque consectetur maximus bibendum. Fusce eget condimentum ipsum. Nullam nec velit hendrerit, tristique ex eu, suscipit libero. Vivamus pretium metus ut libero semper dignissim.


Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam dapibus eget risus eu rutrum. Nam sed maximus sapien. Vestibulum lacus nulla, laoreet non elit vitae, sagittis finibus urna. Nulla iaculis placerat ornare. Quisque consectetur maximus bibendum. Fusce eget condimentum ipsum. Nullam nec velit hendrerit, tristique ex eu, suscipit libero. Vivamus pretium metus ut libero semper dignissim.


Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam dapibus eget risus eu rutrum. Nam sed maximus sapien. Vestibulum lacus nulla, laoreet non elit vitae, sagittis finibus urna. Nulla iaculis placerat ornare. Quisque consectetur maximus bibendum. Fusce eget condimentum ipsum. Nullam nec velit hendrerit, tristique ex eu, suscipit libero. Vivamus pretium metus ut libero semper dignissim.




Code:
<div class="blocs_liens"><div class="hrp"><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam dapibus eget risus eu rutrum. Nam sed maximus sapien. Vestibulum lacus nulla, laoreet non elit vitae, sagittis finibus urna. Nulla iaculis placerat ornare. Quisque consectetur maximus bibendum. Fusce eget condimentum ipsum. Nullam nec velit hendrerit, tristique ex eu, suscipit libero. Vivamus pretium metus ut libero semper dignissim.</p></div><img src="https://i.imgur.com/w2PGS4F.png" alt="" class="hrp_img" /><div class="clear"></div>
<div class="hrp"><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam dapibus eget risus eu rutrum. Nam sed maximus sapien. Vestibulum lacus nulla, laoreet non elit vitae, sagittis finibus urna. Nulla iaculis placerat ornare. Quisque consectetur maximus bibendum. Fusce eget condimentum ipsum. Nullam nec velit hendrerit, tristique ex eu, suscipit libero. Vivamus pretium metus ut libero semper dignissim.</p></div><img src="https://i.imgur.com/w2PGS4F.png" alt="" class="hrp_img" /><div class="clear"></div>
<div class="hrp"><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam dapibus eget risus eu rutrum. Nam sed maximus sapien. Vestibulum lacus nulla, laoreet non elit vitae, sagittis finibus urna. Nulla iaculis placerat ornare. Quisque consectetur maximus bibendum. Fusce eget condimentum ipsum. Nullam nec velit hendrerit, tristique ex eu, suscipit libero. Vivamus pretium metus ut libero semper dignissim.</p></div><img src="https://i.imgur.com/w2PGS4F.png" alt="" class="hrp_img" /><div class="clear"></div>
Fiche des relations
Revenir en haut
Page 1 sur 1
Sujets similaires
-
» Modèle fiche de relations
» Fiche de liens
» Fiche de Relations de MoonStorm ou celle qui avait le don de faire buger les codes Html
» Modèles de fiche de relations
» Modèle de fiche de relations et de récapitulatif de rp

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
Les Chroniques Meithea :: Personnages :: Gestion des personnages :: Fiches de liens-
Sauter vers: