I'm not crazy ; My reality is just different than your
 
AccueilAccueil  S'enregistrerS'enregistrer  ConnexionConnexion  

Partagez | 
 

 Codes et prez

Aller en bas 
Aller à la page : Précédent  1, 2, 3 ... 10, 11, 12
AuteurMessage
Snake
La nature se rit des souffrances humaines
avatar

Messages : 1415
Date d'inscription : 08/01/2012

MessageSujet: Re: Codes et prez   Ven 15 Juin - 0:29

Isern d. ibrantog
21 ans / Australien / Etudiant en philosophie / Serveur
Qualité
Qualité
Qualité
Qualité
Défault
Défault
Défault
Défault
RPs en cours
Titre du RP en cours
Prénom P. Nom
Titre du RP en cours
Prénom P. Nom
Titre du RP en cours
Prénom P. Nom
RPs terminés
Titre du RP terminé
Prénom P. Nom
Titre du RP terminé
Prénom P. Nom
Titre du RP terminé
Prénom P. Nom

https://www.youtube.com/watch?v=xlcywgEMuGI


Code:
<link href="https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300" rel="stylesheet" /><style>#maWaifu a{text-decoration:none;}#maWaifu{box-sizing:border-box;width:500px;margin:0 auto;padding:15px;border-radius:5px;box-shadow:0px 0px 5px rgba(66, 66, 74, 0.6);background-image:url('http://zupimages.net/up/17/40/c89g.png');overflow:hidden;color:#a39f92;font-family:calibri;}#maWaifu > div{position:relative;background-color:#f5eef4;height:1090px;line-height:initial;}#maWaifuBordures{position:absolute;bottom:0;left:30px;width:3px;height:100%;padding:0 3px;border-color:transparent #9b68a7 transparent #6a477c;border-style:solid;border-width:0 2px 0 4px;}#maWaifuBordures > div{background-color:#7c5885;width:3px;height:100%;}#maWaifuGif{position:relative;}#maWaifuGif > img{max-width:100%;}#maWaifuName{margin:20px 20px 5px 20px;font-family: 'Open Sans Condensed', serif;font-size:40px;font-style:italic;text-align:right;letter-spacing:5px;color:#c6757e;}#maWaifuName:first-letter{color:#9f636a;font-weight:bold;}#maWaifuInfos{margin:0 5px;font-family: 'Open Sans Condensed', serif;font-size:20px;font-style:italic;text-align:right;letter-spacing:1px;}#maWaifuInfo1{color:#726f68;}#maWaifuInfo2{color:#928e83;}#maWaifuInfo3{color:#b3afa3;}#maWaifuInfo4{color:#c6c2b2;}#maWaifuBeing{margin:5px 0 20px 55px;padding:2px 0 2px 2px;border-color:#d6d6cd;border-style:solid;border-width:3px 0 3px 3px;}#maWaifuBeing > div{padding:10px;background-color:#e0e0d6;}.maWaifuQualite, .maWaifuDefault{position:relative;display:inline-block;width:66px;margin:0 15px 10px 10px;padding:3px 5px;background-color:#f7f0f6;font-style:italic;letter-spacing:1px;font-size:12px;}.maWaifuDefault{margin:0 15px 0 10px;}.maWaifuQualite:before{position:absolute;top:0;left:-10px;display:block;content:'';width:10px;height:20px;background-color:#ced59f;}.maWaifuDefault:before{position:absolute;top:0;left:-10px;display:block;content:'';width:10px;height:20px;background-color:#c6757e;}.maWaifuQualite:nth-child(4){margin:0 0 10px 10px;}.maWaifuDefault:last-of-type{margin:0 0 0 10px;}#maWaifuTitre{margin:20px 20px 5px 20px;font-family: 'Open Sans Condensed', serif;font-size:30px;font-style:italic;text-align:right;letter-spacing:5px;color:#c6757e;}#maWaifuTitre:first-letter{color:#9f636a;font-weight:bold;}#maWaifuRPs{margin-left:55px;max-height:250px;overflow:auto;}.maWaifuLienRP{position:relative;width:100%;height:53.5px;margin-bottom:10px;font-size:16px;}.maWaifuLienRP > a{display:block;position:absolute;right:0;width:407px;padding-right:5px;border-bottom:1.5px solid #d6d6cd;font-family: 'Open Sans Condensed', serif;color:#928e83;font-size:20px;font-style:italic;text-align:right;letter-spacing:1px;}.maWaifuPseudoRP{position:absolute;bottom:0;right:0;width:359px;padding:2px 10px 2px 20px;background-color:#e0e0d6;font-style:italic;}.maWaifuPseudoRP:before{position:absolute;top:0;left:-22px;content:'';width:0;height:0;border-style:solid;border-width:0 22px 22px 0;border-color:transparent #e0e0d6 transparent transparent;}.maWaifuIcon{float:right;width:79px;margin:5px 15px 0 0;padding:2px;border-color:#d6d6cd;border-style:solid;border-width:3px;box-sizing:border-box;}#maWaifuMusic{padding-left:130px;font-size:11px;font-weight:bold;font-style:italic;font-family:'Open Sans Condensed', serif;letter-spacing:2px;text-transform:uppercase;}</style><!--
--><div id="maWaifu"><!--
--><div><!--
--><div id="maWaifuBordures"><div></div></div><!--
--><div id="maWaifuGif"><!--
--><img src="http://zupimages.net/up/17/40/54s3.gif"/><!--
--></div><!--
--><div id="maWaifuName">Isern d. ibrantog</div><!--
--><div id="maWaifuInfos"><!--
--><span id="maWaifuInfo1">21 ans / </span><!--
--><span id="maWaifuInfo2">Australien / </span><!--
--><span id="maWaifuInfo3">Etudiant en philosophie / </span><!--
--><span id="maWaifuInfo4">Serveur</span><!--
--></div><!--
--><div id="maWaifuBeing"><div><!--
--><div class="maWaifuQualite">Qualité</div><!--
--><div class="maWaifuQualite">Qualité</div><!--
--><div class="maWaifuQualite">Qualité</div><!--
--><div class="maWaifuQualite">Qualité</div><!--
--><div class="maWaifuDefault">Défault</div><!--
--><div class="maWaifuDefault">Défault</div><!--
--><div class="maWaifuDefault">Défault</div><!--
--><div class="maWaifuDefault">Défault</div><!--
--></div></div><!--
--><div id="maWaifuTitre">RPs en cours</div><!--
--><div id="maWaifuRPs"><!--
--><div class="maWaifuLienRP"><!--
--><a href="#">Titre du RP en cours</a><!--
--><div class="maWaifuPseudoRP">Prénom P. Nom</div><!--
--></div><!--
--><div class="maWaifuLienRP"><!--
--><a href="#">Titre du RP en cours</a><!--
--><div class="maWaifuPseudoRP">Prénom P. Nom</div><!--
--></div><!--
--><div class="maWaifuLienRP"><!--
--><a href="#">Titre du RP en cours</a><!--
--><div class="maWaifuPseudoRP">Prénom P. Nom</div><!--
--></div><!--
--></div><!--
--><div id="maWaifuTitre">RPs terminés</div><!--
--><div id="maWaifuRPs"><!--
--><div class="maWaifuLienRP"><!--
--><a href="#">Titre du RP terminé</a><!--
--><div class="maWaifuPseudoRP">Prénom P. Nom</div><!--
--></div><!--
--><div class="maWaifuLienRP"><!--
--><a href="#">Titre du RP terminé</a><!--
--><div class="maWaifuPseudoRP">Prénom P. Nom</div><!--
--></div><!--
--><div class="maWaifuLienRP"><!--
--><a href="#">Titre du RP terminé</a><!--
--><div class="maWaifuPseudoRP">Prénom P. Nom</div><!--
--></div><!--
--></div><!--
--><img class="maWaifuIcon" src="http://zupimages.net/up/17/40/d4o8.png"/><!--
--><img class="maWaifuIcon" src="http://zupimages.net/up/17/40/3ftc.png"/><!--
--><img class="maWaifuIcon" src="http://zupimages.net/up/17/40/zbgd.png"/><!--
--><img class="maWaifuIcon" src="http://zupimages.net/up/17/40/6d7e.png"/><!--
--><div style="clear:both;"></div><!--
--><br/><a id="maWaifuMusic" href="https://www.youtube.com/watch?v=xlcywgEMuGI">https://www.youtube.com/watch?v=xlcywgEMuGI</a><!--
--></div><!--
--></div>
Revenir en haut Aller en bas
http://snake-test.forumgratuit.org
Snake
La nature se rit des souffrances humaines
avatar

Messages : 1415
Date d'inscription : 08/01/2012

MessageSujet: Re: Codes et prez   Ven 15 Juin - 16:47

Ce carnet appartient à
Nom
Réponse
Prénoms
Prénom deuxième
Âge
Réponse
Nationalité
Réponse
Métier
Réponse
Groupe
Réponse
Notes
Petite rectangle pour description rapide des infos sur le personnage comme son caractère, son histoire, ses qualités, ses défauts, des caractéristiques diverses, etc. Quaestione igitur per multiplices dilatata fortunas cum ambigerentur quaedam, non nulla levius actitata constaret, post multorum clades Apollinares ambo pater et filius in exilium acti cum ad locum Crateras nomine pervenissent, villam scilicet suam quae ab Antiochia vicensimo et quarto disiungitur lapide, ut mandatum est, fractis cruribus occiduntur.

Haec ubi latius fama vulgasset missaeque relationes adsiduae Gallum Caesarem permovissent, quoniam magister equitum longius ea tempestate distinebatur, iussus comes orientis Nebridius contractis undique militaribus copiis ad eximendam periculo civitatem amplam et oportunam studio properabat ingenti, quo cognito abscessere latrones nulla re amplius memorabili gesta, dispersique ut solent avia montium petiere celsorum.

Eius populus ab incunabulis primis ad usque pueritiae tempus extremum, quod annis circumcluditur fere trecentis, circummurana pertulit bella, deinde aetatem ingressus adultam post multiplices bellorum aerumnas Alpes transcendit et fretum, in iuvenem erectus et virum ex omni plaga quam orbis ambit inmensus, reportavit laureas et triumphos, iamque vergens in senium et nomine solo aliquotiens vincens ad tranquilliora vitae discessit.
Recherches
Lien recherché (♀/♂) : Quaestione igitur per multiplices dilatata fortunas cum ambigerentur quaedam, non nulla levius actitata constaret.
Codage par Libella sur Graphiorum



Code:
<center><!-- MARQUE PAGE --><div class="mpstru"><div class="mpbase" style="margin-left:25px;margin-bottom:-30px;background:#0F825C"></div><div class="mpbase" style="margin-left:150px;background:#AF825C"></div></div><!-- CARNET --><div class="lecarnet"><div class="pagen1"><div class="pagen2"><div class="imagecarnet" style="background:url('https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcT-pouoYv6LMFveFE_iB3pwG5U7b6O6b-qN7TFEbZ5myY-uxR65');background-size:100%;"></div><div class="pageprinci"><div class="titrecarnetrela">Ce carnet appartient à</div><div style="height:470px;padding-left:8px;"><div class="champrela">Nom</div><div class="reprela">Réponse</div><div class="champrela">Prénoms</div><div class="reprela">Prénom deuxième</div><div class="champrela">Âge</div><div class="reprela">Réponse</div><div class="champrela">Nationalité</div><div class="reprela">Réponse</div><div class="champrela"">Métier</div><div class="reprela">Réponse</div><div class="champrela">Groupe</div><div class="reprela">Réponse</div></div><div class="soustitrerela">Notes</div><div class="rectrela">Petite rectangle pour description rapide des infos sur le personnage comme son caractère, son histoire, ses qualités, ses défauts, des caractéristiques diverses, etc. Quaestione igitur per multiplices dilatata fortunas cum ambigerentur quaedam, non nulla levius actitata constaret, post multorum clades Apollinares ambo pater et filius in exilium acti cum ad locum Crateras nomine pervenissent, villam scilicet suam quae ab Antiochia vicensimo et quarto disiungitur lapide, ut mandatum est, fractis cruribus occiduntur.

Haec ubi latius fama vulgasset missaeque relationes adsiduae Gallum Caesarem permovissent, quoniam magister equitum longius ea tempestate distinebatur, iussus comes orientis Nebridius contractis undique militaribus copiis ad eximendam periculo civitatem amplam et oportunam studio properabat ingenti, quo cognito abscessere latrones nulla re amplius memorabili gesta, dispersique ut solent avia montium petiere celsorum.

Eius populus ab incunabulis primis ad usque pueritiae tempus extremum, quod annis circumcluditur fere trecentis, circummurana pertulit bella, deinde aetatem ingressus adultam post multiplices bellorum aerumnas Alpes transcendit et fretum, in iuvenem erectus et virum ex omni plaga quam orbis ambit inmensus, reportavit laureas et triumphos, iamque vergens in senium et nomine solo aliquotiens vincens ad tranquilliora vitae discessit.</div><div class="soustitrerela">Recherches</div><div class="rectrela">Lien recherché (♀/♂) : Quaestione igitur per multiplices dilatata fortunas cum ambigerentur quaedam, non nulla levius actitata constaret.
</div></div></div></div></div><div style="font-size:8px;text-align:center;">Codage par Libella sur [url=http://graphiorum.forumactif.com/]Graphiorum[/url]</div></center><link href="https://fonts.googleapis.com/css?family=Fredericka+the+Great|Rock+Salt" rel="stylesheet">
<style type="text/css">.lecarnet {height:620px;width:530px;border-radius:10px/15px;background:#F0DCC4;color:#000;border:8px solid #715445;border-right:10px solid #715445;border-left:10px solid #715445;box-shadow: #80604F 0px 0px 3px} .pagen1 {height:615px;width: 520px;-webkit-transform:rotate(0.5deg);background:#F0DCC4;border:2px solid #E2BB8B} .pagen2 {height:615px;width:515px;-webkit-transform:rotate(-1deg);margin-top:-2px;background:#F0DCC4;border:2px solid #E2BB8B} .pageprinci {position:relative;z-index:5;-webkit-transform:rotate(0.5deg);width: 500px;height:620px;margin-top:-4px;text-align: justify;font-family: verdana;column-width: 111px;column-count: 2;-moz-column-count: 2; webkit-column-count: 2;column-gap: 22px;-webkit-column-gap: 22px;background:#F0DCC4;border:2px solid #E2BB8B;column-rule: 3px solid #715445 ;} .mpstru {width:530px;text-align:left;margin-top:20px;margin-bottom:-8px} .mpbase {opacity:0.6;height:30px;width:95px;border-radius: 10px 10px 0px 0px;} .imagecarnet {position:relative;z-index:3;width:150px;height:80px;margin-left:400px;margin-top:-50px;margin-bottom:-45px;-webkit-transform:rotate(20deg);border: solid 5px #fff;filter:sepia(80%)} .titrecarnetrela {text-align:center;font-family: 'Fredericka the Great', cursive;font-size:28px;padding:10px;border-bottom: 1px solid #000} .champrela {padding-top:8px;text-transform:uppercase;font-familly:11px;} .reprela {width:210px;padding:10px 10px 0px 10px;font-family: 'Rock Salt', cursive;font-size:14px;border-bottom: 1px dotted #000} .soustitrerela {font-family: 'Fredericka the Great', cursive;padding-top:10px;text-transform:uppercase;font-familly:14px;} .rectrela {margin-left:8px;padding:10px;width:200px;height:210px;overflow:auto;background:#DEB37C}</style>

Rencontres féminines/masculines/neutre/positives/négatifs/etc

Nom prénom du personnage
RelationUt enim quisque sibi plurimum confidit et ut quisque maxime virtute et sapientia sic munitus est, ut nullo egeat suaque omnia in se ipso posita iudicet, ita in amicitiis expetendis colendisque maxime excellit. Quid enim? Africanus indigens mei? Minime hercule! ac ne ego quidem illius; sed ego admiratione quadam virtutis eius, ille vicissim opinione fortasse non nulla, quam de meis moribus habebat, me dilexit; auxit benevolentiam consuetudo. Sed quamquam utilitates multae et magnae consecutae sunt, non sunt tamen ab earum spe causae diligendi profectae.

Metuentes igitur idem latrones Lycaoniam magna parte campestrem cum se inpares nostris fore congressione stataria documentis frequentibus scirent, tramitibus deviis petivere Pamphyliam diu quidem intactam sed timore populationum et caedium, milite per omnia diffuso propinqua, magnis undique praesidiis conmunitam.

Coactique aliquotiens nostri pedites ad eos persequendos scandere clivos sublimes etiam si lapsantibus plantis fruticeta prensando vel dumos ad vertices venerint summos, inter arta tamen et invia nullas acies explicare permissi nec firmare nisu valido gressus: hoste discursatore rupium abscisa volvente, ruinis ponderum inmanium consternuntur, aut ex necessitate ultima fortiter dimicante, superati periculose per prona discedunt
Nom prénom du personnage
RelationUt enim quisque sibi plurimum confidit et ut quisque maxime virtute et sapientia sic munitus est, ut nullo egeat suaque omnia in se ipso posita iudicet, ita in amicitiis expetendis colendisque maxime excellit. Quid enim? Africanus indigens mei? Minime hercule! ac ne ego quidem illius; sed ego admiratione quadam virtutis eius, ille vicissim opinione fortasse non nulla, quam de meis moribus habebat, me dilexit; auxit benevolentiam consuetudo. Sed quamquam utilitates multae et magnae consecutae sunt, non sunt tamen ab earum spe causae diligendi profectae.

Metuentes igitur idem latrones Lycaoniam magna parte campestrem cum se inpares nostris fore congressione stataria documentis frequentibus scirent, tramitibus deviis petivere Pamphyliam diu quidem intactam sed timore populationum et caedium, milite per omnia diffuso propinqua, magnis undique praesidiis conmunitam.

Coactique aliquotiens nostri pedites ad eos persequendos scandere clivos sublimes etiam si lapsantibus plantis fruticeta prensando vel dumos ad vertices venerint summos, inter arta tamen et invia nullas acies explicare permissi nec firmare nisu valido gressus: hoste discursatore rupium abscisa volvente, ruinis ponderum inmanium consternuntur, aut ex necessitate ultima fortiter dimicante, superati periculose per prona discedunt
Codage par Libella sur Graphiorum


Code:
<center><!-- MARQUE PAGE --><div class="mpstru"><div class="mpbase" style="margin-left:25px;margin-bottom:-10px;background:#0F825C"></div></div><!-- CARNET --><div class="lecarnetrela"><div class="pagen1rela"><div class="pagen2rela"><div class="imagecarnet" style="background:url('https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcT-pouoYv6LMFveFE_iB3pwG5U7b6O6b-qN7TFEbZ5myY-uxR65');background-size:100%;"></div><div class="pageprincirela"><div class="titrecarnet">Rencontres féminines/masculines/neutre/positives/négatifs/etc</div>
<!-- RELA GAUCHE --><div class="carnetimgleft"><img src="https://zupimages.net/up/18/23/o3ny.png" style="width:100px;height:160px"/>Nom prénom du personnage</div><div class="descrirela"><span class="titrerela">Relation</span>Ut enim quisque sibi plurimum confidit et ut quisque maxime virtute et sapientia sic munitus est, ut nullo egeat suaque omnia in se ipso posita iudicet, ita in amicitiis expetendis colendisque maxime excellit. Quid enim? Africanus indigens mei? Minime hercule! ac ne ego quidem illius; sed ego admiratione quadam virtutis eius, ille vicissim opinione fortasse non nulla, quam de meis moribus habebat, me dilexit; auxit benevolentiam consuetudo. Sed quamquam utilitates multae et magnae consecutae sunt, non sunt tamen ab earum spe causae diligendi profectae.

Metuentes igitur idem latrones Lycaoniam magna parte campestrem cum se inpares nostris fore congressione stataria documentis frequentibus scirent, tramitibus deviis petivere Pamphyliam diu quidem intactam sed timore populationum et caedium, milite per omnia diffuso propinqua, magnis undique praesidiis conmunitam.

Coactique aliquotiens nostri pedites ad eos persequendos scandere clivos sublimes etiam si lapsantibus plantis fruticeta prensando vel dumos ad vertices venerint summos, inter arta tamen et invia nullas acies explicare permissi nec firmare nisu valido gressus: hoste discursatore rupium abscisa volvente, ruinis ponderum inmanium consternuntur, aut ex necessitate ultima fortiter dimicante, superati periculose per prona discedunt</div><div class="stop"></div><!-- FIN RELA GAUCHE --><!-- RELA DROITE --><div class="carnetimgright"><img src="https://zupimages.net/up/18/23/o3ny.png" style="width:100px;height:160px"/>Nom prénom du personnage</div><div class="descrirela"><span class="titrerela">Relation</span>Ut enim quisque sibi plurimum confidit et ut quisque maxime virtute et sapientia sic munitus est, ut nullo egeat suaque omnia in se ipso posita iudicet, ita in amicitiis expetendis colendisque maxime excellit. Quid enim? Africanus indigens mei? Minime hercule! ac ne ego quidem illius; sed ego admiratione quadam virtutis eius, ille vicissim opinione fortasse non nulla, quam de meis moribus habebat, me dilexit; auxit benevolentiam consuetudo. Sed quamquam utilitates multae et magnae consecutae sunt, non sunt tamen ab earum spe causae diligendi profectae.

Metuentes igitur idem latrones Lycaoniam magna parte campestrem cum se inpares nostris fore congressione stataria documentis frequentibus scirent, tramitibus deviis petivere Pamphyliam diu quidem intactam sed timore populationum et caedium, milite per omnia diffuso propinqua, magnis undique praesidiis conmunitam.

Coactique aliquotiens nostri pedites ad eos persequendos scandere clivos sublimes etiam si lapsantibus plantis fruticeta prensando vel dumos ad vertices venerint summos, inter arta tamen et invia nullas acies explicare permissi nec firmare nisu valido gressus: hoste discursatore rupium abscisa volvente, ruinis ponderum inmanium consternuntur, aut ex necessitate ultima fortiter dimicante, superati periculose per prona discedunt</div><div class="stop"></div><!-- FIN RELA DROITE --></div></div></div></div><div style="font-size:8px;text-align:center;">Codage par Libella sur [url=http://graphiorum.forumactif.com/]Graphiorum[/url]</div></center><link href="https://fonts.googleapis.com/css?family=Rock+Salt" rel="stylesheet"><style type="text/css">.lecarnetrela {width:530px;border-radius:10px/15px;background:#F0DCC4;color:#000;border-top:8px solid #715445;border-bottom:8px solid #715445;border-right:10px solid #715445;border-left:6px solid #715445;box-shadow: #80604F 0px 0px 3px} .pagen1rela {width: 520px;-webkit-transform:rotate(0.5deg);background:#F0DCC4;border:2px solid #E2BB8B} .pagen2rela {width:515px;-webkit-transform:rotate(-1deg);background:#F0DCC4;border:2px solid #E2BB8B} .pageprincirela {position:relative;z-index:5;-webkit-transform:rotate(0.5deg);width: 515px;margin-top:3px;margin-left:-15px;text-align: justify;font-family: verdana;background:#F0DCC4;border:2px solid #E2BB8B;} .mpstru {width:530px;text-align:left;margin-top:20px;margin-bottom:-8px} .mpbase {opacity:0.6;height:30px;width:95px;border-radius: 10px 10px 0px 0px;} .imagecarnet {position:relative;z-index:3;width:150px;height:80px;margin-left:400px;margin-top:-50px;margin-bottom:-45px;-webkit-transform:rotate(20deg);border: solid 5px #fff;filter:sepia(80%)} .titrecarnet {text-align:center;font-family: 'Rock Salt', cursive;font-size:24px;padding:20px} .titrerela {text-align:center;font-family: 'Rock Salt', cursive;font-size:14px;padding:10px} .descrirela {margin-bottom:10px;height:120px;overflow:auto;padding:15px;font-family:verdana;text-align:justify;font-size:12px;word-spacing:-1px;line-height: 16px;} .carnetimgleft {float:left;width:100px;height: 160px;-webkit-transform:rotate(-10deg);border: solid #FFF 8px;border-bottom: solid #FFF 35px;text-align:center;font-family: tahoma; font-size: 12px; color:#453E3D;margin-bottom:5px;} .carnetimgright {float:right;width:100px;height: 160px;-webkit-transform:rotate(10deg);border: solid #FFF 8px;border-bottom: solid #FFF 35px;text-align:center;font-family: tahoma; font-size: 12px; color:#453E3D;margin-bottom:5px;} .stop {clear:both}</style>

Liste des aventures

Nom personnage est actuellement disponible/indisponible pour une nouvelle aventure, puisqu'il/elle en a x/x en cours.

Liste des aventures prévues :
  • 1 aventure avec Nouf-Nouf dans la grange
  • 2 aventures avec Nif-Nif dans un lieu à déterminer
  • Construction d'une maison de briques avec Naf-Naf
  • etc
Rps en cours
₪ [url=adresse du rp] Titre du rp[/url] avec Nom du personnage
₪ [url=adresse du rp] Titre du rp[/url] avec Nom du personnage
₪ [url=adresse du rp] Titre du rp[/url] avec Nom du personnage
Rps terminés
₪ [url=adresse du rp] Titre du rp[/url] avec Nom du personnage
₪ [url=adresse du rp] Titre du rp[/url] avec Nom du personnage
₪ [url=adresse du rp] Titre du rp[/url] avec Nom du personnage
₪ [url=adresse du rp] Titre du rp[/url] avec Nom du personnage
₪ [url=adresse du rp] Titre du rp[/url] avec Nom du personnage
₪ [url=adresse du rp] Titre du rp[/url] avec Nom du personnage
₪ [url=adresse du rp] Titre du rp[/url] avec Nom du personnage
₪ [url=adresse du rp] Titre du rp[/url] avec Nom du personnage
₪ [url=adresse du rp] Titre du rp[/url] avec Nom du personnage
₪ [url=adresse du rp] Titre du rp[/url] avec Nom du personnage
Rps abandonnés
₪ [url=adresse du rp] Titre du rp[/url] avec Nom du personnage
₪ [url=adresse du rp] Titre du rp[/url] avec Nom du personnage
₪ [url=adresse du rp] Titre du rp[/url] avec Nom du personnage
₪ [url=adresse du rp] Titre du rp[/url] avec Nom du personnage
₪ [url=adresse du rp] Titre du rp[/url] avec Nom du personnage
₪ [url=adresse du rp] Titre du rp[/url] avec Nom du personnage
₪ [url=adresse du rp] Titre du rp[/url] avec Nom du personnage
₪ [url=adresse du rp] Titre du rp[/url] avec Nom du personnage
₪ [url=adresse du rp] Titre du rp[/url] avec Nom du personnage
₪ [url=adresse du rp] Titre du rp[/url] avec Nom du personnage
Codage par Libella sur Graphiorum


Code:
<center><!-- MARQUE PAGE --><div class="mpstru"><div class="mpbase" style="margin-left:25px;margin-bottom:-30px;background:#0F825C"></div><div class="mpbase" style="margin-left:150px;background:#AF825C"></div></div><!-- CARNET --><div class="lecarnet"><div class="pagen1"><div class="pagen2"><div class="imagecarnet" style="background:url('https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcT-pouoYv6LMFveFE_iB3pwG5U7b6O6b-qN7TFEbZ5myY-uxR65');background-size:100%;"></div><div class="pageprinci"><div class="titrecarnet">Liste des aventures</div><!-- INTRO --><img src="https://c1.staticflickr.com/2/1686/24609455013_38d435e15e_b.jpg" style="width:150px;-webkit-transform:rotate(-5deg);border: solid 5px #fff;margin-left:30px; filter:sepia(80%);margin-bottom:-15px"/><img src="https://c1.staticflickr.com/4/3892/14364885306_e4bc8886d5_c.jpg" style="width:120px;-webkit-transform:rotate(15deg);border: solid 5px #fff;margin-left:30px;filter:sepia(80%);"/><div style="padding:5px">
Nom personnage est actuellement [b]disponible/indisponible[/b] pour une nouvelle aventure, puisqu'il/elle en a [b]x/x[/b] en cours.

Liste des aventures prévues :<ul><li>1 aventure avec Nouf-Nouf dans la grange</li><li>2 aventures avec Nif-Nif dans un lieu à déterminer</li><li>Construction d'une maison de briques avec Naf-Naf</li><li>etc</li></ul></div><div class="titrecarnet">Rps en cours</div><div class="lesrpscar">₪ [url=adresse du rp] Titre du rp[/url] avec Nom du personnage
₪ [url=adresse du rp] Titre du rp[/url] avec Nom du personnage
₪ [url=adresse du rp] Titre du rp[/url] avec Nom du personnage</div><div class="titrecarnet">Rps terminés</div><div class="lesrpscar">₪ [url=adresse du rp] Titre du rp[/url] avec Nom du personnage
₪ [url=adresse du rp] Titre du rp[/url] avec Nom du personnage
₪ [url=adresse du rp] Titre du rp[/url] avec Nom du personnage
₪ [url=adresse du rp] Titre du rp[/url] avec Nom du personnage
₪ [url=adresse du rp] Titre du rp[/url] avec Nom du personnage
₪ [url=adresse du rp] Titre du rp[/url] avec Nom du personnage
₪ [url=adresse du rp] Titre du rp[/url] avec Nom du personnage
₪ [url=adresse du rp] Titre du rp[/url] avec Nom du personnage
₪ [url=adresse du rp] Titre du rp[/url] avec Nom du personnage
₪ [url=adresse du rp] Titre du rp[/url] avec Nom du personnage</div><div class="titrecarnet">Rps abandonnés</div><div class="lesrpscar">₪ [url=adresse du rp] Titre du rp[/url] avec Nom du personnage
₪ [url=adresse du rp] Titre du rp[/url] avec Nom du personnage
₪ [url=adresse du rp] Titre du rp[/url] avec Nom du personnage
₪ [url=adresse du rp] Titre du rp[/url] avec Nom du personnage
₪ [url=adresse du rp] Titre du rp[/url] avec Nom du personnage
₪ [url=adresse du rp] Titre du rp[/url] avec Nom du personnage
₪ [url=adresse du rp] Titre du rp[/url] avec Nom du personnage
₪ [url=adresse du rp] Titre du rp[/url] avec Nom du personnage
₪ [url=adresse du rp] Titre du rp[/url] avec Nom du personnage
₪ [url=adresse du rp] Titre du rp[/url] avec Nom du personnage</div><!-- rp --></div></div></div></div><div style="font-size:8px;text-align:center;">Codage par Libella sur [url=http://graphiorum.forumactif.com/]Graphiorum[/url]</div></center><link href="https://fonts.googleapis.com/css?family=Rock+Salt" rel="stylesheet"><style type="text/css">.lecarnet {height:620px;width:530px;border-radius:10px/15px;background:#F0DCC4;color:#000;border:8px solid #715445;border-right:10px solid #715445;border-left:10px solid #715445;box-shadow: #80604F 0px 0px 3px} .pagen1 {height:615px;width: 520px;-webkit-transform:rotate(0.5deg);background:#F0DCC4;border:2px solid #E2BB8B} .pagen2 {height:615px;width:515px;-webkit-transform:rotate(-1deg);margin-top:-2px;background:#F0DCC4;border:2px solid #E2BB8B} .pageprinci {position:relative;z-index:5;-webkit-transform:rotate(0.5deg);width: 500px;height:620px;margin-top:-4px;text-align: justify;font-family: verdana;column-width: 111px;column-count: 2;-moz-column-count: 2; webkit-column-count: 2;column-gap: 22px;-webkit-column-gap: 22px;background:#F0DCC4;border:2px solid #E2BB8B;column-rule: 3px solid #715445 ;} .mpstru {width:530px;text-align:left;margin-top:20px;margin-bottom:-8px} .mpbase {opacity:0.6;height:30px;width:95px;border-radius: 10px 10px 0px 0px;} .imagecarnet {position:relative;z-index:3;width:150px;height:80px;margin-left:400px;margin-top:-50px;margin-bottom:-45px;-webkit-transform:rotate(20deg);border: solid 5px #fff;filter:sepia(80%)} .titrecarnet {text-align:center;font-family: 'Rock Salt', cursive;font-size:24px;padding:20px} .lesrpscar {margin-bottom:10px;height:120px;overflow:auto;padding:15px;font-family:verdana;text-align:justify;font-size:12px;word-spacing:-1px;line-height: 16px;}</style>
Revenir en haut Aller en bas
http://snake-test.forumgratuit.org
Snake
La nature se rit des souffrances humaines
avatar

Messages : 1415
Date d'inscription : 08/01/2012

MessageSujet: Re: Codes et prez   Mer 20 Juin - 13:21

Récapitulatif des rps
Rps prévus
Personnage ◮ Contexte/idée de prévu
Personnage ◮ Contexte/idée de prévu
Rps en cours

[url=adresse du rp]◮[/url] Titre du rp avec Nom du personnage
[url=adresse du rp]◮[/url] Titre du rp avec Nom du personnage
[url=adresse du rp]◮[/url] Titre du rp avec Nom du personnage
Rps terminés

[url=adresse du rp]◮[/url] Titre du rp avec Nom du personnage
[url=adresse du rp]◮[/url] Titre du rp avec Nom du personnage
[url=adresse du rp]◮[/url] Titre du rp avec Nom du personnage
Codage par Libella sur Graphiorum


Code:
<link href="https://fonts.googleapis.com/css?family=Anton" rel="stylesheet"><center><div style="width:480px;padding:8px;background:#DBDBDB;color:#818181"><center><img src="http://i.imgur.com/4m4gLzu.gif" style="width:145px;height:145px;border:solid 5px #EEE"/> <img src="https://78.media.tumblr.com/a91d6f7b22707c9e61f571105b5ceb4a/tumblr_inline_nzxa5iz9Fo1sc3ygs_400.gif" style="width:145px;height:145px;border:solid 5px #EEE"/> <img src="https://78.media.tumblr.com/7c66b5a17dafc8f899a062305389a88d/tumblr_inline_nx7z5vKlOt1t1u175_250.gif" style="width:145px;height:145px;border:solid 5px #EEE"/><div style="width:451px;padding:11px;font-family: 'Anton', sans-serif; font-size:28px;background:#EEE">Récapitulatif des rps</div></center><table style="margin-top:2px"><td style="background:#EEE;width:200px;height:320px;padding:5px"><img src="https://zupimages.net/up/18/24/epnj.png" style="width:200px;height:320px;"></td><td><div style="background:#EEE;width:249px;height:320px;overflow:auto; padding:5px;"><div style="width:200px;padding:11px;font-family: 'Anton', sans-serif; font-size:18px;border-bottom: 1px solid #818181">Rps prévus</div>Personnage ◮ Contexte/idée de prévu
Personnage ◮ Contexte/idée de prévu
<div style="width:200px;padding:11px;font-family: 'Anton', sans-serif; font-size:18px;border-bottom: 1px solid #818181">Rps en cours</div>
[url=adresse du rp]◮[/url]  Titre du rp avec Nom du personnage
[url=adresse du rp]◮[/url]  Titre du rp avec Nom du personnage
[url=adresse du rp]◮[/url]  Titre du rp avec Nom du personnage
<div style="width:200px;padding:11px;font-family: 'Anton', sans-serif; font-size:18px;border-bottom: 1px solid #818181">Rps terminés</div>
[url=adresse du rp]◮[/url]  Titre du rp avec Nom du personnage
[url=adresse du rp]◮[/url]  Titre du rp avec Nom du personnage
[url=adresse du rp]◮[/url]  Titre du rp avec Nom du personnage</div></td></table><div style="font-size:8px;text-align:center;">Codage par Libella sur [url=http://graphiorum.forumactif.com/]Graphiorum[/url]</div></div></center>

Récapitulatif des rps
Rps prévus
Personnage ◮ Contexte/idée de prévu
Personnage ◮ Contexte/idée de prévu
Rps en cours
[url=adresse du rp]◮[/url] Titre du rp avec Nom du personnage
[url=adresse du rp]◮[/url] Titre du rp avec Nom du personnage
[url=adresse du rp]◮[/url] Titre du rp avec Nom du personnage
Rps terminés
[url=adresse du rp]◮[/url] Titre du rp avec Nom du personnage
[url=adresse du rp]◮[/url] Titre du rp avec Nom du personnage
[url=adresse du rp]◮[/url] Titre du rp avec Nom du personnage
Codage par Libella sur Graphiorum


Code:
<link href="https://fonts.googleapis.com/css?family=Anton" rel="stylesheet"><center><div style="width:480px;padding:8px;background:#DBDBDB;color:#818181"><div style="width:451px;padding:11px;margin-top:2px;margin-bottom:2px;font-family: 'Anton', sans-serif; font-size:28px;background:#EEE">Récapitulatif des rps</div><center><img src="http://i.imgur.com/4m4gLzu.gif" style="width:145px;height:145px;border:solid 5px #EEE"/> <img src="https://78.media.tumblr.com/a91d6f7b22707c9e61f571105b5ceb4a/tumblr_inline_nzxa5iz9Fo1sc3ygs_400.gif" style="width:145px;height:145px;border:solid 5px #EEE"/> <img src="https://78.media.tumblr.com/7c66b5a17dafc8f899a062305389a88d/tumblr_inline_nx7z5vKlOt1t1u175_250.gif" style="width:145px;height:145px;border:solid 5px #EEE"/><div style="width:451px;padding:11px;margin-top:2px;font-family: 'Anton', sans-serif; font-size:28px;background:#EEE">Rps prévus</div><div style="width:451px;height:150px; overflow:auto;padding:11px;margin-top:5px;text-align:justify;background:#EEE">Personnage ◮ Contexte/idée de prévu
Personnage ◮ Contexte/idée de prévu</div><div style="width:451px;padding:11px;margin-top:5px;font-family: 'Anton', sans-serif; font-size:28px;background:#EEE">Rps en cours</div><div style="width:451px;height:150px; overflow:auto;padding:11px;margin-top:5px;text-align:justify;background:#EEE">[url=adresse du rp]◮[/url]  Titre du rp avec Nom du personnage
[url=adresse du rp]◮[/url]  Titre du rp avec Nom du personnage
[url=adresse du rp]◮[/url]  Titre du rp avec Nom du personnage</div><div style="width:451px;padding:11px;margin-top:5px;font-family: 'Anton', sans-serif; font-size:28px;background:#EEE">Rps terminés</div><div style="width:451px;height:150px; overflow:auto;padding:11px;margin-top:5px;text-align:justify;background:#EEE">[url=adresse du rp]◮[/url]  Titre du rp avec Nom du personnage
[url=adresse du rp]◮[/url]  Titre du rp avec Nom du personnage
[url=adresse du rp]◮[/url]  Titre du rp avec Nom du personnage</div><div style="font-size:8px;text-align:center;">Codage par Libella sur [url=http://graphiorum.forumactif.com/]Graphiorum[/url]</div></div></center>
Revenir en haut Aller en bas
http://snake-test.forumgratuit.org
Snake
La nature se rit des souffrances humaines
avatar

Messages : 1415
Date d'inscription : 08/01/2012

MessageSujet: Re: Codes et prez   Dim 1 Juil - 4:06



Nom du monstre

Endurance : 50 - Force : 60 - Dex : 30

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse id sagittis lacus. Aliquam hendrerit congue erat, vel tristique ipsum egestas in. Praesent tempor porta nunc at ultrices. Proin faucibus urna sed enim vehicula, ut accumsan ligula porttitor. Maecenas commodo commodo porttitor. Maecenas sit amet eleifend lectus. Proin fermentum felis nec est maximus, dapibus lacinia neque tempus. Ut accumsan lacinia elit, in tristique metus sagittis nec.


Nom du monstre

Endurance : 50 - Force : 60 - Dex : 30

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse id sagittis lacus. Aliquam hendrerit congue erat, vel tristique ipsum egestas in. Praesent tempor porta nunc at ultrices. Proin faucibus urna sed enim vehicula, ut accumsan ligula porttitor. Maecenas commodo commodo porttitor. Maecenas sit amet eleifend lectus. Proin fermentum felis nec est maximus, dapibus lacinia neque tempus. Ut accumsan lacinia elit, in tristique metus sagittis nec.


Nom du monstre

Endurance : 50 - Force : 60 - Dex : 30

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse id sagittis lacus. Aliquam hendrerit congue erat, vel tristique ipsum egestas in. Praesent tempor porta nunc at ultrices. Proin faucibus urna sed enim vehicula, ut accumsan ligula porttitor. Maecenas commodo commodo porttitor. Maecenas sit amet eleifend lectus. Proin fermentum felis nec est maximus, dapibus lacinia neque tempus. Ut accumsan lacinia elit, in tristique metus sagittis nec.

Halloween


Code:
<link href="https://fonts.googleapis.com/css?family=Economica|Playfair+Display" rel="stylesheet">
<div class="bestiaire"><div class="bloc_bestiaire"><img src="https://i.imgur.com/uWIzOjY.png" alt="" class="img_monstre" /><div class="contenu_bloc_bestiaire"><img src="https://i.imgur.com/oo4FNwh.png" alt="" />
<h2>Nom du monstre</h2><h3>Endurance : 50 - Force : 60 - Dex : 30</h3><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse id sagittis lacus. Aliquam hendrerit congue erat, vel tristique ipsum egestas in. Praesent tempor porta nunc at ultrices. Proin faucibus urna sed enim vehicula, ut accumsan ligula porttitor. Maecenas commodo commodo porttitor. Maecenas sit amet eleifend lectus. Proin fermentum felis nec est maximus, dapibus lacinia neque tempus. Ut accumsan lacinia elit, in tristique metus sagittis nec. </p></div></div><div class="bloc_bestiaire"><img src="https://i.imgur.com/Swmwyag.png" alt="" class="img_monstre" /><div class="contenu_bloc_bestiaire"><img src="https://i.imgur.com/d6ewpSf.png" alt="" />
<h2>Nom du monstre</h2><h3>Endurance : 50 - Force : 60 - Dex : 30</h3><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse id sagittis lacus. Aliquam hendrerit congue erat, vel tristique ipsum egestas in. Praesent tempor porta nunc at ultrices. Proin faucibus urna sed enim vehicula, ut accumsan ligula porttitor. Maecenas commodo commodo porttitor. Maecenas sit amet eleifend lectus. Proin fermentum felis nec est maximus, dapibus lacinia neque tempus. Ut accumsan lacinia elit, in tristique metus sagittis nec. </p></div></div><div class="bloc_bestiaire"><img src="https://i.imgur.com/qDSapYr.png" alt="" class="img_monstre" /><div class="contenu_bloc_bestiaire"><img src="https://i.imgur.com/tMs7kJi.png" alt="" />
    <h2>Nom du monstre</h2><h3>Endurance : 50 - Force : 60 - Dex : 30</h3><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse id sagittis lacus. Aliquam hendrerit congue erat, vel tristique ipsum egestas in. Praesent tempor porta nunc at ultrices. Proin faucibus urna sed enim vehicula, ut accumsan ligula porttitor. Maecenas commodo commodo porttitor. Maecenas sit amet eleifend lectus. Proin fermentum felis nec est maximus, dapibus lacinia neque tempus. Ut accumsan lacinia elit, in tristique metus sagittis nec. </p></div></div><div class="clear"></div><a href="http://ls-halloween.fr/" target="_blank" class="credits">Halloween</a></div>

CSS:
 
Revenir en haut Aller en bas
http://snake-test.forumgratuit.org
Snake
La nature se rit des souffrances humaines
avatar

Messages : 1415
Date d'inscription : 08/01/2012

MessageSujet: Re: Codes et prez   Lun 19 Nov - 21:24

Feat alias 1 & alias 2

starry sky.


Texte ici


Code:
<link href="https://fonts.googleapis.com/css?family=Poppins:700|Hind+Siliguri" rel="stylesheet"><style>.wrap-starry {width: 500px;height: 470px;overflow: hidden;position: relative;font-family: 'Hind Siliguri', sans-serif;margin:auto;}.starry-header {height: 40px;}.starry-header h3 {margin: 0 0 -20px;font: normal 10px 'Trebuchet MS', sans-serif;text-transform: lowercase;letter-spacing: 2px;position: relative;color: #7ce1cf;}.starry-header h2 {margin: 0;text-transform: lowercase;letter-spacing: -3px;font: 800 40px 'Poppins', sans-serif;color: #a8a8a8;}.starry-header h2:first-letter {color: #7ce1cf;}.starry-img {float: left;margin-right:15px;}.starry-txt {width: 335px;height: 400px;overflow: hidden;background-color: #f3f3f3;}.starry-scroll {overflow-x: hidden;overflow-y: scroll;height:100%;width:110%;}.starry-txt-content {width: 335px;height: 100%;padding: 20px;box-sizing: border-box;font: 10px/125% 'Trebuchet MS', sans-serif;text-align: justify;color: #424242;}.starry-txt-bot {height: 20px;width: 1px;}.starry-bot {height: 10px;width: 90%;background-color: #7ce1cf;margin-top: 10px;float: left;}.starry-cred {width: 10%;height: 10px;margin-top: 10px;display: inline-block;text-align: right;}.starry-cred a {font: 800 10px/10px 'Poppins', sans-serif;text-transform: uppercase;text-decoration: none!important;color: #ccc!important;}</style><div class="wrap-starry"><!--
--><div class="starry-header"><!--
--><h3>Feat alias 1 & alias 2</h3><!--
--><h2>starry sky.</h2><!--
--></div><!--
--><img src="http://placehold.it/150x400" class="starry-img" alt="" /><!--
--><div class="starry-txt"><!--
--><div class="starry-scroll"><!--
--><div class="starry-txt-content">
Texte ici
<div class="starry-txt-bot"></div></div></div></div><div class="starry-bot"></div><div class="starry-cred"><a href="http://terrible.forumactif.org/" target="_blank">Awful</a></div></div>
Revenir en haut Aller en bas
http://snake-test.forumgratuit.org
Snake
La nature se rit des souffrances humaines
avatar

Messages : 1415
Date d'inscription : 08/01/2012

MessageSujet: Re: Codes et prez   Lun 19 Nov - 21:24


Meet me halfway

Feat joueur 1 & joueur 2

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin at diam et ex luctus mattis. Pellentesque sodales blandit leo, eget tempor purus eleifend at. Morbi nulla justo, elementum nec turpis eu, lacinia viverra justo. Morbi magna dolor, viverra vel ex at, mattis rhoncus nibh. Nullam lacus turpis, venenatis vel gravida vitae, maximus ut nibh. Donec sit amet varius ante. Nunc non ornare orci. Maecenas semper in neque nec vestibulum. Mauris interdum posuere enim, in efficitur ipsum.Curabitur ac nibh diam. Suspendisse maximus massa at ultricies posuere. Donec feugiat tortor quam, vehicula suscipit felis mollis eget. Praesent et porttitor magna. Duis ac massa arcu. Vestibulum vel sapien metus. Donec aliquam eu turpis in faucibus. Sed ut turpis at orci mollis euismod quis ac tellus. Mauris porta nunc in molestie pellentesque. Praesent eu justo at lorem scelerisque pretium. Nulla eget orci dapibus, condimentum metus quis, condimentum ex. Proin et magna efficitur, dapibus nibh sed, mollis mi. Vivamus suscipit scelerisque nulla at eleifend. Curabitur pharetra varius augue pretium fringilla.Cras hendrerit lacinia arcu, sed convallis massa aliquet et. Donec commodo lorem eu massa vestibulum, et posuere tortor feugiat. Cras iaculis felis sapien, non pellentesque tortor pellentesque egestas. In hac habitasse platea dictumst. Donec aliquam libero lacus, sit amet ultricies lacus condimentum nec. Duis faucibus tellus vel blandit vehicula. Proin dapibus, nisi at tincidunt mollis, justo nisl commodo velit, in vulputate mi nisi a enim.Morbi tincidunt nisi justo, ac congue ex blandit sed. Morbi varius, mauris quis interdum euismod, est tortor ultrices enim, eget consequat lorem augue quis metus. Nunc nec bibendum massa. Sed placerat arcu quam, at sodales felis gravida et. Nulla nec ex ut mauris condimentum euismod sit amet congue est. Aliquam velit metus, feugiat id nisi nec, euismod pellentesque nunc. Mauris pellentesque ultrices augue sit amet cursus. Donec fermentum ex ac mauris tincidunt, et interdum risus lacinia. Nam eget dolor metus. Vestibulum tincidunt sodales viverra.Suspendisse potenti. Etiam suscipit, ligula a euismod fermentum, massa eros egestas est, vitae scelerisque libero mi sit amet sem. Fusce eu lectus sit amet risus auctor faucibus non id mauris. In hac habitasse platea dictumst. Nulla odio urna, rhoncus auctor tellus ac, congue congue nisi. Maecenas finibus tincidunt ante, eu mollis mi dignissim nec. Maecenas at hendrerit magna. Nulla eleifend ut libero quis posuere. Aliquam volutpat tellus nec velit consequat tincidunt. Sed massa ante, iaculis non nunc ut, ultrices iaculis quam. Suspendisse commodo pretium nisi, nec elementum nunc varius ut. Nam egestas, enim non dictum sagittis, tellus justo vestibulum velit, eget consectetur libero nisi eget elit. Vestibulum sodales efficitur massa, vel aliquet ante eleifend a. Vivamus non auctor sem. Suspendisse potenti.
@tag pseudoDes petites notes ici si vous le désirez


Code:
<style>@import url('https://fonts.googleapis.com/css?family=Raleway:400,900|Roboto'); .thread * { box-sizing: border-box;} .thread { width: 550px; height: 700px; border: 1px solid #ccc; font-family: 'Roboto', sans-serif; display: flex; margin: auto; position: relative; } .thread__img { width: 250px; background-image: url('https://image.noelshack.com/fichiers/2018/08/4/1519310030-to-the-sky-by-hangmoon-d655wks.jpg'); background-size: cover; background-position: 30% 0; position: relative; } .thread__img::after { content:""; background: #fff; background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 80%); width: 80px; height: 100%; position: absolute; right: 0; } h2.thread__title { margin: 0; font-weight: 900; font-family: 'Raleway', sans-serif; font-size: 11px; text-transform: uppercase; display: inline-block; border: 1px solid; padding: 2px 5px; color: #000; } h3.thread__subtitle { margin: 3px 0 20px; font-weight: 400; font-family: 'Raleway', sans-serif; font-size: 8px; text-transform: uppercase; letter-spacing: 1px; color: #999; } .thread__content { padding: 30px; flex:1; background: #fff; } .thread__txt { line-height: 150%; font-size: 11px; text-align: justify; overflow: auto; max-height: 500px; padding-right: 10px; } .thread notes { display: block; font-size: 9px; margin-top: 30px; border-top: 1px solid #999; } .thread notes b { display: inline-block; border: 1px solid #999; border-top: 0; padding: 2px 5px; color: #999; background: #fff; margin-right: 5px; }.thread__txt::-webkit-scrollbar { width: 2px; } .thread__txt::-webkit-scrollbar-track { background-color: #efefef; } .thread__txt::-webkit-scrollbar-thumb { background-color: #ccc; } .thread__credit { position: absolute; right: 10px; bottom: 10px; } .thread__credit a { color: #ccc; text-transform: uppercase; font-size: 8px; letter-spacing: 1px; text-decoration: none; }</style>
<div class="thread"><div class="thread__img"></div><div class="thread__content"><h2 class="thread__title">Meet me halfway</h2><!--
--><h3 class="thread__subtitle">Feat joueur 1 & joueur 2</h3><!--
--><div class="thread__txt">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin at diam et ex luctus mattis. Pellentesque sodales blandit leo, eget tempor purus eleifend at. Morbi nulla justo, elementum nec turpis eu, lacinia viverra justo. Morbi magna dolor, viverra vel ex at, mattis rhoncus nibh. Nullam lacus turpis, venenatis vel gravida vitae, maximus ut nibh. Donec sit amet varius ante. Nunc non ornare orci. Maecenas semper in neque nec vestibulum. Mauris interdum posuere enim, in efficitur ipsum.Curabitur ac nibh diam. Suspendisse maximus massa at ultricies posuere. Donec feugiat tortor quam, vehicula suscipit felis mollis eget. Praesent et porttitor magna. Duis ac massa arcu. Vestibulum vel sapien metus. Donec aliquam eu turpis in faucibus. Sed ut turpis at orci mollis euismod quis ac tellus. Mauris porta nunc in molestie pellentesque. Praesent eu justo at lorem scelerisque pretium. Nulla eget orci dapibus, condimentum metus quis, condimentum ex. Proin et magna efficitur, dapibus nibh sed, mollis mi. Vivamus suscipit scelerisque nulla at eleifend. Curabitur pharetra varius augue pretium fringilla.Cras hendrerit lacinia arcu, sed convallis massa aliquet et. Donec commodo lorem eu massa vestibulum, et posuere tortor feugiat. Cras iaculis felis sapien, non pellentesque tortor pellentesque egestas. In hac habitasse platea dictumst. Donec aliquam libero lacus, sit amet ultricies lacus condimentum nec. Duis faucibus tellus vel blandit vehicula. Proin dapibus, nisi at tincidunt mollis, justo nisl commodo velit, in vulputate mi nisi a enim.Morbi tincidunt nisi justo, ac congue ex blandit sed. Morbi varius, mauris quis interdum euismod, est tortor ultrices enim, eget consequat lorem augue quis metus. Nunc nec bibendum massa. Sed placerat arcu quam, at sodales felis gravida et. Nulla nec ex ut mauris condimentum euismod sit amet congue est. Aliquam velit metus, feugiat id nisi nec, euismod pellentesque nunc. Mauris pellentesque ultrices augue sit amet cursus. Donec fermentum ex ac mauris tincidunt, et interdum risus lacinia. Nam eget dolor metus. Vestibulum tincidunt sodales viverra.Suspendisse potenti. Etiam suscipit, ligula a euismod fermentum, massa eros egestas est, vitae scelerisque libero mi sit amet sem. Fusce eu lectus sit amet risus auctor faucibus non id mauris. In hac habitasse platea dictumst. Nulla odio urna, rhoncus auctor tellus ac, congue congue nisi. Maecenas finibus tincidunt ante, eu mollis mi dignissim nec. Maecenas at hendrerit magna. Nulla eleifend ut libero quis posuere. Aliquam volutpat tellus nec velit consequat tincidunt. Sed massa ante, iaculis non nunc ut, ultrices iaculis quam. Suspendisse commodo pretium nisi, nec elementum nunc varius ut. Nam egestas, enim non dictum sagittis, tellus justo vestibulum velit, eget consectetur libero nisi eget elit. Vestibulum sodales efficitur massa, vel aliquet ante eleifend a. Vivamus non auctor sem. Suspendisse potenti.</div><!--
--><notes><b>@tag pseudo</b>Des petites notes ici si vous le désirez</notes><!--
--></div><div class="thread__credit"><a href="http://terrible.forumactif.org/" target="_blank">Awful</a></div></div>
Revenir en haut Aller en bas
http://snake-test.forumgratuit.org
Snake
La nature se rit des souffrances humaines
avatar

Messages : 1415
Date d'inscription : 08/01/2012

MessageSujet: Re: Codes et prez   Lun 19 Nov - 21:24


I like the night. Without the dark, we'd never see the stars.

Texte ici

Alias 1
Alias 2
De petites notes ici


Code:
<style>@import url(https://fonts.googleapis.com/css?family=Raleway:900|Roboto|Cedarville+Cursive);.awf-bgimg2 {width: 500px;height: 600px;background: #efefef;box-sizing: border-box;padding: 10px;font-family: 'Roboto', sans-serif;border:1px solid #e3e3e3;margin: auto;position: relative;}.awf-bgimg2 a {text-decoration: none!important;}.awf-bgimg2 > div:first-child {width: 100%;height: 100%;box-sizing: border-box;padding: 80px 50px 0px 180px;position: relative;background-image: url('https://upload.wikimedia.org/wikipedia/commons/0/02/Marble_pattern_008.jpg');background-repeat: no-repeat;background-size: cover;font-family: 'Roboto', sans-serif;margin: auto;}.awf-bgimg2 h2 {position: absolute;transform: rotate(-90deg);bottom: -50px;left: 30px;margin: 0;transform-origin: 0% 0%;font-family: 'Cedarville Cursive', cursive;font-size: 35px;line-height: 40px;width: 500px;text-shadow: 1px 0px 0px #fff,-1px 0px 0px #fff,0px 1px 0px #fff,0px -1px 0px #fff;color: #000;}.awf-bgimg2-txt {width: 100%;height: 80%;background: #efefef;/*background: #5e4a84;*/box-sizing: border-box;padding: 20px;position: relative;}.awf-bgimg2-txt > div {width: 100%;height: 100%;overflow: auto;padding-right: 10px;}.awf-bgimg2-txt > div p {color: #000;text-align: justify;font-size: 11px;line-height: 130%;}.awf-bgimg2-txt > div p a {color: #a3a4a5;text-shadow: 0 0 0 transparent;transition: all 0.3s;}.awf-bgimg2-txt > div p a:hover {text-shadow: 2px 2px 0 #575a60;}.awf-bgimg2-txt > div p u {border-bottom: 2px solid #a3a4a5;text-decoration: none;}.awf-bgimg2-bot {display: flex;margin: 5px 0;transform: translate(0, 20px);opacity: 0;visibility: hidden;transition: all 0.3s 0.3s;}.awf-bgimg2:hover .awf-bgimg2-bot {transform: translate(0, 0);opacity: 1;visibility: visible;transition: all 0.3s 0s;}.awf-bgimg2-bot div {font-size: 7px;text-transform: uppercase;color: #fff;background: #000;padding: 2px 5px;letter-spacing: 1px;}.awf-bgimg2-bot > div:first-child {margin-right: 5px;}.awf-bgimg2-notes {font-size: 9px;color: #000;background: #fff;border: 5px solid #fff;padding-right: 8px;height: 40px;overflow: auto;transform: translate(0, 20px);opacity: 0;visibility: hidden;transition: all 0.3s 0s;}.awf-bgimg2:hover .awf-bgimg2-notes {transform: translate(0, 0);opacity: 1;visibility: visible;transition: all 0.3s 0.3s;}.awf-bgimg2-credit {position: absolute;bottom: -15px;left: 0;}.awf-bgimg2-credit a {font-size: 7px;letter-spacing: 1px;text-transform: uppercase;color: #ccc!important;}</style>
<div class="awf-bgimg2"><div><!--
--><h2>I like the night. Without the dark, we'd never see the stars.</h2><!--
--><div class="awf-bgimg2-txt"><!--
--><div><p>Texte ici</p></div><!--
--></div><div class="awf-bgimg2-bot"><!--
--><div>Alias 1</div><div>Alias 2</div><!--
--></div><div class="awf-bgimg2-notes">De petites notes ici</div></div><!--
--><div class="awf-bgimg2-credit"><a href="http://terrible.forumactif.org/" target="_blank">Awful</a></div></div>
Revenir en haut Aller en bas
http://snake-test.forumgratuit.org
Snake
La nature se rit des souffrances humaines
avatar

Messages : 1415
Date d'inscription : 08/01/2012

MessageSujet: Re: Codes et prez   Lun 19 Nov - 21:25

Black out.

@tag
notes
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In elit quam, tristique in nisl ac, posuere dignissim augue. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Integer lacinia sapien dolor, vitae feugiat ligula consequat eget. Praesent eget mauris enim. Aenean a quam felis. Morbi non congue lorem. Quisque volutpat eros eu odio sagittis, quis bibendum erat tristique. Suspendisse fermentum lectus justo, quis malesuada enim facilisis ut. Lorem ipsum dolor sit amet, consectetur adipiscing elit. In elit quam, tristique in nisl ac, posuere dignissim augue. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Integer lacinia sapien dolor, vitae feugiat ligula consequat eget. Praesent eget mauris enim. Aenean a quam felis. Morbi non congue lorem. Quisque volutpat eros eu odio sagittis, quis bibendum erat tristique. Suspendisse fermentum lectus justo, quis malesuada enim facilisis ut.Lorem ipsum dolor sit amet, consectetur adipiscing elit. In elit quam, tristique in nisl ac, posuere dignissim augue. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Integer lacinia sapien dolor, vitae feugiat ligula consequat eget. Praesent eget mauris enim. Aenean a quam felis. Morbi non congue lorem. Quisque volutpat eros eu odio sagittis, quis bibendum erat tristique. Suspendisse fermentum lectus justo, quis malesuada enim facilisis ut. Lorem ipsum dolor sit amet, consectetur adipiscing elit. In elit quam, tristique in nisl ac, posuere dignissim augue. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Integer lacinia sapien dolor, vitae feugiat ligula consequat eget. Praesent eget mauris enim. Aenean a quam felis. Morbi non congue lorem. Quisque volutpat eros eu odio sagittis, quis bibendum erat tristique. Suspendisse fermentum lectus justo, quis malesuada enim facilisis ut.


Code:
<link href='https://fonts.googleapis.com/css?family=Playfair+Display|Lato|PT+Serif' rel='stylesheet' type='text/css'><style>.black-out {width: 500px;height: 500px;margin: 10px auto;position: relative;box-sizing: border-box;padding: 1px;border: 1px solid #000;}.black-out > div:first-child {width: 100%;height: 100%;background-color: #000;display: flex;overflow: hidden;}.black-out > div > div {flex: 1;min-width: 248px;}.black-out > div > div:first-child {background-image: url("http://image.noelshack.com/fichiers/2018/09/7/1520175827-pixiv-id-10226946-full-2277487.jpg");background-size: cover;flex: 1;transition: all 0.3s;}.black-out > div:first-child:hover > div:first-child {flex:0;min-width: 0;}.black-out > div > div:nth-child(2) {display: flex;flex-direction: column;box-sizing: border-box;padding: 10px;}.black-out > div > div:nth-child(2) h2 {color: #fff;margin: auto 0 0;font-family: "Playfair Display", serif;font-size: 30px;}.black-out-accent {color: #a55753;}.black-out > div > div:nth-child(2) h2 + div {margin-top: auto;border-top: 1px solid #fff;margin-bottom: 2px;}.black-out > div > div:nth-child(2) h2 + div span {display: inline-block;border-top: 2px solid #fff;padding-top: 3px;}.black-out > div > div:nth-child(2) div {color: #fff;letter-spacing: 1px;font-family: "Lato", sans-serif;font-size: 7px;line-height: 7px;}.black-out > div > div:nth-child(3) {height: 100%;padding: 10px;box-sizing: border-box;background: #fff;}.black-out > div > div:nth-child(3) > div {font-family: "Source Sans Pro", sans-serif;font-family: "PT Serif", serif;height: 100%;overflow: auto;font-size: 11px;text-align: justify;padding-right: 10px;}.black-out > div > div:nth-child(3) > div l {font-size: 2.8em;float: left;margin-right: 5px;}.black-out > div > div:nth-child(3) > div::-webkit-scrollbar { width: 2px;background: #A1A2A7;border: 3px solid #fafafa;}.black-out > div > div:nth-child(3) > div::-webkit-scrollbar-thumb {background: #000;  }.black-out-credit {margin-top: 5px;}.black-out-credit a {font-family: "Lato", sans-serif;font-size: 8px;text-transform: uppercase;letter-spacing: 1px;text-decoration: none !important;color: #999!important;font-weight: bold;}</style><div class="black-out"><div><div></div><div><h2>Black out<span class="black-out-accent">.</span></h2><div><span>@tag</span></div><div>notes</div></div><div><div><l>L</l>orem ipsum dolor sit amet, consectetur adipiscing elit. In elit quam, tristique in nisl ac, posuere dignissim augue. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Integer lacinia sapien dolor, vitae feugiat ligula consequat eget. Praesent eget mauris enim. Aenean a quam felis. Morbi non congue lorem. Quisque volutpat eros eu odio sagittis, quis bibendum erat tristique. Suspendisse fermentum lectus justo, quis malesuada enim facilisis ut. Lorem ipsum dolor sit amet, consectetur adipiscing elit. In elit quam, tristique in nisl ac, posuere dignissim augue. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Integer lacinia sapien dolor, vitae feugiat ligula consequat eget. Praesent eget mauris enim. Aenean a quam felis. Morbi non congue lorem. Quisque volutpat eros eu odio sagittis, quis bibendum erat tristique. Suspendisse fermentum lectus justo, quis malesuada enim facilisis ut.Lorem ipsum dolor sit amet, consectetur adipiscing elit. In elit quam, tristique in nisl ac, posuere dignissim augue. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Integer lacinia sapien dolor, vitae feugiat ligula consequat eget. Praesent eget mauris enim. Aenean a quam felis. Morbi non congue lorem. Quisque volutpat eros eu odio sagittis, quis bibendum erat tristique. Suspendisse fermentum lectus justo, quis malesuada enim facilisis ut. Lorem ipsum dolor sit amet, consectetur adipiscing elit. In elit quam, tristique in nisl ac, posuere dignissim augue. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Integer lacinia sapien dolor, vitae feugiat ligula consequat eget. Praesent eget mauris enim. Aenean a quam felis. Morbi non congue lorem. Quisque volutpat eros eu odio sagittis, quis bibendum erat tristique. Suspendisse fermentum lectus justo, quis malesuada enim facilisis ut.</div></div></div><div class="black-out-credit"><a href="http://terrible.forumactif.org/" target="_blank">Awful</a></div></div>
Revenir en haut Aller en bas
http://snake-test.forumgratuit.org
Snake
La nature se rit des souffrances humaines
avatar

Messages : 1415
Date d'inscription : 08/01/2012

MessageSujet: Re: Codes et prez   Lun 19 Nov - 21:25



Je suis un titre


Votre texte ici

Vous pouvez ajouter une séparation avec un hr



Code:
<link href="https://fonts.googleapis.com/css?family=Spectral:400,700" rel="stylesheet"> <style>.shipper-wrap {height: 500px;width: 500px;padding: 10px;border: 1px solid #e8e8e8;background: #fbfbfb;position: relative;margin: 0 auto;}.shipper {height: 100%;width: 100%;border: 1px solid #e8e8e8;box-sizing: border-box;padding: 30px;background: #f8f8f8;}.shipper-img {overflow: hidden;background-image: url('http://image.noelshack.com/fichiers/2017/51/3/1513808776-jellyfish.png');background-size: cover;}.shipper-content {height: 100%;width: 100%;background: #fff;box-sizing: border-box;padding: 30px;text-align: justify;overflow: auto;font-family: 'Spectral', serif;font-size: 0.9em;line-height: 1.6em;margin-top: 110%;transition: all 0.3s;}.shipper:hover .shipper-content {margin-top: initial;}.shipper-content h2 {font-family: inherit;margin: 0 0 30px;font-size: 16px;color: #424242;position: relative;}.shipper-content h2:after {content: "";height: 1px;width: 20%;position: absolute;left: 0;bottom: -10px;background: #d2d2d2;}.shipper-content hr {border: 0;border-top: 1px solid #ccc;width: 50%;margin: 20px auto;}.shipper-credit {width: 100%;position: absolute;bottom: -20px;left: 0;text-align: center;}.shipper-credit a {text-decoration: none!important;font-size: 7px;letter-spacing: 2px;color: #ccc!important;text-transform: uppercase;}</style>
<div class="shipper-wrap"><div class="shipper"><div class="shipper shipper-img"><div class="shipper-content">
<h2>Je suis un titre</h2>
Votre texte ici
<hr>Vous pouvez ajouter une séparation avec un hr

</div></div></div><div class="shipper-credit"><a href="http://terrible.forumactif.org/" target="_blank">Awful</a></div></div>
Revenir en haut Aller en bas
http://snake-test.forumgratuit.org
Snake
La nature se rit des souffrances humaines
avatar

Messages : 1415
Date d'inscription : 08/01/2012

MessageSujet: Re: Codes et prez   Lun 19 Nov - 21:25


I liked it better

When you had no heart

Feat Alias 1 & Alias 2


Texte ici
notes


Code:
<style>.awf-wrap-heart {width: 500px;margin: auto;}.awf-head-heart h2 {font:10px 'Montserrat', sans-serif;letter-spacing: 2px;text-transform: uppercase;background-color: #1E1C1F;color:#BFBFB6;margin: 0;padding: 10px;}.awf-head-heart .bas {text-align: right;padding-bottom: 0!important;}.awf-head-heart h3 {font: 10px 'Montserrat', sans-serif;background-color: #1E1C1F;color:#BFBFB6;margin: 0;padding: 5px 0 10px 0;font-weight: normal;border-bottom: 3px solid #F73451;}.awf-head-heart h3 span {border-top: 1px solid #F73451;padding-left: 20px;padding-top: 5px;}.awf-text-heart {font: 11px/14px 'Hind Siliguri', sans-serif;background-color: #f2f2f2;text-align: justify;padding: 30px;}.awf-text-heart b {color: #F73451;}.awf-foot-heart {font: 10px/20px 'Montserrat', sans-serif;background-color: #1E1C1F;color:#BFBFB6;height: 22px;text-align: center;border-top: 3px solid #F73451;}.awf-credit a {color: #ccc!important;font: 9px 'Hind Siliguri', sans-serif;text-decoration: none;letter-spacing: 1px;}</style>
<div class="awf-wrap-heart"><!--
--><div class="awf-head-heart"><!--
--><h2>I liked it better</h2><!--
--><img src="http://placehold.it/500x150"><!--
--><h2 class="bas">When you had no heart</h2><!--
--><h3><span>Feat Alias 1 & Alias 2</span></h3><!--
--></div><!--
--><div class="awf-text-heart">
Texte ici
</div><!--
--><div class="awf-foot-heart"><!--
-->notes<!--
--></div><!--
--><div class="awf-credit"><a href="http://terrible.forumactif.org/"></> awful</a></div><!--
--></div>
Revenir en haut Aller en bas
http://snake-test.forumgratuit.org
Snake
La nature se rit des souffrances humaines
avatar

Messages : 1415
Date d'inscription : 08/01/2012

MessageSujet: Re: Codes et prez   Lun 19 Nov - 21:26



Prénom Nom

  • écrire ici
  • écrire ici
  • écrire ici
  • écrire ici
  • écrire ici
  • écrire ici
  • écrire ici
Citation ici

Physique & Caractère

Texte ici

Histoire

Texte ici
Créé par Nom du joueur
Infos supplémentaires


Code:
<link href="https://fonts.googleapis.com/css?family=Montserrat:400,700|Roboto" rel="stylesheet"><style>:root {--couleur-fond: #424242;--couleur-fond: #353535;--bordure-int: #989898;--bordure-bloc: #111;}.app {width: 550px;font-family: 'Roboto', sans-serif;background-color: #282828;padding: 10px;box-sizing: border-box;border: 1px solid #2c2c2c;margin: auto;position: relative;}.app h2,.app h3 {font-family: 'Montserrat', sans-serif;margin:0;text-transform: uppercase;letter-spacing: 2px;font-size: 12px;font-weight: bold;}.app h2 {background-color: var(--couleur-fond);text-align: center;color: #f2f2f2;padding: 30px 0;border: 1px solid var(--bordure-bloc);}.app h3 {color: var(--couleur-fond2);margin-bottom: 10px;}.app-basics, .joueur {display: -webkit-box;display: -ms-flexbox;display: flex;}.app-info {-webkit-box-flex: 1;-ms-flex: 1;flex: 1;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;height: 360px;}.app ul {border: 1px solid var(--bordure-bloc);border-top: 0;border-bottom: 0;padding:10px 15px;margin: 0;list-style-type: none;font-size: 10px;background: var(--couleur-fond2);color: #aaa;height: 260px;overflow: auto;}.app ul li {border-bottom: 1px solid #2c2c2c;padding: 7px 0 7px;display: block;}.app ul li:last-child {border-bottom: 0;}.app ul li label {color: inherit;width: 30%;display: inline-block;font-weight: bold;text-transform: uppercase;font-family: 'Montserrat', sans-serif;}.app .app-avatar {padding: 20px;background: #303030;box-sizing: border-box;}.app .app-avatar img {vertical-align: middle;height: 320px;width: 200px;}.app-quote {line-height: 11px;-webkit-box-flex: 1;-ms-flex: 1;flex: 1;background: #1d1d1d;display: inline-block;font-size: 8px;text-transform: uppercase;letter-spacing: 1px;color: #aaa;vertical-align: top;padding: 20px;box-sizing: border-box;text-align: justify;}.app-story {background-color: var(--couleur-fond);border: 1px solid var(--bordure-bloc);padding: 10px;box-sizing: border-box;height: 300px;}.app-story + .app-story {border-top: 0;height: auto;}.app-story > div {background-color: #f2f2f2;border: 1px solid #393939;padding: 30px 50px;box-sizing: border-box;box-shadow: inset 6px 0 var(--bordure-int), inset 0 6px var(--bordure-int),inset -6px 0 var(--bordure-int), inset 0 -6px var(--bordure-int);height: 100%;}.app-story > div > div {font-size: 11px;text-align: justify;height: 100%;overflow: auto;padding-right: 10px;line-height: 14px;}.joueur .app-avatar {height: 100px;width: 100px;}.app-joueur {-webkit-box-flex: 1;-ms-flex: 1;flex: 1;}.app-joueur-head {font-family: 'Montserrat', sans-serif;background-color: var(--couleur-fond2);text-transform: uppercase;color: #f2f2f2;font-size: 10px;letter-spacing: 1px;padding: 10px;border: 1px solid var(--bordure-bloc);border-top: 0;}.app-joueur .infos {background-color: var(--couleur-fond);text-transform: none;color: #f2f2f2;font-family: "roboto";letter-spacing: 0px;height: 40px;overflow: auto;border: 1px solid var(--bordure-bloc);border-top: 0;padding: 10px;font-size: 11px;box-sizing: content-box;}.app-credit {position: absolute;bottom: -15px;left: 0;}.app-credit a {font-family: 'Montserrat', sans-serif;text-transform: uppercase;letter-spacing: 1px;font-size: 7px;font-weight: bold;text-decoration: none!important;color: #282828;}</style>

<div class="app"><h2>Prénom Nom</h2><!--
--><div class="app-basics"><div class="app-info"><ul><!--
--><li><label>Surnom</label>écrire ici</li><!--
--><li><label>Date de naissance</label> écrire ici</li><!--
--><li><label>Âge</label> écrire ici</li><!--
--><li><label>Métier</label> écrire ici</li><!--
--><li><label>Groupe</label> écrire ici</li><!--
--><li><label>Race</label> écrire ici</li><!--
--><li><label>Avatar</label> écrire ici</li></ul><!--

--><div class="app-quote">Citation ici</div><!--

--></div><div class="app-avatar"><img src="http://via.placeholder.com/200x320"  /></div></div><!--


--><div class="app-story"><div><div><h3>Physique & Caractère</h3>Texte ici</div></div></div><!--


--><div class="app-story"><div><div><h3>Histoire</h3>Texte ici</div></div></div><!--

--><div class="joueur"><img src="http://via.placeholder.com/80x80" class="app-avatar" /><div class="app-joueur"><div class="app-joueur-head">Créé par <b>Nom du joueur</b></div><div class="infos">Infos supplémentaires</div></div></div><div class="app-credit"><a href="http://terrible.forumactif.org" target="_blank">Awful</a></div></div>
Revenir en haut Aller en bas
http://snake-test.forumgratuit.org
Snake
La nature se rit des souffrances humaines
avatar

Messages : 1415
Date d'inscription : 08/01/2012

MessageSujet: Re: Codes et prez   Lun 19 Nov - 21:27


Name Surname

Group - age - job - favorite pokemon

Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur?



Code:
<link href="https://fonts.googleapis.com/css?family=Arimo|Raleway:900,400" rel="stylesheet"><style>.shipper-wrap *{box-sizing: border-box;}.shipper-wrap {width: 450px;margin: auto;font-family: 'Arimo', sans-serif;}.shipper-wrap  *{box-sizing: border-box;}.awf-shipper {width: 100%;min-height: 155px;position: relative;padding: 20px;box-sizing: border-box;background-color: #f3f3f3;border-bottom: 6px solid #575757;}.awf-shipper + div {text-align: center;}.awf-shipper1-relations {width: 450px;margin: auto;text-align: center;}.awf-shipper img {padding: 5px;border: 1px solid #ccc;float: left;margin-right: 15px;border-radius: 50%;}.awf-shipper h2, .modal-pop h2 {margin: 15px 0 0 0;display: inline-block;font-family: 'Raleway', sans-serif;font-weight: normal;font-size: 20px;text-transform: lowercase;letter-spacing: -1px;color: #575757;border: 0;}.modal-pop h2 {margin: 15px 0 0 0;display: block;}.shipper-wrap h3 {margin: 0 0 10px 0;display: inline-block;font-family: 'Raleway', sans-serif;font-weight: normal;font-size: 10px;text-transform: uppercase;color: #9b9b9b;}.awf-shipper-desc {padding: 0 10px;box-sizing: border-box;height: 80px;overflow: auto;font-size: 10px;text-align: justify;line-height: 12px;}.awf-shipper-item {width: 110px;border-radius: 50%;display: inline-block;text-decoration: none;margin: 15px;vertical-align: top;cursor: pointer;}.awf-shipper-item img {border-radius: 50%;padding: 5px;border: 1px solid #ccc;}.awf-shipper-item h4 {margin: 10px 0 0 0;font-family: 'Raleway', sans-serif;font-weight: 600;font-size: 10px;text-transform: uppercase;color: #575757;text-align: center;}#essai {transform: none;}.modal {opacity: 0;visibility: hidden;position: fixed;top: 0;right: 0;bottom: 0;left: 0;text-align: left;background: rgba(0, 0, 0, .9);transition: opacity .25s ease;z-index: 999;}.modal-bg {position: absolute;top: 0;right: 0;bottom: 0;left: 0;cursor: pointer;}.shipper-wrap input {display: none;}.modal-trigger:checked + .modal {opacity: 1;visibility: visible;}.modal-trigger:checked + .modal .modal-pop {top: 30%;}.modal-pop {transition: top .25s ease;position: relative;top: -20%;right: 0;bottom: 0;left: 0;width: 450px;margin: auto;overflow: auto;background: #fff;padding: 1em 2em;height: 250px;font-size: 11px;text-align: justify;}.modal-bg:after,.modal-bg:before {content: '';position: absolute;width: 2px;height: 1.5em;background: #ccc;display: block;transform: rotate(45deg);left: calc(50% + 215px);margin: -3px 0 0 -1px;top: calc(30% + 10px);transition: all 0.3s, opacity 0.3s 0.3s;z-index: 10;opacity: 0;}.modal-trigger:checked + .modal .modal-bg:after,.modal-trigger:checked + .modal .modal-bg:before {opacity: 1;}.modal-bg:hover:after,.modal-bg:hover:before {background: #aaa;}.modal-bg:before {transform: rotate(-45deg);}.awf-shipper-desc::-webkit-scrollbar,.awf-shipper-content::-webkit-scrollbar {width: 2px;}.awf-shipper-desc::-webkit-scrollbar-track,.awf-shipper-content::-webkit-scrollbar-track {background-color: #ccc;}.awf-shipper-desc::-webkit-scrollbar-thumb,.awf-shipper-content::-webkit-scrollbar-thumb {background-color: #48534F;}.awf-credit {position: absolute;left: 0;top: -15px;}.awf-credit a {color: #ccc !important;text-transform: uppercase;font-size: 8px;letter-spacing: 1px;text-decoration: none!important;}</style>
<div class="shipper-wrap"><div class="awf-shipper"><div class="awf-credit"><a href="http://terrible.forumactif.org/" target="_blank">Awful</a></div><!--
--><img src="http://placehold.it/100x100" alt=""><!--
--><h2>Name <b>Surname</b></h2><!--
--><h3>Group - age - job - favorite pokemon</h3><!--
--><div class="awf-shipper-desc">Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur?</div></div><div><!--
****FIN DU BLOC D'INTRO ****



*** Pensez à changer les id pour chaque modal ! (ici: modal-1) *** -->
<label class="awf-shipper-item" for="modal-1" name="modal-ship" ><!--
--><img src="http://placehold.it/100x100" alt=""><h4>Name surname</h4><!--
--></label><input class="modal-trigger" id="modal-1" type="radio" name="modal-ship" /><div class="modal"><label class="modal-bg" for="modal-close"></label><div class="modal-pop"><!--
--><h2><b>Prénom</b> Nom</h2><h3>Nature de la relation</h3><p>Aliquam in sagittis nulla. Curabitur euismod diam eget risus venenatis, sed dictum lectus bibendum. Nunc nunc nisi, hendrerit eget nisi id, rhoncus rutrum velit. Nunc vel mauris dolor. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Aliquam fringilla quis nisi eget imperdiet.</p></div></div><!--

--><label class="awf-shipper-item" for="modal-2" name="modal-ship"><!--
--><img src="http://placehold.it/100x100" alt=""><h4>Name surname</h4><!--
--></label><input class="modal-trigger" id="modal-2" type="radio" name="modal-ship" /><div class="modal"><label class="modal-bg" for="modal-close"></label><div class="modal-pop"><!--
--><h2><b>Prénom</b> Nom</h2><h3>Nature de la relation</h3><p>Popup 2.</p></div></div><!--

--><label class="awf-shipper-item" for="modal-3" name="modal-ship"><!--
--><img src="http://placehold.it/100x100" alt=""><h4>Name surname</h4><!--
--></label><input class="modal-trigger" id="modal-3" type="radio" name="modal-ship" /><div class="modal"><label class="modal-bg" for="modal-close"></label><div class="modal-pop"><!--
--><h2><b>Prénom</b> Nom</h2><h3>Nature de la relation</h3><p>Popup 3.</p></div></div></div><input id="modal-close" type="radio" name="modal-ship" /></div>
Revenir en haut Aller en bas
http://snake-test.forumgratuit.org
Snake
La nature se rit des souffrances humaines
avatar

Messages : 1415
Date d'inscription : 08/01/2012

MessageSujet: Re: Codes et prez   Lun 19 Nov - 21:27



Prénom Nom

Groupe - âge - lorem - ipsum

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Looking for...

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
La liste est non-exhaustive. Je suis intéressé par toute sorte de lien : ami, ennemi, amant, animal de compagnie... Venez me faire de propositions !




Prénom Nom

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.



Code:
<link href="https://use.fontawesome.com/releases/v5.0.7/css/all.css" rel="stylesheet"><style>@import url('https://fonts.googleapis.com/css?family=Raleway:400,700,900|Roboto');.shipper-wrap {width: 500px;margin: 0 auto;background: #f2f2f2;border: 1px solid #ebebeb;padding: 10px;position: relative;line-height: 1.526;box-sizing: content-box;}.shipper {width: 500px;background: #fbfbfb;border: 1px solid #ebebeb;font-family: 'Raleway', sans-serif;position: relative;box-sizing: border-box;padding: 10px;display: flex;flex-wrap: wrap;}.shipper a {text-decoration: none!important;}.shipper h2 {margin: 0;font-weight: 400;text-transform: uppercase;display: inline-block;font-size: 25px;color: #4fa285;}.shipper h2 b {font-weight: 900;}.shipper h2.looking {padding: 5px 22px 22px;margin: 15px 0 0;flex: 100%;}.shipper .shipper-img {margin-right: 20px;height: 320px;width: 200px;}.shipper .shipper-img + div {flex: 1;display: flex;flex-direction: column;}.shipper h3, .item label {margin: 0;font-weight: 400;text-transform: uppercase;font-size: 12px;color: #86d2b7;}.shipper p {line-height: 1.4em;font-size: 10px;text-align: justify;margin: 10px 0px;font-family: 'Roboto', sans-serif;}.shipper-links {margin-top: auto;}.shipper-links a {text-transform: uppercase;font-size: 9px;letter-spacing: 1px;color: #000;margin-right: 10px;}.shipper-links a i {font-size: 20px;color: #4fa285;vertical-align: bottom;transition: all 0.3s;}.shipper-links a:hover i {color: #86d2b7;}.shipper-look {font-size: 10px;position: relative;text-align: justify;margin-bottom:20px;font-family: 'Roboto', sans-serif;border: 1px solid #e3e3e3;box-sizing: border-box;padding: 12px 8px 8px;}.shipper-look:last-child {margin: 0;}.shipper-look label, .item h3 {background: #4fa285;color: #fbfbfb;padding: 2px 5px;text-transform: uppercase;font-size: 9px;letter-spacing: 1px;display: inline-block;top: -12px;position: absolute;font-family: 'Raleway', sans-serif;}.item h3 {padding: 3px 8px;top: -29px;left: 15px;font-size: 15px;}.item-wrap {margin-bottom: 30px;}.item {height: 180px;}.item img {height: 160px;margin-right: 15px;width: 100px;}.item p {line-height: 1.4em;margin: 0;font-family: 'Roboto', sans-serif;font-size: 11px;height: 140px;overflow: auto;padding: 0 10px 0 0;}.shipper.item > div {flex: 1;}.shipper-credit {position: absolute;bottom: -20px;left: 0;}.shipper-credit a {font-weight: bold;color: #b9b9b9 !important;text-decoration: none !important;font-size: 8px;letter-spacing: 1px;}</style>

<div class="shipper-wrap"><div class="shipper"><!--
--><img src="http://via.placeholder.com/200x320" class="shipper-img"><!--
--><div><h2><b>Prénom</b> Nom</h2><!--
--><h3>Groupe - âge - lorem - ipsum</h3><!--
--><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p><!--
--><div class="shipper-links"><a href="#"><i class="far fa-address-card"></i> fiche</a><a href="#"><i class="fas fa-pencil-alt"></i> rps</a><a href="#"><i class="far fa-envelope"></i> message</a></div></div><!--
--><h2 class="looking">Looking <b>for</b>...</h2><!--
--><div class="shipper-look"><label>Lorem ipsum</label>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</div><!--
--><div class="shipper-look"><label>Lorem ipsum</label>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</div><!--
--><div class="shipper-look"><label>As you wish</label>La liste est non-exhaustive. Je suis intéressé par toute sorte de lien : ami, ennemi, amant, animal de compagnie... Venez me faire de propositions !</div></div><div class="shipper-credit"><a href="http://terrible.forumactif.org/" target="_blank">AWFUL</a></div></div>



<div class="shipper-wrap item-wrap"><div class="shipper item"><img src="http://via.placeholder.com/100x160"><div><h3><b>Prénom</b> Nom</h3><label>Relationship</label><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p></div></div></div>
Revenir en haut Aller en bas
http://snake-test.forumgratuit.org
Snake
La nature se rit des souffrances humaines
avatar

Messages : 1415
Date d'inscription : 08/01/2012

MessageSujet: Re: Codes et prez   Lun 19 Nov - 21:28


Osomatsu matsuno

Lorem ipsum dolor sit amet, consectetur adipiscing elit. In mollis sapien eu semper condimentum. Duis suscipit ex in vestibulum auctor.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. In mollis sapien eu semper condimentum. Duis suscipit ex in vestibulum auctor. Maecenas hendrerit finibus dignissim. Vestibulum lacinia eu diam id blandit. Proin vel nunc metus. Donec molestie elit at diam dictum placerat. Donec eros augue, ultricies gravida malesuada non, lobortis ac sem. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis sollicitudin est ligula, eget venenatis risus auctor nec. Sed pulvinar metus nec libero bibendum vulputate.

Karamatsu matsuno

Lorem ipsum dolor sit amet, consectetur adipiscing elit. In mollis sapien eu semper condimentum. Duis suscipit ex in vestibulum auctor.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. In mollis sapien eu semper condimentum. Duis suscipit ex in vestibulum auctor. Maecenas hendrerit finibus dignissim. Vestibulum lacinia eu diam id blandit. Proin vel nunc metus. Donec molestie elit at diam dictum placerat. Donec eros augue, ultricies gravida malesuada non, lobortis ac sem. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis sollicitudin est ligula, eget venenatis risus auctor nec. Sed pulvinar metus nec libero bibendum vulputate.

Choromatsu matsuno

Lorem ipsum dolor sit amet, consectetur adipiscing elit. In mollis sapien eu semper condimentum. Duis suscipit ex in vestibulum auctor.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. In mollis sapien eu semper condimentum. Duis suscipit ex in vestibulum auctor. Maecenas hendrerit finibus dignissim. Vestibulum lacinia eu diam id blandit. Proin vel nunc metus. Donec molestie elit at diam dictum placerat. Donec eros augue, ultricies gravida malesuada non, lobortis ac sem. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis sollicitudin est ligula, eget venenatis risus auctor nec. Sed pulvinar metus nec libero bibendum vulputate.

Ichimatsu matsuno

Lorem ipsum dolor sit amet, consectetur adipiscing elit. In mollis sapien eu semper condimentum. Duis suscipit ex in vestibulum auctor.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. In mollis sapien eu semper condimentum. Duis suscipit ex in vestibulum auctor. Maecenas hendrerit finibus dignissim. Vestibulum lacinia eu diam id blandit. Proin vel nunc metus. Donec molestie elit at diam dictum placerat. Donec eros augue, ultricies gravida malesuada non, lobortis ac sem. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis sollicitudin est ligula, eget venenatis risus auctor nec. Sed pulvinar metus nec libero bibendum vulputate.

Jyuushimatsu matsuno

Lorem ipsum dolor sit amet, consectetur adipiscing elit. In mollis sapien eu semper condimentum. Duis suscipit ex in vestibulum auctor.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. In mollis sapien eu semper condimentum. Duis suscipit ex in vestibulum auctor. Maecenas hendrerit finibus dignissim. Vestibulum lacinia eu diam id blandit. Proin vel nunc metus. Donec molestie elit at diam dictum placerat. Donec eros augue, ultricies gravida malesuada non, lobortis ac sem. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis sollicitudin est ligula, eget venenatis risus auctor nec. Sed pulvinar metus nec libero bibendum vulputate.

Todomatsu matsuno

Lorem ipsum dolor sit amet, consectetur adipiscing elit. In mollis sapien eu semper condimentum. Duis suscipit ex in vestibulum auctor.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. In mollis sapien eu semper condimentum. Duis suscipit ex in vestibulum auctor. Maecenas hendrerit finibus dignissim. Vestibulum lacinia eu diam id blandit. Proin vel nunc metus. Donec molestie elit at diam dictum placerat. Donec eros augue, ultricies gravida malesuada non, lobortis ac sem. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis sollicitudin est ligula, eget venenatis risus auctor nec. Sed pulvinar metus nec libero bibendum vulputate.



Code:
<style>@import url('https://fonts.googleapis.com/css?family=Montserrat:900|PT+Sans|Playfair+Display:900');.family * { box-sizing: content-box; }.family {width: 600px;border: 1px solid #e0e0e0;font-family: 'PT Sans', sans-serif;padding: 10px;background: #fcfcfc;position: relative;margin: 0 auto 10px;}.family > div:first-child {border: 1px solid #e3e3e3;padding: 30px;background-image: url("https://www.toptal.com/designers/subtlepatterns/patterns/concrete-texture.png");}.family > div > div {border: 1px solid #dbdbdb;padding: 30px;background: #fff;}.family h1 {margin: 0 0 30px;font-family: 'Playfair Display', serif;border: 1px solid #000;font-family: 'Montserrat', sans-serif;font-size: 25px;text-transform: uppercase;text-align: center;}.family-item {display: flex;margin-bottom: 20px;}.family-item:last-child {margin-bottom: 0px;}.family-item:nth-child(even) {flex-direction: row-reverse;}.family-icon {height: 100px;width: 100px;padding: 5px;border: 1px solid #ccc;margin-right: 20px;}.family-icon img {width: 100px;height: 100px;}.family-item:nth-child(even) .family-icon {margin-right: 0px;margin-left: 20px;}.family-bloc {display: flex;flex-direction: column;height: 100px;align-self: center;border-right: 10px solid violet;padding-right: 10px;border-image: linear-gradient(to bottom,#db6a92,#fff) 1 100%;}.family-item:nth-child(even) .family-bloc {border-left: 10px solid #db6a92;padding-left: 10px;border-right: 0;padding-right: 0;}.family-bloc h2 {line-height: 1.526;font-family: 'Montserrat', sans-serif;margin: 0;font-size: 25px;text-transform: lowercase;font-weight: 900;letter-spacing: -1px;background:#db6a92;background: linear-gradient(to bottom,#fff 0%,#db6a92 100%);-webkit-text-fill-color: transparent;-webkit-background-clip: text;}.family-item:nth-child(2) .family-bloc h2 {background: #8b9dd6;background: linear-gradient(to bottom, #fff 0%,#8b9dd6 100%);-webkit-text-fill-color: transparent;-webkit-background-clip: text;}.family-item:nth-child(2) .family-bloc {border-image: linear-gradient(to bottom,#8b9dd6,#fff) 1 100%;}.family-item:nth-child(3) .family-bloc h2 {background: #dbe7a6;background: linear-gradient(to bottom, #fff, #dbe7a6 100%);-webkit-text-fill-color: transparent;-webkit-background-clip: text;}.family-item:nth-child(3) .family-bloc {border-image: linear-gradient(to bottom,#dbe7a6,#fff) 1 100%;}.family-item:nth-child(4) .family-bloc h2 {background: rgb(219, 106, 146);background: linear-gradient(to bottom, #fff, #9e73c3 100%);-webkit-text-fill-color: transparent;-webkit-background-clip: text;}.family-item:nth-child(4) .family-bloc {border-image: linear-gradient(to bottom,#9e73c3,#fff) 1 100%;}.family-item:nth-child(5) .family-bloc h2 {background: #ebcf7b;background: linear-gradient(to bottom, #fff, #ebcf7b 100%);-webkit-text-fill-color: transparent;-webkit-background-clip: text;}.family-item:nth-child(5) .family-bloc {border-image: linear-gradient(to bottom,#ebcf7b,#fff) 1 100%;}.family-item:nth-child(6) .family-bloc h2 {background: #bf73b4;background: linear-gradient(to bottom, #fff, #bf73b4 100%);-webkit-text-fill-color: transparent;-webkit-background-clip: text;}.family-item:nth-child(6) .family-bloc {border-image: linear-gradient(to bottom,#bf73b4,#fff) 1 100%;}.family-bloc h3 {margin: 5px 0 10px;font-size: 8px;text-transform: uppercase;font-weight: normal;line-height: 11px;color: #aaa;}.family-bloc p {margin: 0;font-size: 10px;line-height: 12px;flex: 1;overflow: auto;text-align: justify;padding-right: 10px;}.family-bloc p::-webkit-scrollbar {width: 2px;}.family-bloc p::-webkit-scrollbar-track {background-color: #efefef;}.family-bloc p::-webkit-scrollbar-thumb {background-color: #ccc;}.family-credit {position: absolute;bottom: -18px;left: 0;}.family-credit a {font-size: 8px;text-transform: uppercase;letter-spacing: 1px;color: #ccc!important;text-decoration: none!important;}</style>
<div class="family"><div><div><!--
  1ER BLOC
--><div class="family-item"><div class="family-icon"><!--
--><img src="https://i.imgur.com/uRwwsS2.png" /><!--
--></div><div class="family-bloc"><!--
--><h2>Osomatsu matsuno</h2><!--
--><h3>Lorem ipsum dolor sit amet, consectetur adipiscing elit. In mollis sapien eu semper condimentum. Duis suscipit ex in vestibulum auctor.</h3><!--
--><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. In mollis sapien eu semper condimentum. Duis suscipit ex in vestibulum auctor. Maecenas hendrerit finibus dignissim. Vestibulum lacinia eu diam id blandit. Proin vel nunc metus. Donec molestie elit at diam dictum placerat. Donec eros augue, ultricies gravida malesuada non, lobortis ac sem. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis sollicitudin est ligula, eget venenatis risus auctor nec. Sed pulvinar metus nec libero bibendum vulputate.</p><!--
--></div></div><!--

2EME BLOC
--><div class="family-item"><div class="family-icon"><!--
--><img src="https://i.imgur.com/pRZg6T1.png" /><!--
--></div><div class="family-bloc"><!--
--><h2>Karamatsu matsuno</h2><!--
--><h3>Lorem ipsum dolor sit amet, consectetur adipiscing elit. In mollis sapien eu semper condimentum. Duis suscipit ex in vestibulum auctor.</h3><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. In mollis sapien eu semper condimentum. Duis suscipit ex in vestibulum auctor. Maecenas hendrerit finibus dignissim. Vestibulum lacinia eu diam id blandit. Proin vel nunc metus. Donec molestie elit at diam dictum placerat. Donec eros augue, ultricies gravida malesuada non, lobortis ac sem. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis sollicitudin est ligula, eget venenatis risus auctor nec. Sed pulvinar metus nec libero bibendum vulputate.</p><!--
--></div></div><!--

3EME BLOC
--><div class="family-item"><div class="family-icon"><!--
--><img src="https://i.imgur.com/LBYEmoS.png" /><!--
--></div><div class="family-bloc"><!--
--><h2>Choromatsu matsuno</h2><!--
--><h3>Lorem ipsum dolor sit amet, consectetur adipiscing elit. In mollis sapien eu semper condimentum. Duis suscipit ex in vestibulum auctor.</h3><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. In mollis sapien eu semper condimentum. Duis suscipit ex in vestibulum auctor. Maecenas hendrerit finibus dignissim. Vestibulum lacinia eu diam id blandit. Proin vel nunc metus. Donec molestie elit at diam dictum placerat. Donec eros augue, ultricies gravida malesuada non, lobortis ac sem. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis sollicitudin est ligula, eget venenatis risus auctor nec. Sed pulvinar metus nec libero bibendum vulputate.</p><!--
--></div></div><!--

4EME BLOC
--><div class="family-item"><div class="family-icon"><!--
--><img src="https://i.imgur.com/D1DWl0I.png" /><!--
--></div><div class="family-bloc"><!--
--><h2>Ichimatsu matsuno</h2><!--
--><h3>Lorem ipsum dolor sit amet, consectetur adipiscing elit. In mollis sapien eu semper condimentum. Duis suscipit ex in vestibulum auctor.</h3><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. In mollis sapien eu semper condimentum. Duis suscipit ex in vestibulum auctor. Maecenas hendrerit finibus dignissim. Vestibulum lacinia eu diam id blandit. Proin vel nunc metus. Donec molestie elit at diam dictum placerat. Donec eros augue, ultricies gravida malesuada non, lobortis ac sem. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis sollicitudin est ligula, eget venenatis risus auctor nec. Sed pulvinar metus nec libero bibendum vulputate.</p><!--
--></div></div><!--

5EME BLOC
--><div class="family-item"><div class="family-icon"><!--
--><img src="https://i.imgur.com/53KcMPr.png" /><!--
--></div><div class="family-bloc"><!--
--><h2>Jyuushimatsu matsuno</h2><!--
--><h3>Lorem ipsum dolor sit amet, consectetur adipiscing elit. In mollis sapien eu semper condimentum. Duis suscipit ex in vestibulum auctor.</h3><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. In mollis sapien eu semper condimentum. Duis suscipit ex in vestibulum auctor. Maecenas hendrerit finibus dignissim. Vestibulum lacinia eu diam id blandit. Proin vel nunc metus. Donec molestie elit at diam dictum placerat. Donec eros augue, ultricies gravida malesuada non, lobortis ac sem. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis sollicitudin est ligula, eget venenatis risus auctor nec. Sed pulvinar metus nec libero bibendum vulputate.</p><!--
--></div></div><!--

6EME BLOC
--><div class="family-item"><div class="family-icon"><!--
--><img src="https://i.imgur.com/lpGDvcQ.png" /><!--
--></div><div class="family-bloc"><!--
--><h2>Todomatsu matsuno</h2><!--
--><h3>Lorem ipsum dolor sit amet, consectetur adipiscing elit. In mollis sapien eu semper condimentum. Duis suscipit ex in vestibulum auctor.</h3><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. In mollis sapien eu semper condimentum. Duis suscipit ex in vestibulum auctor. Maecenas hendrerit finibus dignissim. Vestibulum lacinia eu diam id blandit. Proin vel nunc metus. Donec molestie elit at diam dictum placerat. Donec eros augue, ultricies gravida malesuada non, lobortis ac sem. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis sollicitudin est ligula, eget venenatis risus auctor nec. Sed pulvinar metus nec libero bibendum vulputate.</p><!--
--></div></div><!--
--></div></div><div class="family-credit"><a href="http://terrible.forumactif.org/" target="_blank">Awful</a></div></div>
Revenir en haut Aller en bas
http://snake-test.forumgratuit.org
Snake
La nature se rit des souffrances humaines
avatar

Messages : 1415
Date d'inscription : 08/01/2012

MessageSujet: Re: Codes et prez   Lun 19 Nov - 21:30



Dead Master

Innocence is a kind of insanity

Like you, I used to think the world was this great place where everybody lived by the same standards I did, then some kid with a nail showed me I was living in his world, a world where chaos rules not order, a world where righteousness is not rewarded. That's Cesar's world, and if you're not willing to play by his rules, then you're gonna have to pay the price.


Code:
<style>@import (url:'https://fonts.googleapis.com/css?family=Roboto:400,900'); .tracker-wrap * { box-sizing: border-box; } .tracker-wrap { width: 450px; height: 250px; background-color: #EAF1E9; position: relative; font-family: 'Roboto', sans-serif; margin: 0 auto 10px; box-sizing: border-box; } .tracker-wrap a, .tracker-wrap a:hover { text-decoration: none!important; } .tracker-header { height: 80px; width: 100%; background-color: #48534F; position: relative; } .tracker-header:after { content: ""; border-style: solid; border-width: 30px 450px 0 0; border-color: #48534F transparent transparent transparent; position: absolute; bottom: -30px; } .tracker-header img { position: absolute; width: 100px; height: 100px; border-radius: 50%; border: 5px solid #48534F; z-index: 2; left: 15px; bottom: -60px; } .tracker-header h2 { position: absolute; margin: 20px 0 0 140px; white-space: nowrap; text-transform: lowercase; color: #D6F0A6; font-size: 30px; font-family: inherit; font-weight: 900; line-height: 1.4em;} .tracker-header h3 { position: absolute; margin: 55px 0 0 140px; white-space: nowrap; text-transform: uppercase; font-weight: normal; font-size: 7px; color: #DEDDD8; letter-spacing: 1px; font-family: inherit;line-height: 1.3em; } .tracker { width: 310px; position: absolute; right: 10px; top: 110px; } .tracker label { padding: 0px 5px; position: relative; display: inline-block; float: left; height: 15px; cursor: pointer; color: #DEDDD8; line-height: 16px; font-size: 8px; letter-spacing: 1px; background: #48534F; margin: 0 10px 0 0; text-transform: uppercase; transition: all 0.3s; font-weight: bold; } .tracker label:hover { background: #252F2B; } .tracker input:checked + label,.tracker input:checked + label:hover { background: #bddb86; color: #fff; } .tracker input { display: none; } .tracker article { background: #fff; margin-top: 30px; overflow: hidden; height: 100px; transform: scale(0); position: absolute; width: 310px; transition: all 0.5s linear; padding: 10px 15px; box-sizing: border-box; overflow: auto; font-size: 11px; line-height: 110%; text-align: justify; } .tracker article div::before { content: "►"; position: absolute; margin-left: -10px; color: #bddb86; font-size: 9px; margin-top: -1px; } .tracker article div i { font-size: 9px; display: block; } .tracker article div a { font-size: 9px; letter-spacing: 1px; color: #b2afbf; font-weight: bold; text-transform: uppercase; transition: all 0.3s; } .tracker article div a:hover { color: #48534F; } .tracker input:checked + label + article { transform: scale(1); } .credit { width: 100%; position: absolute; bottom: -14px; text-align: center; } .credit a { color: #ccc!important; letter-spacing: 1px; font-size: 8px; } .tracker article::-webkit-scrollbar { width: 4px; } .tracker article::-webkit-scrollbar-track { background-color: #A1A2A7; } .tracker article::-webkit-scrollbar-thumb { background-color: #48534F; }</style>

<div class="tracker-wrap"><div class="tracker-header"><img src="http://pa1.narvii.com/6423/9845a3a5fc651f879d8956b82efeba77c99a3e6a_128.gif" alt="" /><h2>Dead Master</h2><h3>Innocence is a kind of insanity</h3></div><div class="tracker"><!--

*** Case 1 ***
--><input id="case-1" name="tracker" type="radio" checked /><label for="case-1">About</label><!--
--><article>Like you, I used to think the world was this great place where everybody lived by the same standards I did, then some kid with a nail showed me I was living in his world, a world where chaos rules not order, a world where righteousness is not rewarded. That's Cesar's world, and if you're not willing to play by his rules, then you're gonna have to pay the price.</article><!--

*** Case 2 ***
--><input id="case-2" name="tracker" type="radio" /><label for="case-2">RPs en cours</label><!--
--><article><div><a href="#">Titre du RP</a><i>Feat nom du personnage</i></div>
<div><a href="#">Titre du RP</a><i>Feat nom du personnage</i></div>
<div><a href="#">Titre du RP</a><i>Feat nom du personnage</i></div>
<div><a href="#">Titre du RP</a><i>Feat nom du personnage</i></div>
<div><a href="#">Titre du RP</a><i>Feat nom du personnage</i></div>
<div><a href="#">Titre du RP</a><i>Feat nom du personnage</i></div>
</article><!--

*** Case 3 ***
--><input id="case-3" name="tracker" type="radio" /><label for="case-3">RPs terminés</label><!--
--><article><div><a href="#">Titre du RP</a><i>Feat nom du personnage</i></div>
<div><a href="#">Titre du RP</a><i>Feat nom du personnage</i></div>
<div><a href="#">Titre du RP</a><i>Feat nom du personnage</i></div>
</article></div><div class="credit"><a href="http://terrible.forumactif.org/" target="_blank">AWFUL</a></div></div>
Revenir en haut Aller en bas
http://snake-test.forumgratuit.org
Snake
La nature se rit des souffrances humaines
avatar

Messages : 1415
Date d'inscription : 08/01/2012

MessageSujet: Re: Codes et prez   Lun 19 Nov - 21:30


Prénom Nom

En cours

Finis / Abandonnés



Code:
<link href='https://fonts.googleapis.com/css?family=Montserrat:700,400|Roboto' rel='stylesheet' type='text/css'><style>.wrap-tracker {width: 500px;height: 220px;margin: auto;position: relative;}.wrap-tracker a {text-decoration: none!important;}.tracker-side {background-color: #f1f1f1;height: 200px;width: 180px;position: absolute;padding: 10px;}.tracker-img {height: 150px;width: 150px;margin: auto;border-radius: 100%;border: 5px solid #fff;background-color: #fff;z-index: 2;position: relative;}.tracker-img img {height: 150px;width: 150px;border-radius: 100%;opacity: 1;transform: rotate(0deg);transition: 0.3s all;}.tracker-img-links {width: 150px;text-align: center;margin-top: -85px;position: absolute;}.tracker-img-links a{display: inline-block;width: 50px;background-color: #fff;margin: 3px;text-align: center;font: 11px 'Montserrat', sans-serif;text-transform: uppercase;opacity: 0;transition: 0.3s all}.tracker-img-links a:hover{background-color: #007bff;color: #fff;}.tracker-img:hover img {transform: rotate(40deg);opacity: 0.5;}.tracker-img:hover .tracker-img-links a {opacity: 1;}.tracker-side h2 {font: 15px/100% 'Montserrat', sans-serif;letter-spacing: -1px;font-weight: 800;text-align: center;text-transform: uppercase;text-shadow: -1px 0 0 #000;color: #007bff;}.tracker-side:after {content: "";width: 0;height: 0;border-style: solid;border-width: 150px 200px 0 0;border-color: #007bff transparent transparent transparent;position: absolute;left: 0px;top: 0;z-index: 0;}.tracker-case {width: 295px;height: 108px;background-color: #f1f1f1;position: absolute;right: 0;overflow: hidden;}.bas {bottom: 0;}.tracker-case h3 {font: 20px 'Montserrat', sans-serif;letter-spacing: -1px;font-weight: 700;text-align: right;text-transform: lowercase;text-shadow: -1px 0 0 #000;color: #007bff;margin: 0;padding-right: 15px;}.tracker-content {width: 285px;height: 62px;padding: 10px 20px 10px 10px;overflow: auto;}.tracker-links {width: 270px;text-align: justify;font: 10px 'Roboto', sans-serif;}lien a {background-color: #007bff;color: #fff!important;padding: 0 3px;width: auto;text-transform: uppercase;font-family:'Montserrat', sans-serif;transition: 0.4s all ease-in-out;}lien a:hover {background-color: #fff;color: #007bff!important;}lien div {margin-bottom: 3px;}.tracker-credit a {position: absolute;bottom: -15px;left: 10px;color: #ccc;font: 8px 'Roboto', sans-serif; letter-spacing: 1.5px;}</style>
<div class="wrap-tracker"><div class="tracker-side"><div class="tracker-img"><img src="http://placehold.it/150x150" alt="" /><div class="tracker-img-links"><a href="#">Fiche</a><a href="#">Liens</a></div></div><h2>Prénom Nom</h2></div><!--

**** Les RPs en cours ****
--><div class="tracker-case"><h3>En cours</h3><div class="tracker-content"><div class="tracker-links"><!--
--><lien><a href="#">Titre du topic</a><div>Feat nom du personnage</div></lien>
<lien><a href="#">Titre du topic</a><div>Feat nom du personnage</div></lien>
<lien><a href="#">Titre du topic</a><div>Feat nom du personnage</div></lien>
<lien><a href="#">Titre du topic</a><div>Feat nom du personnage</div></lien></div></div></div><!--

**** Les RPs terminés / abandonnés ****
--><div class="tracker-case bas"><h3>Finis / Abandonnés</h3><div class="tracker-content"><div class="tracker-links"><!--
--><lien><a href="#">Titre du topic</a><div>Feat nom du personnage</div></lien>
<lien><a href="#">Titre du topic</a><div>Feat nom du personnage</div></lien>
<lien><a href="#">Titre du topic</a><div>Feat nom du personnage</div></lien>
<lien><a href="#">Titre du topic</a><div>Feat nom du personnage</div></lien></div></div></div><div class="tracker-credit"><a href="http://terrible.forumactif.org/" target="_blank">AWFUL</a></div></div>
Revenir en haut Aller en bas
http://snake-test.forumgratuit.org
Snake
La nature se rit des souffrances humaines
avatar

Messages : 1415
Date d'inscription : 08/01/2012

MessageSujet: Re: Codes et prez   Lun 19 Nov - 21:31


Name surname

Group name

Libre
Âge
Métier

Caractère

  • Trait de caractère
  • Trait de caractère
  • Trait de caractère
  • Trait de caractère
  • Trait de caractère
  • Trait de caractère
  • Trait de caractère
  • Trait de caractère

Histoire

Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur?


Code:
<style>@import url('https://fonts.googleapis.com/css?family=Hind+Siliguri:400,700|Raleway:400,900');.wrap-pred {width: 500px;height: 400px;overflow: hidden;margin: auto;position: relative;font-family: 'Hind Siliguri', sans-serif;color:#000;}.avatar-pred {position: absolute;width: 250px;height: 400px;}.infos-pred {width: 250px;height: 400px;background-color: #f3f3f3;position: absolute;top: -400px;transition: all 0.3s;}.wrap-pred:hover .infos-pred {top: 0;}.name {position: absolute;left: 250px;top: 0;}.infos-pred h2 {color:#000;font-size: 24px;font-family: 'Raleway', sans-serif;font-weight: 400;text-transform: uppercase;text-align: center;margin: 150px 0 0;}.infos-pred h3 {color:#000;font: 200 11px 'Raleway', sans-serif;text-transform: lowercase;text-align: center;margin: 0 0 15px 0;}.infos-pred h4 {font: 900 15px 'Raleway', sans-serif;text-transform: uppercase;margin: 0;padding: 10px 10px 0;letter-spacing: 1px;}.icon {position: absolute;margin-left: 75px;transform: translate(0, -100%);transition: all 0.4s;width: 100px;height: 100px;}.wrap-pred:hover .icon {transform: translate(0, 0);}.nm {transform: translate(0, 0);transition: all 0.4s;}.wrap-pred:hover .nm {transform: translate(0, -40px);}.statut {font: 25px 'Raleway', sans-serif;text-transform: uppercase;text-align: center;border: 1px solid #000;width: 70%;margin: auto;transform: translate(0, 0);transition: all 0.4s;}.libre {color: #70E669;border-color: #70E669;}.reserve {color: #FFB279;border-color: #FFB279;}.pris {color: #F35454;border-color: #F35454;}.wrap-pred:hover .statut {transform: translate(0, -300px);}.hover-pred {width: 80%;margin: auto;line-height: 140%;text-transform: uppercase;font-size: 10px;letter-spacing: 1px;transform: translate(0, 200px);transition: all 0.4s;}.wrap-pred:hover .hover-pred {transform: translate(0, -50px);}.cara {height: 170px;overflow: auto;}.hist {height: 140px;width: 90%;line-height: 130%;font-size: 11px;text-align: justify;overflow: auto;margin: auto;padding: 5px;}.cara ul {padding: 0;margin: 0}.cara ul li {list-style-type: none;background-color: #e3e3e3;margin: 2px 0;font-size: 10px;padding: 0 5px;}.cara ul li:nth-child(even) {text-align: right;}.pred-credit {position: absolute;right: 5px;bottom: 5px;}.pred-credit a {text-decoration: none !important;font-size: 8px;text-transform: uppercase;letter-spacing: 1px;color: #bababa !important;}</style>
<div class="wrap-pred"><!--
--><img src="http://placehold.it/250x400" class="avatar-pred"><div class="infos-pred name"><!--
--><img src="http://placehold.it/100x100" class="icon"><div class="nm"><!--
--><h2><b>Name</b> surname</h2><!--
--><h3>Group name</h3></div><!--
--><div class="statut libre">Libre</div><div class="hover-pred"><!--
--><div>Âge</div><!--
--><div>Métier</div><!--
--></div></div><div class="infos-pred"><h4>Caractère</h4><div class="cara"><ul><!--
--><li>Trait de caractère</li><!--
--><li>Trait de caractère</li><!--
--><li>Trait de caractère</li><!--
--><li>Trait de caractère</li><!--
--><li>Trait de caractère</li><!--
--><li>Trait de caractère</li><!--
--><li>Trait de caractère</li><!--
--><li>Trait de caractère</li></ul></div><!--
--><h4>Histoire</h4><!--
--><div class="hist">Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur?</div></div><div class="pred-credit"><a href="http://terrible.forumactif.org/" target="_blank">Awful</a></div></div>
Revenir en haut Aller en bas
http://snake-test.forumgratuit.org
Snake
La nature se rit des souffrances humaines
avatar

Messages : 1415
Date d'inscription : 08/01/2012

MessageSujet: Re: Codes et prez   Lun 19 Nov - 21:32


How to be happy

Decide every morning that you are in a good mood



Code:
<link href='https://fonts.googleapis.com/css?family=Courgette|Roboto' rel='stylesheet' type='text/css'><style>.wrap-mood * { box-sizing: border-box; }.wrap-mood {box-sizing: border-box;width: 500px;margin: 0 auto 10px;position: relative;background-color: #fff;border: 1px solid #ccc;text-align: center;padding: 10px;}.wrap-mood h2 {margin: 0;font: 28px 'Courgette', cursive;text-shadow: 2px 0 0 #fff, 3px 0 0 #ccc;}.wrap-mood h3 {border-top: 1px solid #ccc;display: inline;padding: 0 20px;font: 10px calibri, sans-serif;letter-spacing: 1px;}.mood-content {border: 1px solid #ccc;height: 480px;padding-top: 2px;margin-top: 10px;}.wrap-mood img {margin: 4px;border: 1px solid #ccc;padding: 3px; height: 150px; width: 150px;vertical-align: middle;}.credit a {position: absolute;margin-top: 13px;color: #ccc!important;text-decoration: none!important;font: 8px 'Roboto', sans-serif;letter-spacing: 1px;}</style>
<div class="wrap-mood"><!--
--><h2>How to be happy</h2><!--
--><h3>Decide every morning that you are in a good mood</h3><!--
--><div class="mood-content"><!--
--><img src="http://placehold.it/150x150" alt="" /><!--
--><img src="http://placehold.it/150x150" alt="" /><!--
--><img src="http://placehold.it/150x150" alt="" /><!--

--><img src="http://placehold.it/150x150" alt="" /><!--
--><img src="http://placehold.it/150x150" alt="" /><!--
--><img src="http://placehold.it/150x150" alt="" /><!--

--><img src="http://placehold.it/150x150" alt="" /><!--
--><img src="http://placehold.it/150x150" alt="" /><!--
--><img src="http://placehold.it/150x150" alt="" /><!--
--></div><!--
--><div class="credit"><a href="http://terrible.forumactif.org/" target="_blank"></> awful</a></div></div>
Revenir en haut Aller en bas
http://snake-test.forumgratuit.org
Snake
La nature se rit des souffrances humaines
avatar

Messages : 1415
Date d'inscription : 08/01/2012

MessageSujet: Re: Codes et prez   Lun 19 Nov - 21:32


Here's a note for you

// for my lovely fellows

Texte ici


Code:
<link href="https://fonts.googleapis.com/css?family=Arimo:400,700|Montserrat:700" rel="stylesheet"> <style>.awf-note {width: 280px;margin: auto;position: relative;background-color: #e0ecde;font-family: 'Arimo', sans-serif;border: 1px solid #333;}.awf-note-header {background: #333;padding: 30px 15px 10px;line-height: 1em;}.awf-note-header h2 {margin: 0;font-family: 'Montserrat', sans-serif;font-weight: 700;text-transform: uppercase;font-size: 10px;color: #91bd8a;}.awf-note-header h3 {margin: 0;text-transform: uppercase;font-size: 7px;color: #5d7259;letter-spacing: 1px;}.awf-note-content {width: 80%;margin: 20px auto;font-size: 10px;line-height: 110%;text-align: justify;color: #333;}.awf-note-credit {position: absolute;bottom: -16px;left: 0;}.awf-note-credit a {font-size: 6px;letter-spacing: 1px;color: #b1b1b1!important;text-decoration: none!important;text-transform: uppercase;}</style>
<div class="awf-note"><div class="awf-note-header"><!--
--><h2>Here's a note for you</h2><!--
--><h3>// for my lovely fellows</h3></div><!--
--><div class="awf-note-content">Texte ici </div><div class="awf-note-credit"><a href="http://terrible.forumactif.org/" target="_blank">awful</a></div></div>
Revenir en haut Aller en bas
http://snake-test.forumgratuit.org
Snake
La nature se rit des souffrances humaines
avatar

Messages : 1415
Date d'inscription : 08/01/2012

MessageSujet: Re: Codes et prez   Lun 19 Nov - 21:33


Awful

Dit :

Votre texte ici
La bulle s'agrandira selon la quantité de texte. Écrivez autant que vous voulez.
Allez une dernière.


Code:
<style>@import url('https://fonts.googleapis.com/css?family=Montserrat:900|PT+Sans');.im-persona {width: 400px;font-family: 'PT Sans', sans-serif;padding: 10px;background: rgb(212, 212, 212);border: 1px solid #bcbcbc;margin: auto;position: relative;}.im-persona-head {display: flex;padding: 20px;background-image: url("https://i.imgur.com/iWmrmW9.png");}.im-persona-icon {width: 100px;height: 100px;margin-right: 20px;border-radius: 50%;border-style: solid;border-width: 2px;padding: 10px;position: relative;}.im-persona-icon:before {content:"";left: -2px;top: -2px;position: absolute;width: 124px;height: 124px;margin-right: 20px;border-radius: 50%;border-style: solid;border-width: 2px;border-color: #999 #fff #999 #fff;padding: 10px;background: rgba(255,255,255,0.5);box-shadow: 0 0 0 5px rgba(255,255,255,0.3);animation: tourne 1s linear infinite;box-sizing: border-box;}.im-persona-icon img {width: 100px;height: 100px;border-radius: 50%;transform: rotate(0deg);}.im-persona-icon + div {align-self: center;box-sizing: border-box;height: 124px;overflow: hidden;flex: 1;}.im-persona-content {transform: translate(0, -124px);background: #fff;height: 124px;flex: 1;height: 124px;border: 10px solid #fff;box-sizing: border-box;overflow: auto;border-radius: 3px;transition: all 0.3s;}.im-persona-head h2 {font-family: 'Montserrat', sans-serif;font-size: 30px;font-weight: 900;margin: 0;line-height: 0.9;color: #cb171c;}.im-persona-head h3 {margin: 0 0 5px;font-size: 11px;font-weight: normal;text-transform: uppercase;letter-spacing: 1px;}.im-persona-bubble {background: rgb(228, 228, 228);font-size: 10px;padding: 8px;border-radius: 3px;position: relative;margin-left: 10px;margin-bottom: 8px;}.im-persona-bubble:last-child {margin-bottom: 0px;}.im-persona-bubble:after {content:"";position: absolute;left: -10px;top: calc(50% - 5px);width: 0;height: 0;border-style: solid;border-width: 5px 10px 5px 0;border-color: transparent rgb(228, 228, 228) transparent transparent;}.im-persona-label {height: 124px;transition: all 0.3s;transform: translate(0, -124px);line-height: 124px;}.im-persona-label label {color: #fff;font-family: 'Montserrat', sans-serif;font-size: 25px;font-weight: 900;text-transform: uppercase;border-top: 5px solid #cb171c;border-bottom: 5px solid #cb171c;padding: 10px 0;cursor: crosshair;transition: all 0.3s;}.im-persona input {display: none;}.im-persona input:checked + div + div .im-persona-content,.im-persona input:checked + div + div .im-persona-label{transform: translate(0,0);}.im-persona input:checked + div > label{cursor: crosshair;}.im-persona input + div > label {cursor: auto;}.im-persona-credit {position: absolute;bottom: -18px;left: 0;}.im-persona-credit a {text-decoration: none!important;font-size: 8px;text-transform: uppercase;letter-spacing: 1px;}.im-persona-content:nth-child(2)::-webkit-scrollbar { width: 2px;}.im-persona-content:nth-child(2)::-webkit-scrollbar-track { background-color: #efefef;}.im-persona-content:nth-child(2)::-webkit-scrollbar-thumb { background-color: #cf8d8d; }@keyframes tourne {0% {transform: rotate(0deg);}100% {transform: rotate(360deg);}}</style>
<div class="im-persona"><div class="im-persona-credit"><a href="http://terrible.forumactif.org/" target="_blank">Awful</a></div><div class="im-persona-head"><input type="radio" id="im-persona" name="im-persona"><div class="im-persona-icon"><label for="close"><input type="radio" name="im-persona" id="close"><!--
--><img src="https://i.imgur.com/EqiT1qR.jpg"><!--
--></label></div><div><div class="im-persona-content"><!--
--><h2>Awful</h2><!--
--><h3>Dit :</h3><!--
--><div class="im-persona-bubble">Votre texte ici</div><!--
--><div class="im-persona-bubble">La bulle s'agrandira selon la quantité de texte. Écrivez autant que vous voulez.</div><!--
--><div class="im-persona-bubble">Allez une dernière.</div><!--
--></div><div class="im-persona-label"><label for="im-persona">New message</label></div></div></div></div>
Revenir en haut Aller en bas
http://snake-test.forumgratuit.org
Snake
La nature se rit des souffrances humaines
avatar

Messages : 1415
Date d'inscription : 08/01/2012

MessageSujet: Re: Codes et prez   Mar 20 Nov - 21:34


Bottin

○ Avatar ▬ Nom du personnage
○ Avatar ▬ Nom du personnage
○ Avatar ▬ Nom du personnage
○ Avatar ▬ Nom du personnage
○ Avatar ▬ Nom du personnage
○ Avatar ▬ Nom du personnage
○ Avatar ▬ Nom du personnage
○ Avatar ▬ Nom du personnage
○ Avatar ▬ Nom du personnage

Scénarios
○ Avatar ▬ Nom du scénario
○ Avatar ▬ Nom du scénario
○ Avatar ▬ Nom du scénario
○ Avatar ▬ Nom du scénario
○ Avatar ▬ Nom du scénario
○ Avatar ▬ Nom du scénario
○ Avatar ▬ Nom du scénario
○ Avatar ▬ Nom du scénario
○ Avatar ▬ Nom du scénario
○ Avatar ▬ Nom du scénario
○ Avatar ▬ Nom du scénario
○ Avatar ▬ Nom du scénario

codage by Laxy Dunbar



Code:
<center><link href="https://fonts.googleapis.com/css?family=Bangers" rel="stylesheet"><div style="width: 460px; height: auto; background-color : #B3B6B7; border: 2px solid #D0D3D4; border-radius : 35px 35px 35px 35px; "></br><span style="color:#424949;font-family:'Bangers', cursive;letter-spacing : 2px; font-size: 42px; text-shadow: 2px 0px 2px">Bottin</span></br></br><div style=" width: 380px ; background-color : #D0D3D4; height: auto; border-radius: 15px 15px 15px 15px; text-align: justify; color: #4D5656; font-family: 'Bangers', cursive; font-size: 12px; padding: 15px;">○ Avatar ▬ Nom du personnage
○ Avatar ▬ Nom du personnage
○ Avatar ▬ Nom du personnage
○ Avatar ▬ Nom du personnage
○ Avatar ▬ Nom du personnage
○ Avatar ▬ Nom du personnage
○ Avatar ▬ Nom du personnage
○ Avatar ▬ Nom du personnage
○ Avatar ▬ Nom du personnage</div></br><span style="color:#424949;font-family:'Bangers', cursive;letter-spacing : 2px; font-size: 42px; text-shadow: 2px 0px 2px">Scénarios</span></br><div style=" width: 380px ; background-color : #D0D3D4; height: auto; border-radius: 15px 15px 15px 15px; text-align: justify; color: #4D5656; font-family: 'Bangers', cursive; font-size: 12px; padding: 15px;">○ Avatar ▬ Nom du scénario
○ Avatar ▬ Nom du scénario
○ Avatar ▬ Nom du scénario
○ Avatar ▬ Nom du scénario
○ Avatar ▬ Nom du scénario
○ Avatar ▬ Nom du scénario
○ Avatar ▬ Nom du scénario
○ Avatar ▬ Nom du scénario
○ Avatar ▬ Nom du scénario
○ Avatar ▬ Nom du scénario
○ Avatar ▬ Nom du scénario
○ Avatar ▬ Nom du scénario</div></br><div style="font-size:8px; letter-spacing:3px; text-align:center; color : #424949">codage by Laxy Dunbar</div></br></div></center>


UN TITRE

UN SOUS-TITRE
Un petit blabla ici, comme une sorte d'introduction toute mignonne pour entrer dans le vif du sujet.


UN SOUS-TITRE
Un petit blabla ici, comme une sorte d'introduction toute mignonne pour entrer dans le vif du sujet.


UN SOUS-TITRE
Un petit blabla ici, comme une sorte d'introduction toute mignonne pour entrer dans le vif du sujet.


UN SOUS-TITRE
Un petit blabla ici, comme une sorte d'introduction toute mignonne pour entrer dans le vif du sujet.


UN SOUS-TITRE
Un petit blabla ici, comme une sorte d'introduction toute mignonne pour entrer dans le vif du sujet.

codage by Laxy Dunbar



Code:
<center><link href="https://fonts.googleapis.com/css?family=Bangers" rel="stylesheet"><div style="width: 460px; height: auto; background-color : #B3B6B7; border: 2px solid #D0D3D4; border-radius : 35px 35px 35px 35px; "></br><span style="color:#424949;font-family:'Bangers', cursive;letter-spacing : 2px; font-size: 42px; text-shadow: 2px 0px 2px">UN TITRE</span></br></br><span style="color:#424949;font-family:'Bangers', cursive;letter-spacing : 2px; font-size: 42px; text-shadow: 2px 0px 2px">UN SOUS-TITRE</span></br><div style=" width: 380px ; background-color : #D0D3D4; height: auto; border-radius: 15px 15px 15px 15px; text-align: justify; color: #4D5656; font-family: 'Bangers', cursive; font-size: 12px; padding: 15px;">Un petit blabla ici, comme une sorte d'introduction toute mignonne pour entrer dans le vif du sujet.</div></br></br><span style="color:#424949;font-family:'Bangers', cursive;letter-spacing : 2px; font-size: 42px; text-shadow: 2px 0px 2px">UN SOUS-TITRE</span></br><div style=" width: 380px ; background-color : #D0D3D4; height: auto; border-radius: 15px 15px 15px 15px; text-align: justify; color: #4D5656; font-family: 'Bangers', cursive; font-size: 12px; padding: 15px;">Un petit blabla ici, comme une sorte d'introduction toute mignonne pour entrer dans le vif du sujet.</div></br></br><span style="color:#424949;font-family:'Bangers', cursive;letter-spacing : 2px; font-size: 42px; text-shadow: 2px 0px 2px">UN SOUS-TITRE</span></br><div style=" width: 380px ; background-color : #D0D3D4; height: auto; border-radius: 15px 15px 15px 15px; text-align: justify; color: #4D5656; font-family: 'Bangers', cursive; font-size: 12px; padding: 15px;">Un petit blabla ici, comme une sorte d'introduction toute mignonne pour entrer dans le vif du sujet.</div></br></br><span style="color:#424949;font-family:'Bangers', cursive;letter-spacing : 2px; font-size: 42px; text-shadow: 2px 0px 2px">UN SOUS-TITRE</span></br><div style=" width: 380px ; background-color : #D0D3D4; height: auto; border-radius: 15px 15px 15px 15px; text-align: justify; color: #4D5656; font-family: 'Bangers', cursive; font-size: 12px; padding: 15px;">Un petit blabla ici, comme une sorte d'introduction toute mignonne pour entrer dans le vif du sujet.</div></br></br><span style="color:#424949;font-family:'Bangers', cursive;letter-spacing : 2px; font-size: 42px; text-shadow: 2px 0px 2px">UN SOUS-TITRE</span></br><div style=" width: 380px ; background-color : #D0D3D4; height: auto; border-radius: 15px 15px 15px 15px; text-align: justify; color: #4D5656; font-family: 'Bangers', cursive; font-size: 12px; padding: 15px;">Un petit blabla ici, comme une sorte d'introduction toute mignonne pour entrer dans le vif du sujet.</div></br><div style="font-size:8px; letter-spacing:3px; text-align:center; color : #424949">codage by Laxy Dunbar</div></br></div></center>


UN TITRE

Un petit blabla ici, comme une sorte d'introduction toute mignonne pour entrer dans le vif du sujet.


Annonces

Un petit blabla ici, pour donner des annonces liés au forum, sous forme d'un texte ou d'un petite liste comme ci-dessous :
✦ Annonce ici
✦ Annonce ici

Nouveautés

Un petit blabla ici, pour donner des nouvelles du forums. Sous forme d'un texte ou comme ceci :
✦  Nouvelle ici
✦  Nouvelle ici

Un petit blabla ici, comme une sorte de conclusion toute mignonne pour dire au revoir ou à la prochaine.

codage by Laxy Dunbar



Code:
<center><link href="https://fonts.googleapis.com/css?family=Bangers" rel="stylesheet"><div style="width: 460px; height: auto; background-color : #B3B6B7; border: 2px solid #D0D3D4; border-radius : 35px 35px 35px 35px; "></br><span style="color:#424949;font-family:'Bangers', cursive;letter-spacing : 2px; font-size: 42px; text-shadow: 2px 0px 2px">UN TITRE</span></br></br><div style=" width: 380px ; background-color : #D0D3D4; height: auto; border-radius: 15px 15px 15px 15px; text-align: justify; color: #4D5656; font-family: 'Bangers', cursive; font-size: 12px; padding: 15px;">Un petit blabla ici, comme une sorte d'introduction toute mignonne pour entrer dans le vif du sujet.</div></br><table><tr><td><div style="text-align:center; line-height:18px; font-size:38px;">
<span style="color:#424949;font-family:'Bangers', cursive;letter-spacing : 2px; text-shadow: 2px 0px 2px">Annonces</span>
</div></br><div style=" width: 190px ; background-color : #D0D3D4; height: 150px; overflow: auto; border-radius: 15px 15px 15px 15px; text-align: justify; color: #4D5656; font-family: 'Bangers', cursive; font-size: 12px; padding: 15px;">Un petit blabla ici, pour donner des annonces liés au forum, sous forme d'un texte ou d'un petite liste comme ci-dessous :</br>✦ Annonce ici</br>✦ Annonce ici</div></td><td><div style="text-align:center; line-height:18px; font-size:38px;">
<span style="color:#424949;font-family:'Bangers', cursive;letter-spacing : 2px; text-shadow: 2px 0px 2px">Nouveautés</span>
</div></br><div style=" width: 190px ; background-color : #D0D3D4; height: 150px; overflow: auto; border-radius: 15px 15px 15px 15px; text-align: justify; color: #4D5656; font-family: 'Bangers', cursive; font-size: 12px; padding: 15px;">Un petit blabla ici, pour donner des nouvelles du forums. Sous forme d'un texte ou comme ceci :</br>✦  Nouvelle ici</br>✦  Nouvelle ici</div></td></tr></table></br><div style=" width: 380px ; background-color : #D0D3D4; height: auto; border-radius: 15px 15px 15px 15px; text-align: justify; color: #4D5656; font-family: 'Bangers', cursive; font-size: 12px; padding: 15px;">Un petit blabla ici, comme une sorte de conclusion toute mignonne pour dire au revoir ou à la prochaine.</div></br><div style="font-size:8px; letter-spacing:3px; text-align:center; color : #424949">codage by Laxy Dunbar</div></br></div></center>


Werewolf's Life



Informations
✦ RPG basé sur la série Teen Wolf et sa continuité.
✦ Sans minimum de lignes ou de mots.
✦ Sans minimum de posts obligatoire par mois.
✦ Avatar 200*320 et de type réel uniquement.

Liens utiles

Notre histoire
« Scott ne jure que par une chose... sauver ses amis. Il fait toujours tout ce qui est en son pouvoir pour sauver ceux qui comptent pour lui. Quand il n'a plus aucune chance de gagner, il continu de se battre. Quand tout espoir est perdu, il trouve une alternative et quand on le met à terre il se relève et se redresse. » Derek Hale.

Après avoir combattu l’Anuk-Ite & Gérard Argent, le monde se retrouve comme divisé en deux. D’un côté il y a ceux qui savent pour les créatures surnaturelles, mais n’en ont pas peur, voire même sont de leurs côtés, et d’un autre il y a ceux qui ne les supportent pas. Ces derniers ont donc rejoint Monroe et combattent à ses côtés. Cette dernière ayant perdu contre Scott McCall et sa meute, elle ne rêve que de vengeance tapit dans l’ombre avec ses hommes. Elle ne reculera devant rien, ni elle, ni ses hommes, qui tueront quiconque est un être-surnaturel et qu’importe leur âge. Leur but : « tous les exterminés jusqu’au dernier ! »

Mais Monroe et son groupe ne sont pas les seuls qui devront inquiéter la meute de McCall, mais bien les nouvelles créatures surnaturelles qui débarquent au sein de Beacon Hills, très probablement encore attirées par le Nemeton. Celles-ci sont féroces et ont les mains couvertes de sang, il faudra donc s’en méfier, prêter attention à chacune d’entre elles afin qu’elles ne commettent par un massacre de masse dans la ville où réside notre meute. Scott devra prêter attention à chacune des menaces tout en venant aider, sauver la nouvelle génération de loups-garous.

N'oubliez pas ces quelques paroles : « Toute personne sinistre qui veut être ton ennemi commence toujours par essayer d'être ton ami. » de Gérard Argent et méfiez-vous quiconque croisera votre chemin. Seriez-vous prêt à combattre aux côté de Scott et de ses innombrables alliés ou seriez-vous plutôt un ennemi, une nouvelle créature de Beacon Hills avec du sang sur les mains ? Seriez-vous avec Monroe ou plutôt du côté de Scott McCall ?

codage by Laxy Dunbar



Code:
<center><link href="https://fonts.googleapis.com/css?family=Bangers" rel="stylesheet"><div style="width: 460px; height: auto; background-color : #B3B6B7; border: 2px solid #D0D3D4; border-radius : 35px 35px 35px 35px; "></br><span style="color:#424949;font-family:'Bangers', cursive;letter-spacing : 2px; font-size: 42px; text-shadow: 2px 0px 2px">Werewolf's Life</span></br></br><img src="https://78.media.tumblr.com/ea8bf749929ba9089bbb24e368020d16/tumblr_ozf3jjhmUV1v017z3o2_400.gif" style="width: 430px; height: 215px; border-radius : 100px 100px 0px 0px; border:2px double #D0D3D4; padding:2px"></br><table><tr><td><div style="text-align:center; line-height:18px; font-size:38px;">
<span style="color:#424949;font-family:'Bangers', cursive;letter-spacing : 2px; text-shadow: 2px 0px 2px">Informations</span>
</div><div style=" width: 190px ; background-color : #D0D3D4; height: 150px; overflow: auto; border-radius: 15px 15px 15px 15px; text-align: justify; color: #4D5656; font-family: 'Bangers', cursive; font-size: 12px; padding: 15px;">✦ RPG basé sur la série Teen Wolf et sa continuité.</br>✦ Sans minimum de lignes ou de mots.</br>✦ Sans minimum de posts obligatoire par mois.</br>✦ Avatar 200*320 et de type réel uniquement.</div></td><td><div style="text-align:center; line-height:18px; font-size:38px;">
<span style="color:#424949;font-family:'Bangers', cursive;letter-spacing : 2px; text-shadow: 2px 0px 2px">Liens utiles</span>
</div><div style=" width: 190px ; background-color : #D0D3D4; height: 150px; overflow: auto; border-radius: 15px 15px 15px 15px; text-align: justify; color: #4D5656; font-family: 'Bangers', cursive; font-size: 12px; padding: 15px;">✦ [url=http://werewolflife.forumactif.com/t17-le-decret-de-beacon-hills]Le décret de Beacon Hills ![/url]</br>✦ [url=http://werewolflife.forumactif.com/t18-le-bestiaire-de-beacon-hills]Le bestiaire de Beacon Hills ![/url]</br>✦ [url=http://werewolflife.forumactif.com/t22-le-bottin-des-avatars]Le bottin des avatars[/url]</br>✦ [url=http://werewolflife.forumactif.com/f6-les-post-vacants]Les prédéfinis de la série ![/url]</br>✦ [url=http://werewolflife.forumactif.com/f55-les-scenarios-des-membres]Scénarios des membres ![/url]</br><a href="http://werewolflife.forumactif.com/"><img src="https://i62.servimg.com/u/f62/19/74/29/70/logo3510.jpg" /></a></div></td></tr></table></br><span style="color:#424949;font-family:'Bangers', cursive;letter-spacing : 2px; font-size: 42px; text-shadow: 2px 0px 2px">Notre histoire</span></br><div style=" width: 380px ; background-color : #D0D3D4; height: auto; border-radius: 15px 15px 15px 15px; text-align: justify; color: #4D5656; font-family: 'Bangers', cursive; font-size: 12px; padding: 15px;">« Scott ne jure que par une chose... sauver ses amis. Il fait toujours tout ce qui est en son pouvoir pour sauver ceux qui comptent pour lui. Quand il n'a plus aucune chance de gagner, il continu de se battre. Quand tout espoir est perdu, il trouve une alternative et quand on le met à terre il se relève et se redresse. » Derek Hale.

Après avoir combattu l’Anuk-Ite & Gérard Argent, le monde se retrouve comme divisé en deux. D’un côté il y a ceux qui savent pour les créatures surnaturelles, mais n’en ont pas peur, voire même sont de leurs côtés, et d’un autre il y a ceux qui ne les supportent pas. Ces derniers ont donc rejoint Monroe et combattent à ses côtés. Cette dernière ayant perdu contre Scott McCall et sa meute, elle ne rêve que de vengeance tapit dans l’ombre avec ses hommes. Elle ne reculera devant rien, ni elle, ni ses hommes, qui tueront quiconque est un être-surnaturel et qu’importe leur âge. Leur but : « tous les exterminés jusqu’au dernier ! »

Mais Monroe et son groupe ne sont pas les seuls qui devront inquiéter la meute de McCall, mais bien les nouvelles créatures surnaturelles qui débarquent au sein de Beacon Hills, très probablement encore attirées par le Nemeton. Celles-ci sont féroces et ont les mains couvertes de sang, il faudra donc s’en méfier, prêter attention à chacune d’entre elles afin qu’elles ne commettent par un massacre de masse dans la ville où réside notre meute. Scott devra prêter attention à chacune des menaces tout en venant aider, sauver la nouvelle génération de loups-garous.

N'oubliez pas ces quelques paroles : « Toute personne sinistre qui veut être ton ennemi commence toujours par essayer d'être ton ami. » de Gérard Argent et méfiez-vous quiconque croisera votre chemin. Seriez-vous prêt à combattre aux côté de Scott et de ses innombrables alliés ou seriez-vous plutôt un ennemi, une nouvelle créature de Beacon Hills avec du sang sur les mains ? Seriez-vous avec Monroe ou plutôt du côté de Scott McCall ?</div></br><div style="font-size:8px; letter-spacing:3px; text-align:center; color : #424949">codage by Laxy Dunbar</div></br></div></center>
Revenir en haut Aller en bas
http://snake-test.forumgratuit.org
Snake
La nature se rit des souffrances humaines
avatar

Messages : 1415
Date d'inscription : 08/01/2012

MessageSujet: Re: Codes et prez   Ven 23 Nov - 20:00

 
Ex his quidam aeternitati se commendari posse per statuas aestimantes eas ardenter adfectant quasi plus praemii de figmentis aereis sensu carentibus adepturi, quam ex conscientia honeste recteque factorum, easque auro curant inbracteari, quod Acilio Glabrioni delatum est primo, cum consiliis armisque regem superasset Antiochum. quam autem sit pulchrum exigua haec spernentem et minima ad ascensus verae gloriae tendere longos et arduos, ut memorat vates Ascraeus, Censorius Cato monstravit. qui interrogatus quam ob rem inter multos... statuam non haberet malo inquit ambigere bonos quam ob rem id non meruerim, quam quod est gravius cur inpetraverim mussitare.

Hacque adfabilitate confisus cum eadem postridie feceris, ut incognitus haerebis et repentinus, hortatore illo hesterno clientes numerando, qui sis vel unde venias diutius ambigente agnitus vero tandem et adscitus in amicitiam si te salutandi adsiduitati dederis triennio indiscretus et per tot dierum defueris tempus, reverteris ad paria perferenda, nec ubi esses interrogatus et quo tandem miser discesseris, aetatem omnem frustra in stipite conteres summittendo.
hors jeu : blabla

   


Code:
<center>  <div style="background:#eee;border:5px solid white;width:500px;margin:0 auto; position: relative;"><div style="width:0;height:0;border-top:150px solid #d87575;border-right:150px solid transparent;float:left;"><table style="height:100px;width:100px;float:left;margin-top:-122px;margin-left:25px;"><tbody><tr><td style="width:100px;height:100px;padding:0px;vertical-align:top;"><div style="width:0;height:0;border-top:25px solid #333333;border-left:25px solid transparent;margin-left:75px;"></div><!--

   IMAGE ICONE

   ---><img style="width:80px;height:80px;border:5px solid white;margin-top:-19px;margin-left:5px;" src="https://i.imgur.com/QwSc4SW.png"><!--

   --><div style="width:0;height:0px;border-bottom:25px solid #333333;border-right:25px solid transparent;margin-top:-20px;"></div></td></tr></tbody></table></div><!--


   --><div style="text-align:justify; font-size: 13px; padding:25px; font-family:arial;color:black;">Ex his quidam aeternitati se commendari posse per statuas aestimantes eas ardenter adfectant quasi plus praemii de figmentis aereis sensu carentibus adepturi, quam ex conscientia honeste recteque factorum, easque auro curant inbracteari, quod Acilio Glabrioni delatum est primo, cum consiliis armisque regem superasset Antiochum. quam autem sit pulchrum exigua haec spernentem et minima ad ascensus verae gloriae tendere longos et arduos, ut memorat vates Ascraeus, Censorius Cato monstravit. qui interrogatus quam ob rem inter multos... statuam non haberet malo inquit ambigere bonos quam ob rem id non meruerim, quam quod est gravius cur inpetraverim mussitare. </br></br>Hacque adfabilitate confisus cum eadem postridie feceris, ut incognitus haerebis et repentinus, hortatore illo hesterno clientes numerando, qui sis vel unde venias diutius ambigente agnitus vero tandem et adscitus in amicitiam si te salutandi adsiduitati dederis triennio indiscretus et per tot dierum defueris tempus, reverteris ad paria perferenda, nec ubi esses interrogatus et quo tandem miser discesseris, aetatem omnem frustra in stipite conteres summittendo.</div><!--

   TEXTE HORS JEU

   --><div style="background:#d87575;padding:4px; font-size:9px; text-transform:uppercase; font-family:arial;color:white; text-align:center;">hors jeu : blabla</div></div>
   <div style="font-size:9px; font-family:arial; text-transform:uppercase;text-align:center; opacity:0.3;"> <a href="http://libre-graph.forumperso.com/" target="blank">by reira</a></div></center>
Revenir en haut Aller en bas
http://snake-test.forumgratuit.org
Snake
La nature se rit des souffrances humaines
avatar

Messages : 1415
Date d'inscription : 08/01/2012

MessageSujet: Re: Codes et prez   Ven 23 Nov - 20:07



Le voleur
avare
#mission


Procedente igitur mox tempore cum adventicium nihil inveniretur, relicta ora maritima in Lycaoniam adnexam Isauriae se contulerunt ibique densis intersaepientes itinera praetenturis provincialium et viatorum opibus pascebantur.

Sin autem ad adulescentiam perduxissent, dirimi tamen interdum contentione vel uxoriae condicionis vel commodi alicuius, quod idem adipisci uterque non posset. Quod si qui longius in amicitia provecti essent, tamen saepe labefactari, si in honoris contentionem incidissent; pestem enim nullam maiorem esse amicitiis quam in plerisque pecuniae cupiditatem, in optimis quibusque honoris certamen et gloriae; ex quo inimicitias maximas saepe inter amicissimos exstitisse.

Restabat ut Caesar post haec properaret accitus et abstergendae causa suspicionis sororem suam, eius uxorem, Constantius ad se tandem desideratam venire multis fictisque blanditiis hortabatur. quae licet ambigeret metuens saepe cruentum, spe tamen quod eum lenire poterit ut germanum profecta, cum Bithyniam introisset, in statione quae Caenos Gallicanos appellatur, absumpta est vi febrium repentina. cuius post obitum maritus contemplans cecidisse fiduciam qua se fultum existimabat, anxia cogitatione, quid moliretur haerebat.

" Ex turba vero imae sortis et paupertinae in tabernis aliqui pernoctant vinariis."

Ex turba vero imae sortis et paupertinae in tabernis aliqui pernoctant vinariis, non nulli velariis umbraculorum theatralium latent, quae Campanam imitatus lasciviam Catulus in aedilitate sua suspendit omnium primus; aut pugnaciter aleis certant turpi sono fragosis naribus introrsum reducto spiritu concrepantes; aut quod est studiorum omnium maximum ab ortu lucis ad vesperam sole fatiscunt vel pluviis, per minutias aurigarum equorumque praecipua vel delicta scrutantes.

   



Code:
<center> <link href="https://fonts.googleapis.com/css?family=Oswald" rel="stylesheet">
<div style="background-color: #333333;font: 11px Verdana;color: #999999; width:420px; padding:15px;text-align: justify;position: relative;z-index: 1;"><img style="max-width:100%;border:solid 10px #eeeeee;" src="https://www.zupimages.net/up/17/10/hjt1.png">
<div style="font: 60px Oswald; padding: 20px; line-height: 58px; color: #eeeeee; opacity: .65; margin-top: -220px;text-align:left; position: relative;z-index: 1;letter-spacing: -6px;text-transform: uppercase;
">Le voleur
avare
#mission</div>

<div style="padding:15px;border-left:solid 1px #999999;">Procedente igitur mox tempore cum adventicium nihil inveniretur, relicta ora maritima in Lycaoniam adnexam Isauriae se contulerunt ibique densis intersaepientes itinera praetenturis provincialium et viatorum opibus pascebantur.

Sin autem ad adulescentiam perduxissent, dirimi tamen interdum contentione vel uxoriae condicionis vel commodi alicuius, quod idem adipisci uterque non posset. Quod si qui longius in amicitia provecti essent, tamen saepe labefactari, si in honoris contentionem incidissent; pestem enim nullam maiorem esse amicitiis quam in plerisque pecuniae cupiditatem, in optimis quibusque honoris certamen et gloriae; ex quo inimicitias maximas saepe inter amicissimos exstitisse.

Restabat ut Caesar post haec properaret accitus et abstergendae causa suspicionis sororem suam, eius uxorem, Constantius ad se tandem desideratam venire multis fictisque blanditiis hortabatur. quae licet ambigeret metuens saepe cruentum, spe tamen quod eum lenire poterit ut germanum profecta, cum Bithyniam introisset, in statione quae Caenos Gallicanos appellatur, absumpta est vi febrium repentina. cuius post obitum maritus contemplans cecidisse fiduciam qua se fultum existimabat, anxia cogitatione, quid moliretur haerebat.

[color=#fdbe7a][b]" Ex turba vero imae sortis et paupertinae in tabernis aliqui pernoctant vinariis."[/b][/color]

Ex turba vero imae sortis et paupertinae in tabernis aliqui pernoctant vinariis, non nulli velariis umbraculorum theatralium latent, quae Campanam imitatus lasciviam Catulus in aedilitate sua suspendit omnium primus; aut pugnaciter aleis certant turpi sono fragosis naribus introrsum reducto spiritu concrepantes; aut quod est studiorum omnium maximum ab ortu lucis ad vesperam sole fatiscunt vel pluviis, per minutias aurigarum equorumque praecipua vel delicta scrutantes.
</div>
</div>    <div style="font-size:9px; font-family:arial; text-transform:uppercase;text-align:center; opacity:0.3;"> <a href="http://libre-graph.forumperso.com/" target="blank">by reira</a></div>

</center>
Revenir en haut Aller en bas
http://snake-test.forumgratuit.org
Snake
La nature se rit des souffrances humaines
avatar

Messages : 1415
Date d'inscription : 08/01/2012

MessageSujet: Re: Codes et prez   Mar 27 Nov - 18:01



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


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
http://snake-test.forumgratuit.org
Contenu sponsorisé




MessageSujet: Re: Codes et prez   

Revenir en haut Aller en bas
 
Codes et prez
Revenir en haut 
Page 12 sur 12Aller à la page : Précédent  1, 2, 3 ... 10, 11, 12
 Sujets similaires
-
» sites pour les codes CUP
» [résolu]Mélange de codes ?
» Problème de codes sur Internet Explorer.
» Des codes qui disparaissent
» Problèmes codes QUEEL

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
Snake test :: Votre 1ère catégorie :: LA.-
Sauter vers: