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  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 15

Libella

Libella
Admin

Fiche de relation 15 Empty
MessageSujet: Fiche de relation 15 Fiche de relation 15 Icon_minitimeMer 12 Juin 2019 - 18:34
Prénom Nom du personnage
Sous-titre/Citation/etc
Pseudo
Âge
Métier
Groupe
Situation matrimoniale
Lawful good
Neutral good
Chaotic good
Lawful neutral
True neutral
Chaotic neutral
Lawful evil
Neutral evil
Chaotic evil
Bloc Description - Anecdote et infos

Nemo quaeso miretur, si post exsudatos labores itinerum longos congestosque adfatim commeatus fiducia vestri ductante barbaricos pagos adventans velut mutato repente consilio ad placidiora deverti.

Eo adducta re per Isauriam, rege Persarum bellis finitimis inligato repellenteque a conlimitiis suis ferocissimas gentes, quae mente quadam versabili hostiliter eum saepe incessunt et in nos arma moventem aliquotiens iuvant, Nohodares quidam nomine e numero optimatum, incursare Mesopotamiam quotiens copia dederit ordinatus, explorabat nostra sollicite, si repperisset usquam locum vi subita perrupturus.

Equitis Romani autem esse filium criminis loco poni ab accusatoribus neque his iudicantibus oportuit neque defendentibus nobis. Nam quod de pietate dixistis, est quidem ista nostra existimatio, sed iudicium certe parentis; quid nos opinemur, audietis ex iuratis; quid parentes sentiant, lacrimae matris incredibilisque maeror, squalor patris et haec praesens maestitia, quam cernitis, luctusque declarat.
Lien recherché 1 ☥ Eo adducta re per Isauriam, rege Persarum bellis finitimis inligato repellenteque a conlimitiis suis ferocissimas gentes, quae mente quadam versabili hostiliter eum saepe incessunt et in nos arma moventem aliquotiens iuvant, Nohodares quidam nomine e numero optimatum, incursare Mesopotamiam quotiens copia dederit ordinatus, explorabat nostra sollicite, si repperisset usquam locum vi subita perrupturus.
Lien recherché 2 ☥ Eo adducta re per Isauriam, rege Persarum bellis finitimis inligato repellenteque a conlimitiis suis ferocissimas gentes, quae mente quadam versabili hostiliter eum saepe incessunt et in nos arma moventem aliquotiens iuvant, Nohodares quidam nomine e numero optimatum, incursare Mesopotamiam quotiens copia dederit ordinatus, explorabat nostra sollicite, si repperisset usquam locum vi subita perrupturus.
Lien recherché 3 ☥ Eo adducta re per Isauriam, rege Persarum bellis finitimis inligato repellenteque a conlimitiis suis ferocissimas gentes, quae mente quadam versabili hostiliter eum saepe incessunt et in nos arma moventem aliquotiens iuvant, Nohodares quidam nomine e numero optimatum, incursare Mesopotamiam quotiens copia dederit ordinatus, explorabat nostra sollicite, si repperisset usquam locum vi subita perrupturus.
Clique sur les boutons de la pyramide pour plus d'informations Wink
Credit des images : Tumblr (gif), Illusions tales (avatars), transparenttextures (fond)
Codage par Libella sur Graphiorum





Pour choisir l'alignement du personnage, c'est dans ce morceau de code :
Code:
<div class="alignementPerso">Lawful good</div><div class="alignementPerso">Neutral good</div><div class="alignementPerso">Chaotic good</div><div class="alignementPerso">Lawful neutral</div><div class="alignementPerso alignementPersoOui">True neutral</div><div class="alignementPerso">Chaotic neutral</div><div class="alignementPerso">Lawful evil</div><div class="alignementPerso">Neutral evil</div><div class="alignementPerso">Chaotic evil</div>

Il faut ajouter à la classe " alignementPersoOui", par exemple :
Avant ajout
True neutral

Code:
<div class="alignementPerso">True neutral</div>
Après ajout
True neutral

Code:
<div class="alignementPerso alignementPersoOui">True neutral</div>

Code:
<div class="murEgypte"><div class="styleTitre"><div class="titreEgy">Prénom Nom du personnage</div><div class="soustitreEgy">Sous-titre/Citation/etc</div></div><img style="display:block;width:450px;margin:auto;margin-top:15px" src="https://nsm08.casimages.com/img/2014/07/15//14071501304314181412388102.png"><!-- BLOC ONGLET --><div class="blocOngletsEgy"><!-- ONGLETS --><input type="radio" name="btnpyramide" id="btnDescri" class="btnpyramide"><input type="radio" name="btnpyramide" id="btnId" class="btnpyramide" checked="checked"><input type="radio" name="btnpyramide" id="btnLiens" class="btnpyramide"><label for="btnDescri" id="btnDescriTxt" class="triangleDescri"></label><label for="btnId" id="rondIdentite">☥</label><label for="btnLiens"  id="btnLiensTxt" class="triangleLiens"></label><!-- CONTENU DES ONGLETS --><!-- IDENTITE--><div id="contenuId" class="contenuOnglet"><div class="imgId" style="background:url('https://66.media.tumblr.com/a99264090ea903314212ca482c67e481/tumblr_own9tgjPyl1wp1x9uo9_400.gif');background-size:cover;"></div><div style="display:flex;margin-left:10px"><img class="imgIdvava" src="https://66.media.tumblr.com/3c9295c81602327ac46ef4a7b39680da/tumblr_oh70ovYm2o1ucz4ybo8_250.png"><div><div class="infoId">Pseudo</div><div class="infoId">Âge</div><div class="infoId">Métier</div><div class="infoId">Groupe</div><div class="infoId">Situation matrimoniale</div></div><img class="imgIdvava" src="https://66.media.tumblr.com/3c9295c81602327ac46ef4a7b39680da/tumblr_oh70ovYm2o1ucz4ybo8_250.png"></div></div><!-- DESCRIPTION --><div id="contenuDescri" class="contenuOnglet"><div class="aligntImg"><div class="blocAlignement"><div class="alignementPerso">Lawful good</div><div class="alignementPerso">Neutral good</div><div class="alignementPerso">Chaotic good</div><div class="alignementPerso">Lawful neutral</div><div class="alignementPerso alignementPersoOui">True neutral</div><div class="alignementPerso">Chaotic neutral</div><div class="alignementPerso">Lawful evil</div><div class="alignementPerso">Neutral evil</div><div class="alignementPerso">Chaotic evil</div></div><div class="alignementImg" style="background:url('https://66.media.tumblr.com/fc7bc61b9bc69fc35f1e60708149da09/tumblr_p89ydudNkw1t3zl0lo1_250.gif');background-size:cover"></div></div><div class="descriTxt">Bloc Description - Anecdote et infos

Nemo quaeso miretur, si post exsudatos labores itinerum longos congestosque adfatim commeatus fiducia vestri ductante barbaricos pagos adventans velut mutato repente consilio ad placidiora deverti.

Eo adducta re per Isauriam, rege Persarum bellis finitimis inligato repellenteque a conlimitiis suis ferocissimas gentes, quae mente quadam versabili hostiliter eum saepe incessunt et in nos arma moventem aliquotiens iuvant, Nohodares quidam nomine e numero optimatum, incursare Mesopotamiam quotiens copia dederit ordinatus, explorabat nostra sollicite, si repperisset usquam locum vi subita perrupturus.

Equitis Romani autem esse filium criminis loco poni ab accusatoribus neque his iudicantibus oportuit neque defendentibus nobis. Nam quod de pietate dixistis, est quidem ista nostra existimatio, sed iudicium certe parentis; quid nos opinemur, audietis ex iuratis; quid parentes sentiant, lacrimae matris incredibilisque maeror, squalor patris et haec praesens maestitia, quam cernitis, luctusque declarat.</div><img style="display:block;width:450px;margin:auto;margin-top:15px" src="https://nsm08.casimages.com/img/2014/07/15//14071501304314181412388102.png"></div><!-- LIENS--><div id="contenuLiens" class="contenuOnglet"><div style="display:flex"><div class="imgDescri" style="background:url('https://data.whicdn.com/images/220981071/large.jpg') center center;background-size:cover"></div><div class="descriLiens"><lien>Lien recherché 1 ☥</lien> Eo adducta re per Isauriam, rege Persarum bellis finitimis inligato repellenteque a conlimitiis suis ferocissimas gentes, quae mente quadam versabili hostiliter eum saepe incessunt et in nos arma moventem aliquotiens iuvant, Nohodares quidam nomine e numero optimatum, incursare Mesopotamiam quotiens copia dederit ordinatus, explorabat nostra sollicite, si repperisset usquam locum vi subita perrupturus.
<lien>Lien recherché 2 ☥</lien> Eo adducta re per Isauriam, rege Persarum bellis finitimis inligato repellenteque a conlimitiis suis ferocissimas gentes, quae mente quadam versabili hostiliter eum saepe incessunt et in nos arma moventem aliquotiens iuvant, Nohodares quidam nomine e numero optimatum, incursare Mesopotamiam quotiens copia dederit ordinatus, explorabat nostra sollicite, si repperisset usquam locum vi subita perrupturus.
<lien>Lien recherché 3 ☥</lien> Eo adducta re per Isauriam, rege Persarum bellis finitimis inligato repellenteque a conlimitiis suis ferocissimas gentes, quae mente quadam versabili hostiliter eum saepe incessunt et in nos arma moventem aliquotiens iuvant, Nohodares quidam nomine e numero optimatum, incursare Mesopotamiam quotiens copia dederit ordinatus, explorabat nostra sollicite, si repperisset usquam locum vi subita perrupturus.</div></div></div></div><!-- FIN BLOC ONGLET --><div class="blocPyraCol"><div class="pyramide"></div><div class="tColonne"></div><div class="pColonne"><div class="lColonne"></div><div class="lColonne"></div><div class="lColonne"></div><div class="lColonne"></div><div class="lColonne"></div><div class="lColonne"></div><div class="lColonne"></div><div class="lColonne"></div><div class="lColonne"></div></div></div><div class="ecriteauInfo">Clique sur les boutons de la pyramide pour plus d'informations ;)<br>Credit des images : Tumblr (gif), Illusions tales (avatars), transparenttextures (fond)</div></div><div style="font-size:8px;text-align:center;">Codage par Libella sur [url=http://graphiorum.forumactif.com/]Graphiorum[/url]</div>

<link href="https://fonts.googleapis.com/css?family=Metamorphous&display=swap" rel="stylesheet"> <style>.murEgypte {width:580px;padding-top:25px;padding-bottom:82px;margin:auto;background:#AC7747;background-image:url(https://zupimages.net/up/18/20/e65d.png);} .styleTitre {width:500px;margin:auto;margin-bottom:10px;text-align:center;font-family: 'Metamorphous', cursive;background:#A77446;color:#933714;border:5px ridge #8A5735;} .titreEgy {margin-bottom:-19px;padding:20px;font-size:25px;font-weight:bold;text-transform: uppercase;text-shadow: 1px 2px 3px #8A5735;} .soustitreEgy {width:450px;margin:auto;margin-bottom:8px;font-size:12px;border-top:1px solid #933714;} .blocOngletsEgy {display:flex;flex-flow:wrap column;} .btnpyramide {display: none;} .triangleDescri {display:block;width: 0;height: 0;margin:auto;margin-left:465px;margin-bottom:5px;border-left: 15px solid transparent;border-right: 15px solid transparent;border-bottom: 35px solid #8A5735} #rondIdentite {display:block;margin:auto;margin-left:465px;width:15px;height:15px;border-radius:50px;padding:8px;text-align:center;font-size:25px;background:#8A5735;color:#D6AE8B} .triangleLiens {display:block;width: 0;height: 0;margin:auto;margin-left:465px;margin-top:5px;margin-bottom:-50px;border-left: 15px solid transparent;border-right: 15px solid transparent;border-top: 35px solid #8A5735} #btnDescri:checked ~ #btnDescriTxt{border-bottom: 35px solid #C38B5A} #btnId:checked ~ #rondIdentite{background:#C38B5A;color:#8A5735;} #btnLiens:checked ~ #btnLiensTxt{border-top:35px solid #C38B5A;} .contenuOnglet{display: none;width:500px;height:540px;margin:auto;margin-bottom:30px;order:-3;background:#A77446;border:5px ridge #8A5735;} #btnDescri:checked ~ #contenuDescri{display: block;} #btnId:checked ~ #contenuId{display: block} #btnLiens:checked ~ #contenuLiens{display: block;} .blocPyraCol {margin-left:390px;width:180px;} .pyramide {width: 0;height: 0;margin:auto;margin-top:-80px;border-left: 70px solid transparent;border-right: 70px solid transparent;border-bottom: 140px solid #D6AE8B;} .tColonne {width:180px;height:10px;margin:auto;border-radius:20px;background:#8A5735;} .pColonne {margin:auto;display:flex;width:150px;height:90px;background:#8A5735;border-left:8px solid #8A5735;} .lColonne {height:100%;width:10px;margin-right:8px;background:#D6AE8B} .imgId {width:475px;height:300px;margin:auto;margin-bottom:3px;box-shadow: -120px -85px 100px #A77446 inset, 120px 85px 100px #A77446 inset;} .imgIdvava {display:block;width:133px;height:212px;margin-top:10px} .infoId {width:190px;height:10px;padding-top:9px;padding-bottom:15px;margin:10px;text-align:center;font-family:verdana;font-size:12px;background:#C38B5A;color:#8A5735} .aligntImg {display:flex;margin-bottom:10px;padding-top:15px;} .blocAlignement {width:330px;margin-left:5px;display:flex;flex-flow:row wrap} .alignementPerso {width:100px;height:30px;margin:5px;padding-top:7px;text-align:center;font-family:verdana;font-size:12px;background:#C38B5A;color:#8A5735;} .alignementPersoOui {background:#8A5735;color:#C38B5A;} .alignementImg {margin-top:5px;margin-left:5px;width:150px;height:130px;} .descriTxt {width:450px;height:290px;overflow:hidden;margin:auto;padding:15px;text-align:justify;font-family:verdana;font-size:12px;background:#C38B5A;color:#8A5735} .descriTxt:hover {overflow:auto} lien {font-weight:bold;} .imgDescri {width:200px;height:500px;margin-top:20px;margin-left:25px} .descriLiens {width:220px;height:480px;overflow:hidden;padding:10px;margin-top:20px;margin-left:13px;text-align:justify;font-family:verdana;font-size:12px;background:#C38B5A;color:#8A5735} .descriLiens:hover{overflow:auto} .ecriteauInfo {width:200px;height:55px;overflow:auto;margin-left:90px;margin-top:-180px;padding: 10px 10px 23px 10px;text-align:center;font-size:10px;border: groove 5px #D1B48C;background:#8A5735;color:#C38B5A}</style>
Revenir en haut Aller en bas

Libella

Libella
Admin

Fiche de relation 15 Empty
MessageSujet: Re: Fiche de relation 15 Fiche de relation 15 Icon_minitimeMer 12 Juin 2019 - 18:34
Les relations
Sous-titre/Citation/etc
Relation ☥ Eo adducta re per Isauriam, rege Persarum bellis finitimis inligato repellenteque a conlimitiis suis ferocissimas gentes, quae mente quadam versabili hostiliter eum saepe incessunt et in nos arma moventem aliquotiens iuvant, Nohodares quidam nomine e numero optimatum, incursare Mesopotamiam quotiens copia dederit ordinatus, explorabat nostra sollicite, si repperisset usquam locum vi subita perrupturus.
Relation ☥ Eo adducta re per Isauriam, rege Persarum bellis finitimis inligato repellenteque a conlimitiis suis ferocissimas gentes, quae mente quadam versabili hostiliter eum saepe incessunt et in nos arma moventem aliquotiens iuvant, Nohodares quidam nomine e numero optimatum, incursare Mesopotamiam quotiens copia dederit ordinatus, explorabat nostra sollicite, si repperisset usquam locum vi subita perrupturus.
Relation ☥ Eo adducta re per Isauriam, rege Persarum bellis finitimis inligato repellenteque a conlimitiis suis ferocissimas gentes, quae mente quadam versabili hostiliter eum saepe incessunt et in nos arma moventem aliquotiens iuvant, Nohodares quidam nomine e numero optimatum, incursare Mesopotamiam quotiens copia dederit ordinatus, explorabat nostra sollicite, si repperisset usquam locum vi subita perrupturus. Eo adducta re per Isauriam, rege Persarum bellis finitimis inligato repellenteque a conlimitiis suis ferocissimas gentes, quae mente quadam versabili hostiliter eum saepe incessunt et in nos arma moventem aliquotiens iuvant, Nohodares quidam nomine e numero optimatum, incursare Mesopotamiam quotiens copia dederit ordinatus, explorabat nostra sollicite, si repperisset usquam locum vi subita perrupturus.
Codage par Libella sur Graphiorum




Code:
<div class="murEgypteRela"><div class="styleTitre"><div class="titreEgy">Les relations</div><div class="soustitreEgy">Sous-titre/Citation/etc</div></div><img style="display:block;width:450px;margin:auto;margin-top:15px" src="https://nsm08.casimages.com/img/2014/07/15//14071501304314181412388102.png"><div class="blocDesLiens"><!-- LIEN IMAGE A GAUCHE --><div style="display:flex"><div class="imgAvatar gaucheVava" style="background:url('https://66.media.tumblr.com/3c9295c81602327ac46ef4a7b39680da/tumblr_oh70ovYm2o1ucz4ybo8_250.png') center center;background-size:100%"></div><div class="descriDuLien descriDroite"><Naturelien>Relation ☥</Naturelien> Eo adducta re per Isauriam, rege Persarum bellis finitimis inligato repellenteque a conlimitiis suis ferocissimas gentes, quae mente quadam versabili hostiliter eum saepe incessunt et in nos arma moventem aliquotiens iuvant, Nohodares quidam nomine e numero optimatum, incursare Mesopotamiam quotiens copia dederit ordinatus, explorabat nostra sollicite, si repperisset usquam locum vi subita perrupturus.</div></div><!-- FIN LIEN IMAGE A GAUCHE --><!-- LIEN IMAGE A DROITE --><div style="display:flex"><div class="descriDuLien descriGauche"><Naturelien>Relation ☥</Naturelien> Eo adducta re per Isauriam, rege Persarum bellis finitimis inligato repellenteque a conlimitiis suis ferocissimas gentes, quae mente quadam versabili hostiliter eum saepe incessunt et in nos arma moventem aliquotiens iuvant, Nohodares quidam nomine e numero optimatum, incursare Mesopotamiam quotiens copia dederit ordinatus, explorabat nostra sollicite, si repperisset usquam locum vi subita perrupturus.</div><div class="imgAvatar droiteVava" style="background:url('https://66.media.tumblr.com/3c9295c81602327ac46ef4a7b39680da/tumblr_oh70ovYm2o1ucz4ybo8_250.png') center center;background-size:100%"></div></div><!-- FIN LIEN IMAGE A DROITE --><!-- LIEN IMAGE A GAUCHE --><div style="display:flex"><div class="imgAvatar gaucheVava" style="background:url('https://66.media.tumblr.com/3c9295c81602327ac46ef4a7b39680da/tumblr_oh70ovYm2o1ucz4ybo8_250.png') center center;background-size:100%"></div><div class="descriDuLien descriDroite"><Naturelien>Relation ☥</Naturelien> Eo adducta re per Isauriam, rege Persarum bellis finitimis inligato repellenteque a conlimitiis suis ferocissimas gentes, quae mente quadam versabili hostiliter eum saepe incessunt et in nos arma moventem aliquotiens iuvant, Nohodares quidam nomine e numero optimatum, incursare Mesopotamiam quotiens copia dederit ordinatus, explorabat nostra sollicite, si repperisset usquam locum vi subita perrupturus. Eo adducta re per Isauriam, rege Persarum bellis finitimis inligato repellenteque a conlimitiis suis ferocissimas gentes, quae mente quadam versabili hostiliter eum saepe incessunt et in nos arma moventem aliquotiens iuvant, Nohodares quidam nomine e numero optimatum, incursare Mesopotamiam quotiens copia dederit ordinatus, explorabat nostra sollicite, si repperisset usquam locum vi subita perrupturus.</div></div><!-- FIN LIEN IMAGE A GAUCHE --></div></div><div style="font-size:8px;text-align:center;">Codage par Libella sur [url=http://graphiorum.forumactif.com/]Graphiorum[/url]</div>

<link href="https://fonts.googleapis.com/css?family=Metamorphous&display=swap" rel="stylesheet"> <style>.murEgypteRela {width:580px;padding-top:25px;padding-bottom:25px;margin:auto;background:#AC7747;background-image:url(https://zupimages.net/up/18/20/e65d.png);} .styleTitre {width:500px;margin:auto;margin-bottom:10px;text-align:center;font-family: 'Metamorphous', cursive;background:#A77446;color:#933714;border:5px ridge #8A5735;} .titreEgy {margin-bottom:-19px;padding:20px;font-size:25px;font-weight:bold;text-transform: uppercase;text-shadow: 1px 2px 3px #8A5735;} .soustitreEgy {width:450px;margin:auto;margin-bottom:8px;font-size:12px;border-top:1px solid #933714;} .blocDesLiens {width:500px;padding-bottom:20px;margin:auto;background:#A77446;border:5px ridge #8A5735;} .imgAvatar {width:145px;height:231px;margin-top:20px;} .descriDuLien {width:260px;height:211px;overflow:hidden;padding:10px;margin-top:20px;text-align:justify;font-family:verdana;font-size:12px;background:#C38B5A;color:#8A5735} .descriDuLien:hover{overflow:auto} Naturelien {font-weight:bold;} .gaucheVava {margin-left:30px} .descriDroite {margin-left:13px;} .droiteVava {margin-left:13px;} .descriGauche {margin-left:30px}</style>
Revenir en haut Aller en bas
Fiche de relation 15Voir le sujet précédent Voir le sujet suivant Revenir en haut
Page 1 sur 1

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: