Fiche de réponses
Résumé des rps
Fiche de relations
Signature
Fiche de présentations
Codes divers
Avatars 200x320
Graphisme
Problème avec un code
Commandes
Partenaires



 
AccueilAccueil  Dernières imagesDernières images  RechercherRechercher  S'enregistrerS'enregistrer  ConnexionConnexion  

Graphiorum :: Le coin des codes :: Fiche de relationsVoir le sujet précédent Voir le sujet suivant Aller en bas 
Fiche de relation 12

Libella

Libella
Admin

Fiche de relation 12 Empty
MessageSujet: Fiche de relation 12 Fiche de relation 12 Icon_minitimeJeu 12 Juil 2018 - 18:17


Âge
Date et lieu de naissance
Origine
Profession
Groupe
Avatar
Prénom et nom du personnage
Codage par Libella sur Graphiorum

Code:
<link href="https://fonts.googleapis.com/css?family=Stint+Ultra+Condensed" rel="stylesheet"><style type="text/css">.fichepoke {width:510px;margin:auto;background:#D0DEE9} .blocnom {width:490px; height:30px;margin:auto;padding:15px 10px 10px 10px;text-align:center;font-family: 'Stint Ultra Condensed', cursive;font-size:38px;background:#C3CEE4;color:#EBF4F3; text-shadow:0px 0px 8px #B0BEDB;} .imgvava {display: inline-block;vertical-align: top;width:250px;height:360px;border-bottom-right-radius: 250px;-webkit-border-bottom-right-radius: 250px;border-right:8px solid #C3CEE4;} .imgpoke {display: inline-block;position:relative;z-index:1;width:100px;height:100px;margin:5px;-webkit-border-radius: 100px;border-radius: 100px;border:5px solid #C3CEE4;} .cadreinfo {margin-top:-360px;margin-left:5px} .texteinfo {position:relative;z-index:2; opacity:0.0; -webkit-transition: opacity .4 linear; -moz-transition: opacity .4s linear; -o-transition: opacity .4s linear;width: 228px; height: 343px; overflow:hidden;padding:10px;background-color:#C3CEE4; color: #009900;}.texteinfo:hover {opacity: 1;} .chpinfopoke {width:210px;weight:15px;padding:8px;margin-top:10px;margin-bottom:10px; text-align:center;font-family:verdana;font-size:12px;background:#EBF4F3;box-shadow:0px 0px 8px #B0BEDB;color:#738BBF;} .caractere {width: 120px; font-family: verdana;font-size: 12; background: #EBF4F3; color: #888BC7;} .menu {list-style-type: none;margin:0;margin-left:-40px} .ongletalignement {float:left;} .onglet {display:block;width:103px;height:18px;margin-top:25px;padding:3px;text-align:center;font-family:verdana;font-size:12px;background:#EBF4F3;box-shadow:0px 0px 8px #B0BEDB;color:#738BBF} .onglet:hover {background:#AAA1B5;color:#EBF4F3} .onglet:hover .texte_anec {opacity:1;width:220px;height:320px;overflow:auto;padding:5px;margin-top:-348px;margin-left:-3px;background:#EBF4F3;box-shadow:0px 0px 8px #B0BEDB;color:#738BBF} .onglet:hover .texte_liensrech {opacity:1;width:220px;height:320px;overflow:auto;padding:5px;margin-top:-348px;margin-left:-118px;background:#EBF4F3;box-shadow:0px 0px 8px #B0BEDB;color:#738BBF} .texte_anec, .texte_liensrech {opacity:0;position:relative;margin-top:-10px;width:98px;height:20px;overflow:hidden;text-align:justify}</style>

<div class="fichepoke"><!-- IMAGE DU PERSO --><div class="imgvava" style="background:url('https://image.noelshack.com/fichiers/2018/26/4/1530175910-d55cbff321640a547c21e263b4a4e38d.jpg');background-size:102%;"></div><div style="display: inline-block;vertical-align: top;width:250px;height:360px;"><!-- IMAGE 1 --><div class="imgpoke" style="background:url('https://image.noelshack.com/fichiers/2018/26/4/1530175774-85b81972.jpg');background-size:100%;"></div><!-- IMAGE 2 --><div class="imgpoke" style="background:url('https://image.noelshack.com/fichiers/2018/26/4/1530175892-telechargement.jpg');background-size:100%;"></div><!-- IMAGE 3 --><div class="imgpoke" style="background:url('https://image.noelshack.com/fichiers/2018/26/4/1530175878-telechargement-1.jpg');background-size:100%;"></div><!-- IMAGE 4 --><div class="imgpoke" style="background:url('https://image.noelshack.com/fichiers/2018/26/4/1530175834-telechargement-2.jpg') center center;background-size:130%;"></div><!-- IMAGE 5 --><div class="imgpoke" style="background:url('https://image.noelshack.com/fichiers/2018/26/4/1530175877-694639677c345c73f62f63aac42389be-pokemon-mignon-pokemon-pokemon.jpg') center center;background-size:120%;"></div><!-- IMAGE 6 --><div class="imgpoke" style="background:url('https://zupimages.net/up/18/28/ki5o.png') center center;background-size:100%;"></div><div class="cadreinfo"><div class="texteinfo"><div class="chpinfopoke">Âge</div><div class="chpinfopoke">Date et lieu de naissance</div><div class="chpinfopoke">Origine</div><div class="chpinfopoke">Profession</div><div class="chpinfopoke">Groupe</div><div class="chpinfopoke">Avatar</div><div style="display:flex;"><select class="caractere"><option value="#">Qualités</option
<option value="#">Texte</option>
<option value="#">Texte</option>
<option value="#">Texte</option>
<option value="#">Texte</option>
<option value="#">Texte</option>
<option value="#">Texte</option>
<option value="#">Texte</option>
</select><select class="caractere"><option value="#">Défauts</option
<option value="#">Texte</option>
<option value="#">Texte</option>
<option value="#">Texte</option>
<option value="#">Texte</option>
<option value="#">Texte</option>
<option value="#">Texte</option>
<option value="#">Texte</option>
</select></div><ul class="menu"><li class="ongletalignement"><span class="onglet">Anecdotes<p class="texte_anec">Petit texte ou listing d'anecdotes ou de points clefs de l'histoire. Eodem tempore etiam Hymetii praeclarae indolis viri negotium est actitatum, cuius hunc novimus esse textum. cum Africam pro consule regeret Carthaginiensibus victus inopia iam lassatis, ex horreis Romano populo destinatis frumentum dedit, pauloque postea cum provenisset segetum copia, integre sine ulla restituit mora.Tantum autem cuique tribuendum, primum quantum ipse efficere possis, deinde etiam quantum ille quem diligas atque adiuves, sustinere.</p></span></li><li class="ongletalignement"><span class="onglet" style="margin-left:5px">Recherches<p class="texte_liensrech">• Lien recherché (♀/♂) : Quaestione igitur per multiplices dilatata fortunas cum ambigerentur quaedam, non nulla levius actitata constaret.
• Lien recherché (♀/♂) : Quaestione igitur per multiplices dilatata fortunas cum ambigerentur quaedam, non nulla levius actitata constaret.
• Lien recherché (♀/♂) : Quaestione igitur per multiplices dilatata fortunas cum ambigerentur quaedam, non nulla levius actitata constaret.</p></span></li></ul></div></div></div></div><div class="blocnom">Prénom et nom du personnage</div><div style="font-size:8px;text-align:center;">Codage par Libella sur [url=http://graphiorum.forumactif.com/]Graphiorum[/url]</div>
Revenir en haut Aller en bas

Libella

Libella
Admin

Fiche de relation 12 Empty
MessageSujet: Re: Fiche de relation 12 Fiche de relation 12 Icon_minitimeJeu 12 Juil 2018 - 18:17

Relations masculines/féminines/positives/négatives
Relation
Orientis vero limes in longum protentus et rectum ab Euphratis fluminis ripis ad usque supercilia porrigitur Nili, laeva Saracenis conterminans gentibus, dextra pelagi fragoribus patens, quam plagam Nicator Seleucus occupatam auxit magnum in modum, cum post Alexandri Macedonis obitum successorio iure teneret regna Persidis, efficaciae inpetrabilis rex, ut indicat cognomentum.

Cognitis enim pilatorum caesorumque funeribus nemo deinde ad has stationes appulit navem, sed ut Scironis praerupta letalia declinantes litoribus Cypriis contigui navigabant, quae Isauriae scopulis sunt controversa.
Prénom et nom du personnage
Relation
Orientis vero limes in longum protentus et rectum ab Euphratis fluminis ripis ad usque supercilia porrigitur Nili, laeva Saracenis conterminans gentibus, dextra pelagi fragoribus patens, quam plagam Nicator Seleucus occupatam auxit magnum in modum, cum post Alexandri Macedonis obitum successorio iure teneret regna Persidis, efficaciae inpetrabilis rex, ut indicat cognomentum.

Cognitis enim pilatorum caesorumque funeribus nemo deinde ad has stationes appulit navem, sed ut Scironis praerupta letalia declinantes litoribus Cypriis contigui navigabant, quae Isauriae scopulis sunt controversa.
Prénom et nom du personnage
Codage par Libella sur Graphiorum

Code:
<link href="https://fonts.googleapis.com/css?family=Stint+Ultra+Condensed" rel="stylesheet"><style type="text/css">.fichepoke {width:510px;height:360px;margin:auto;background:#D0DEE9} .blocnom {width:490px; height:30px;margin:auto;padding:15px 10px 10px 10px;text-align:center;font-family: 'Stint Ultra Condensed', cursive;font-size:38px;background:#C3CEE4;color:#EBF4F3; text-shadow:0px 0px 8px #B0BEDB;} .imgvava {display: inline-block;vertical-align: top;width:250px;height:360px;border-bottom-right-radius: 250px;-webkit-border-bottom-right-radius: 250px;border-right:8px solid #C3CEE4;} .imgvava2 {display: inline-block;vertical-align: top;width:250px;height:360px;margin-left:20px;border-bottom-left-radius: 250px;-webkit-border-bottom-left-radius: 250px;border-left:8px solid #C3CEE4;} .imgstatut {position:relative;z-index:2;width:100px;height:100px;-webkit-border-radius: 100px;border-radius: 100px;border:5px solid #C3CEE4;margin-top:-115px;margin-left:120px} .imgstatut2 {position:relative;z-index:2;width:100px;height:100px;-webkit-border-radius: 100px;border-radius: 100px;border:5px solid #C3CEE4;margin-top:-115px;margin-left:255px} .suivirp {opacity:0;margin-left:10px;margin-top:10px;width:195px;height:190px;padding:10px;overflow:hidden;text-align:justify;background:#DDE1E7;} .suivirp2 {opacity:0;margin-left:25px;margin-top:10px;width:195px;height:190px;padding:10px;overflow:hidden;text-align:justify;background:#DDE1E7;} .suivirp:hover, .suivirp2:hover {opacity:1;overflow:auto} .suivirplien {display:block;width:160px;padding:8px;margin-top:10px;margin-bottom:10px; text-align:center;font-family:verdana;font-size:12px;background:#EBF4F3;box-shadow:0px 0px 8px #B0BEDB;color:#738BBF;} .cadrerelation {width:195px;height:340px;overflow:auto;margin-left:20px;text-align:justify;padding:10px;background:#C3CEE4;color:#EBF4F3;} .typerelation {width:160px;height:15px;padding:8px;margin-top:10px;margin-bottom:10px; text-align:center;font-family:verdana;font-size:12px;background:#EBF4F3;box-shadow:0px 0px 8px #B0BEDB;color:#738BBF;} </style>
<div class="blocnom">Relations masculines/féminines/positives/négatives</div><!-- RELATION IMG GAUCHE --><div class="fichepoke"><div style="display:flex;"><!-- IMAGE DU PERSO --><div class="imgvava" style="background:url('https://image.noelshack.com/fichiers/2018/26/4/1530175901-b273b162c2d8fc349499ada10f4cda68-sagiri-izumi-fanart.jpg');background-size:102%;"><p class="suivirp"><a href="http://graphiorum.forumactif.com/" class="suivirplien">Titre du rp avec la personne</a><a href="http://graphiorum.forumactif.com/" class="suivirplien">Titre du rp avec la personne</a><a href="http://graphiorum.forumactif.com/" class="suivirplien">Titre du rp avec la personne</a><a href="http://graphiorum.forumactif.com/" class="suivirplien">Titre du rp avec la personne</a></p></div><div class="cadrerelation"><div class="typerelation">Relation</div>Orientis vero limes in longum protentus et rectum ab Euphratis fluminis ripis ad usque supercilia porrigitur Nili, laeva Saracenis conterminans gentibus, dextra pelagi fragoribus patens, quam plagam Nicator Seleucus occupatam auxit magnum in modum, cum post Alexandri Macedonis obitum successorio iure teneret regna Persidis, efficaciae inpetrabilis rex, ut indicat cognomentum.

Cognitis enim pilatorum caesorumque funeribus nemo deinde ad has stationes appulit navem, sed ut Scironis praerupta letalia declinantes litoribus Cypriis contigui navigabant, quae Isauriae scopulis sunt controversa.</div></div><div class="imgstatut" style="background:url('https://image.noelshack.com/fichiers/2018/26/4/1530175877-694639677c345c73f62f63aac42389be-pokemon-mignon-pokemon-pokemon.jpg') center center;background-size:120%;"></div></div><div class="blocnom">Prénom et nom du personnage</div><!-- FIN RELATION IMG GAUCHE --><!-- RELATION IMG DROITE --><div class="fichepoke"><div style="display:flex;"><div class="cadrerelation"><div class="typerelation">Relation</div>Orientis vero limes in longum protentus et rectum ab Euphratis fluminis ripis ad usque supercilia porrigitur Nili, laeva Saracenis conterminans gentibus, dextra pelagi fragoribus patens, quam plagam Nicator Seleucus occupatam auxit magnum in modum, cum post Alexandri Macedonis obitum successorio iure teneret regna Persidis, efficaciae inpetrabilis rex, ut indicat cognomentum.

Cognitis enim pilatorum caesorumque funeribus nemo deinde ad has stationes appulit navem, sed ut Scironis praerupta letalia declinantes litoribus Cypriis contigui navigabant, quae Isauriae scopulis sunt controversa.</div><!-- IMAGE DU PERSO --><div class="imgvava2" style="background:url('https://image.noelshack.com/fichiers/2018/26/4/1530175897-816e329b8d659c60e8b5a7d8794e5517-anime-girls-sagiri-izumi-anime.jpg');background-size:102%;"><p class="suivirp2"><a href="http://graphiorum.forumactif.com/" class="suivirplien">Titre du rp avec la personne</a><a href="http://graphiorum.forumactif.com/" class="suivirplien">Titre du rp avec la personne</a><a href="http://graphiorum.forumactif.com/" class="suivirplien">Titre du rp avec la personne</a><a href="http://graphiorum.forumactif.com/" class="suivirplien">Titre du rp avec la personne</a></p></div></div><div class="imgstatut2" style="background:url('https://image.noelshack.com/fichiers/2018/26/4/1530175774-85b81972.jpg') center center;background-size:100%;"></div></div><div class="blocnom">Prénom et nom du personnage</div><!-- FIN RELATION IMG DROITE --><div style="font-size:8px;text-align:center;">Codage par Libella sur [url=http://graphiorum.forumactif.com/]Graphiorum[/url]</div>
Revenir en haut Aller en bas
Fiche de relation 12Voir le sujet précédent Voir le sujet suivant Revenir en haut
Page 1 sur 1
Sujets similaires
-
» Fiche de relation 8
» Fiche de relation 10
» Fiche de relation 2
» Fiche de relation 15
» Fiche de relation 3

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
Graphiorum :: Le coin des codes :: Fiche de relations-
Sauter vers: