Holà

Voici une petite fichette que j'ai faite et que je partage ! Juste ne l'utilisez pas sur un autre forum sans mon accord s'il vous plait. Je ne met pas de crédit parce que je trouve ça chiant et moche, mais je n'aimerai pas que ça se retrouve n'importe où  
Merci !

Normalement, il est fait pour mon fofo, nous on a un numéro d'interface, mais vous pouvez très bien y mettre le calpin de votre partenaire! Si vous rencontrez un problème, faite le moi savoir    

NOM PRENOM

254-894-852

FICHE

• Rp
• RP
• RP

Relation

Atque, ut Tullius ait, ut etiam ferae fame monitae plerumque ad eum locum ubi aliquando pastae sunt revertuntur, ita homines instar turbinis degressi montibus impeditis et arduis loca petivere mari confinia, per quae viis latebrosis sese convallibusque occultantes cum appeterent noctes luna etiam tum cornuta ideoque nondum solido splendore fulgente nauticos observabant quos cum in somnum sentirent effusos per ancoralia, quadrupedo gradu repentes seseque suspensis passibus iniectantes in scaphas eisdem sensim nihil opinantibus adsistebant et incendente aviditate saevitiam ne cedentium quidem ulli parcendo obtruncatis omnibus merces opimas velut viles nullis repugnantibus avertebant. haecque non diu sunt perpetrata.

NOM PRENOM

254-894-852

FICHE

• Rp
• RP
• RP

Relation

Atque, ut Tullius ait, ut etiam ferae fame monitae plerumque ad eum locum ubi aliquando pastae sunt revertuntur, ita homines instar turbinis degressi montibus impeditis et arduis loca petivere mari confinia, per quae viis latebrosis sese convallibusque occultantes cum appeterent noctes luna etiam tum cornuta ideoque nondum solido splendore fulgente nauticos observabant quos cum in somnum sentirent effusos per ancoralia, quadrupedo gradu repentes seseque suspensis passibus iniectantes in scaphas eisdem sensim nihil opinantibus adsistebant et incendente aviditate saevitiam ne cedentium quidem ulli parcendo obtruncatis omnibus merces opimas velut viles nullis repugnantibus avertebant. haecque non diu sunt perpetrata.

Code:

<style type="text/css"> .fichette{width:300px; height:500px; background:white; margin:auto; border: 1px solid #424242; font-family: 'Share Tech Mono', monospace;} .grillerp{display:grid; grid-template-columns: repeat(3,1fr); gap:2px; width:610px; margin:auto;} .titrefichette{width:200px; height:30px; position:relative; background:#C6F4E5; color:white; font-size:15px; padding:5px; margin: -10px auto; text-align: center;} .imgbloc{border-bottom: 1px solid #424242; margin: -10px 0 -10px 0;} .blocnum{width:297px; height:30px; background:#E3E3E6; position:relative; margin: 10px auto; padding:3px;} .imgappel{padding:5px; margin-right: 10px; height:25px;} .textappel{margin: 5px 0 0 -119px; color:#AAA293; height: 30px;} .grilleappel{display:grid; grid-template-columns: repeat(2,1fr); gap:2px;} .blocfiche{width:297px; height:30px; background:#f5f5f8; position:relative; margin: -28px auto; padding:3px;} .blocamen{width:298px; padding:5px; border-top: 1px solid #424242; padding-top: 15px; overflow:auto; height: 229px;} .titreamen{width:200px; clip-path: polygon(10% 0, 90% 0, 100% 50%, 90% 100%, 9% 100%, 0% 50%); background:#424242; color:white; text-align: center; position: relative; margin: -11px auto; padding: 3px;} .blocrpp{width:297px; height:70px; background:#E3E3E6; position:relative; margin: 10px auto; padding:3px;} .textrpp{margin: 5px 0 0 -119px; color:#AAA293; overflow: auto; height: 70px;} </style>

<!--bloc haut de page--><div class="grillerp"><div class="fichette"><div class="titrefichette">NOM PRENOM</div><img src="https://zupimages.net/up/21/30/zbke.jpg" class="imgbloc"/>
<!--bloc relation--><div class="blocnum grilleappel"><img src="https://zupimages.net/up/21/30/c7n9.png" class="imgappel"/><div class="textappel">254-894-852</div></div>
<!--bloc fiche--><div class="blocfiche grilleappel"><img src="https://zupimages.net/up/21/30/idub.png" class="imgappel"/><div class="textappel">FICHE</div></div>
<!--bloc rp--><div class="blocrpp grilleappel"><img src="https://zupimages.net/up/21/30/cznp.png" class="imgappel"/><div class="textrpp">• Rp
• RP
• RP</div></div>
<div class="titreamen">Relation</div><div class="blocamen">Atque, ut Tullius ait, ut etiam ferae fame monitae plerumque ad eum locum ubi aliquando pastae sunt revertuntur, ita homines instar turbinis degressi montibus impeditis et arduis loca petivere mari confinia, per quae viis latebrosis sese convallibusque occultantes cum appeterent noctes luna etiam tum cornuta ideoque nondum solido splendore fulgente nauticos observabant quos cum in somnum sentirent effusos per ancoralia, quadrupedo gradu repentes seseque suspensis passibus iniectantes in scaphas eisdem sensim nihil opinantibus adsistebant et incendente aviditate saevitiam ne cedentium quidem ulli parcendo obtruncatis omnibus merces opimas velut viles nullis repugnantibus avertebant. haecque non diu sunt perpetrata.</div></div>

<!--bloc haut de page--><div class="fichette"><div class="titrefichette" style="background:#E1D8F3;">NOM PRENOM</div><img src="https://zupimages.net/up/21/30/zbke.jpg" class="imgbloc"/>
<!--bloc relation--><div class="blocnum grilleappel"><img src="https://zupimages.net/up/21/30/c7n9.png" class="imgappel"/><div class="textappel">254-894-852</div></div>
<!--bloc fiche--><div class="blocfiche grilleappel"><img src="https://zupimages.net/up/21/30/idub.png" class="imgappel"/><div class="textappel">FICHE</div></div>
<!--bloc rp--><div class="blocrpp grilleappel"><img src="https://zupimages.net/up/21/30/cznp.png" class="imgappel"/><div class="textrpp">• Rp
• RP
• RP</div></div>
<div class="titreamen">Relation</div><div class="blocamen">Atque, ut Tullius ait, ut etiam ferae fame monitae plerumque ad eum locum ubi aliquando pastae sunt revertuntur, ita homines instar turbinis degressi montibus impeditis et arduis loca petivere mari confinia, per quae viis latebrosis sese convallibusque occultantes cum appeterent noctes luna etiam tum cornuta ideoque nondum solido splendore fulgente nauticos observabant quos cum in somnum sentirent effusos per ancoralia, quadrupedo gradu repentes seseque suspensis passibus iniectantes in scaphas eisdem sensim nihil opinantibus adsistebant et incendente aviditate saevitiam ne cedentium quidem ulli parcendo obtruncatis omnibus merces opimas velut viles nullis repugnantibus avertebant. haecque non diu sunt perpetrata.</div></div></div>

Bonsoir!  

Leur botter le cul

"tout est dans le coup de pied"

Ipsam vero urbem Byzantiorum fuisse refertissimam atque ornatissimam signis quis ignorat? Quae illi, exhausti sumptibus bellisque maximis, cum omnis Mithridaticos impetus totumque Pontum armatum affervescentem in Asiam atque erumpentem, ore repulsum et cervicibus interclusum suis sustinerent, tum, inquam, Byzantii et postea signa illa et reliqua urbis ornanemta sanctissime custodita tenuerunt.

Qui cum venisset ob haec festinatis itineribus Antiochiam, praestrictis palatii ianuis, contempto Caesare, quem videri decuerat, ad praetorium cum pompa sollemni perrexit morbosque diu causatus nec regiam introiit nec processit in publicum, sed abditus multa in eius moliebatur exitium addens quaedam relationibus supervacua, quas subinde dimittebat ad principem.

Circa hos dies Lollianus primae lanuginis adulescens, Lampadi filius ex praefecto, exploratius causam Maximino spectante, convictus codicem noxiarum artium nondum per aetatem firmato consilio descripsisse, exulque mittendus, ut sperabatur, patris inpulsu provocavit ad principem, et iussus ad eius comitatum duci, de fumo, ut aiunt, in flammam traditus Phalangio Baeticae consulari cecidit funesti carnificis manu.

Circa hos dies Lollianus primae lanuginis adulescens, Lampadi filius ex praefecto, exploratius causam Maximino spectante, convictus codicem noxiarum artium nondum per aetatem firmato consilio descripsisse, exulque mittendus, ut sperabatur, patris inpulsu provocavit ad principem, et iussus ad eius comitatum duci, de fumo, ut aiunt, in flammam traditus Phalangio Baeticae consulari cecidit funesti carnificis manu.

Code:

<style> .postRP{background-color:#F2F2F2; width:660px; margin:auto; border-bottom: 3px solid #585858;} .blocTOP{background-image: url("https://zupimages.net/up/20/16/cpt8.jpg"); width:660px; height:100px; -webkit-transition: all .65s ease; transition: all .65s ease;} .blocTOP:hover{background-image: url("https://zupimages.net/up/20/16/9b9a.jpg"); -webkit-transition: all .65s ease; transition: all .65s ease;} .imgTitle:hover{opacity:.7;  -webkit-transition: all .65s ease; transition: all .65s ease;} .TitlePost{color:#E6E6E6; background: transparent; width: 300px; height:auto; margin:auto; font-family: Vollkorn, serif; font-size: 24px; font-weight: 400; text-align: center; text-transform: uppercase; margin-top:-81px;} .CitationPost{color:#E6E6E6; background: transparent; width: 300px; height:auto; margin:auto; font-family: Vollkorn, serif; font-size: 14px; font-weight: 400; text-align: center; font-style:italic; margin-top:5px;} .ContenuPostRp{width:600px; background:transparent; margin:auto; text-align:justify; color:#2E2E2E; margin-bottom: 45px;} .FeatPostRp{background:transparent; width:660px; margin: auto; margin-top: -106px; margin-bottom: 60px;} .Imgfeat{float: right; clip-path: polygon(50% 0%, 90% 20%, 100% 60%, 75% 100%, 25% 100%, 0% 60%, 10% 20%); margin:5px; width:80px; height:80px; float:right; -webkit-filter: grayscale(1); -webkit-transition: all .65s ease; filter: grayscale(1); transition: all .65s ease;} .Imgfeat:hover{ -webkit-filter: grayscale(0); filter: grayscale(0); -webkit-transition: all .65s ease; transition: all .65s ease;}
</style><div class="postRP"><div class="blocTOP"><div class="imgTitle"><img src="https://zupimages.net/up/20/16/6ms8.png" alt=""/><div class="TitlePost">Leur botter le cul</div><div class="CitationPost">"tout est dans le coup de pied"</div></div></div>

<div class="ContenuPostRp">Ipsam vero urbem Byzantiorum fuisse refertissimam atque ornatissimam signis quis ignorat? Quae illi, exhausti sumptibus bellisque maximis, cum omnis Mithridaticos impetus totumque Pontum armatum affervescentem in Asiam atque erumpentem, ore repulsum et cervicibus interclusum suis sustinerent, tum, inquam, Byzantii et postea signa illa et reliqua urbis ornanemta sanctissime custodita tenuerunt.

Qui cum venisset ob haec festinatis itineribus Antiochiam, praestrictis palatii ianuis, contempto Caesare, quem videri decuerat, ad praetorium cum pompa sollemni perrexit morbosque diu causatus nec regiam introiit nec processit in publicum, sed abditus multa in eius moliebatur exitium addens quaedam relationibus supervacua, quas subinde dimittebat ad principem.

Circa hos dies Lollianus primae lanuginis adulescens, Lampadi filius ex praefecto, exploratius causam Maximino spectante, convictus codicem noxiarum artium nondum per aetatem firmato consilio descripsisse, exulque mittendus, ut sperabatur, patris inpulsu provocavit ad principem, et iussus ad eius comitatum duci, de fumo, ut aiunt, in flammam traditus Phalangio Baeticae consulari cecidit funesti carnificis manu.

Circa hos dies Lollianus primae lanuginis adulescens, Lampadi filius ex praefecto, exploratius causam Maximino spectante, convictus codicem noxiarum artium nondum per aetatem firmato consilio descripsisse, exulque mittendus, ut sperabatur, patris inpulsu provocavit ad principem, et iussus ad eius comitatum duci, de fumo, ut aiunt, in flammam traditus Phalangio Baeticae consulari cecidit funesti carnificis manu.</div></div>


<!-- Les images des joueurs --><div class="FeatPostRp"><div class="Imgfeat"><img src="https://zupimages.net/up/20/16/s1ov.jpg" alt=""/></div><div class="Imgfeat"><img src="https://zupimages.net/up/20/16/s1ov.jpg" alt=""/></div></div>

Bonsoir

ZFlower

19h36

Eh p'tit frère, j'espère que tu apprécieras la petite surprise que je t'ai mise dans  la poche intérieure de ton sac. Amure-toi bien dans ton dortoir remplit de mecs    

Sloane

19h38

C'est moi ton grand frère, connasse. Arrête de mettre de la merde dans mon sac où je te pète les genoux en rentrant, ok ?

ZFlower

19h38

Si susceptible...    

Code:

 <style type="text/css">.bloc{width:600px; height:auto; margin:auto; font-family: 'Share Tech Mono', monospace; margin-top: 30px; margin-bottom: 30px;} .PlaceMessageD{background:transparent; width:600px; height:auto; margin:auto;} .ImgMessageD{overflow:hidden; -webkit-border-radius:50px; -moz-border-radius:50px; border-radius:50px; width:70px; height:70px; float:right;} .PlaceTextD{width:430px; height:auto; background-color:white; float: left; margin-top: 15px; margin-left: 63px; padding:15px; overflow:auto;} .ParlotteMessageD{color:#585858; font-family: Vollkorn, serif; font-size: 12px; text-align:justify; margin-left:35px;} .TriMessageD{clip-path: polygon(100% 50%, 0 100%, 0 0); position:absolute; background-color:white; width:20px; height:20px; margin-top: 25px; margin-left: 494px;} .PseudoPrayaD{color:#a5a5a5; position: absolute; width: 100px; margin-top: 61px; margin-left: 506px; text-align: center; padding: 10px; font-family: Vollkorn, serif; font-size: 12px;} .HeurePrayaD{color:#a5a5a5; position: absolute; width: 100px; margin-top: 20px; margin-left: -44px; text-align: center; padding: 10px; font-family: Vollkorn, serif; font-size: 12px;} .PlaceMessageG{background:transparent; width:600px; height:auto; margin:auto;} .ImgMessageG{clip-path: circle(50% at 50% 50%); width:70px; height:70px;} .PlaceTextG{width:430px; height:auto; background-color:white; float: right; margin-top: -50px; margin-right: 40px; padding:15px; overflow:auto;} .ParlotteMessageG{color:#585858; font-family: Vollkorn, serif; font-size: 12px; text-align:justify;} .TriMessageG{clip-path: polygon(0 50%, 100% 100%, 100% 0); position:absolute; background-color:white; width:20px; height:20px; margin-top: -40px; margin-left: 81px;}.PseudoPrayaG{color:#a5a5a5; position: absolute; width: 100px; margin-top: 61px; margin-left: -26px; text-align: center; padding: 10px; font-family: Vollkorn, serif; font-size: 12px;} .HeurePrayaG{color:#a5a5a5; position: absolute; width: 100px; margin-top: 33px; margin-left: 520px; text-align: center; padding: 10px; font-family: Vollkorn, serif; font-size: 12px;}</style>

<div class="bloc"><div class="clearfix"><div class="PlaceMessageD"><div class="PseudoPrayaD">ZFlower</div><div class="HeurePrayaD">19h36</div><div class="ImgMessageD"><img src="https://zupimages.net/up/21/31/v1g0.jpg" alt="" /></div><div class="TriMessageD"></div><div class="PlaceTextD ParlotteMessageD">Eh p'tit frère, j'espère que tu apprécieras la petite surprise que je t'ai mise dans  la poche intérieure de ton sac. Amure-toi bien dans ton dortoir remplit de mecs  [img]https://twemoji.maxcdn.com/16x16/1f618.png[/img]  </div></div></div>

<div class="clearfix"><div class="PlaceMessageG"><div class="PseudoPrayaG">Sloane</div><div class="HeurePrayaG">19h38</div><div class="ImgMessageG"><img src="https://zupimages.net/up/21/31/fmfd.jpg" alt="" /></div><div class="TriMessageG"></div><div class="PlaceTextG"><div class="ParlotteMessageG">C'est moi ton grand frère, connasse. Arrête de mettre de la merde dans mon sac où je te pète les genoux en rentrant, ok ?
</div></div></div>

<div class="clearfix"><div class="PlaceMessageD"><div class="PseudoPrayaD">ZFlower</div><div class="HeurePrayaD">19h38</div><div class="ImgMessageD"><img src="https://zupimages.net/up/21/31/v1g0.jpg" alt="" /></div><div class="TriMessageD"></div><div class="PlaceTextD ParlotteMessageD">Si susceptible...  [img]https://twemoji.maxcdn.com/16x16/1f606.png[/img]   </div></div></div></div></div>

Bonsoir !  
Petit code, comme promis, pour le premier post des fiches de relations  

Qui-suis-je ?

Thalassius vero ea tempestate praefectus praetorio praesens ipse quoque adrogantis ingenii, considerans incitationem eius ad multorum augeri discrimina, non maturitate vel consiliis mitigabat, ut aliquotiens celsae potestates iras principum molliverunt, sed adversando iurgandoque cum parum congrueret, eum ad rabiem potius evibrabat, Augustum actus eius exaggerando creberrime docens, idque, incertum qua mente, ne lateret adfectans. quibus mox Caesar acrius efferatus, velut contumaciae quoddam vexillum altius erigens, sine respectu salutis alienae vel suae ad vertenda opposita instar rapidi fluminis irrevocabili impetu ferebatur.

Dévoué

Dévoué

Dévoué

Mes Recherches

Thalassius vero ea tempestate praefectus praetorio praesens ipse quoque adrogantis ingenii, considerans incitationem eius ad multorum augeri discrimina, non maturitate vel consiliis mitigabat, ut aliquotiens celsae potestates iras principum molliverunt, sed adversando iurgandoque cum parum congrueret, eum ad rabiem potius evibrabat, Augustum actus eius exaggerando creberrime docens, idque, incertum qua mente, ne lateret adfectans. quibus mox Caesar acrius efferatus, velut contumaciae quoddam vexillum altius erigens, sine respectu salutis alienae vel suae ad vertenda opposita instar rapidi fluminis irrevocabili impetu ferebatur.

Mes Solos

Thalassius vero ea tempestate praefectus praetorio praesens ipse quoque adrogantis ingenii, considerans incitationem eius ad multorum augeri discrimina, non maturitate vel consiliis mitigabat, ut aliquotiens celsae potestates iras principum molliverunt, sed adversando iurgandoque cum parum congrueret, eum ad rabiem potius evibrabat, Augustum actus eius exaggerando creberrime docens, idque, incertum qua mente, ne lateret adfectans. quibus mox Caesar acrius efferatus, velut contumaciae quoddam vexillum altius erigens, sine respectu salutis alienae vel suae ad vertenda opposita instar rapidi fluminis irrevocabili impetu ferebatur.

Code:

<style type="text/css"> .blocar{width:600px; height:440px; background:white; margin:auto; font-family: 'Share Tech Mono', monospace;  color: #424242; clip-path: polygon(9% 0, 100% 0, 100% 91%, 91% 100%, 0 100%, 0 11%);} .grillebloc{display:grid; grid-template-columns: repeat(2,1fr); gap:2px; width:600px; margin:auto;} .imgvava{width:250px; height: 250px; clip-path: polygon(9% 0, 100% 0, 100% 91%, 91% 100%, 0 100%, 0 11%);} .blocdroite{width: 345px; height: 440px; background:#EFEEEF; padding: 5px;} .descriptitre{width:140px; height:25px; color: white; font-size:14px; padding: 5px; text-align: center; margin-left: 30px; margin-bottom: -13px; position: relative;} .descrip{width:335px; height:150px; background:#f5f5f8; overflow: auto; border: 1px solid #424242; padding: 20px 5px;} .grillequal{display:grid; grid-template-columns: repeat(3,1fr); gap:2px; width:325px; margin:auto;} .qual{width:107px; height:20px; background:#424242; text-align:center; color:white; padding:2px;} .qual:hover{background: #D9DBF3; transition: .3s;} .descriptitrec{width:140px; height:25px; color: white; font-size:14px; padding: 5px; text-align: center; margin-left: 30px; margin-bottom: -13px; position: relative;} .descripc{width:335px; height:129px; background:#f5f5f8; overflow: auto; border: 1px solid #424242; padding: 20px 5px;} .solorptitre{width:140px; height:25px; color: white; font-size:14px; padding: 5px; text-align: center; margin-left: -230px; margin-top: -152px; position: absolute;} .solorp{width:240px; height:141px; background:#f5f5f8; overflow: auto; border: 1px solid #424242; padding: 20px 5px; margin-top: -140px; margin-left: -251px;} .imgfin{position:absolute; background-image: radial-gradient(circle at -20.44% 56.16%, #b4e1d6 0, #b2e1da 6.25%, #b0e1de 12.5%, #afe1e2 18.75%, #afe1e6 25%, #afe0e9 31.25%, #b0e0ed 37.5%, #b2dff0 43.75%, #b5def2 50%, #b8ddf4 56.25%, #bcdcf6 62.5%, #c0dbf7 68.75%, #c5d9f7 75%, #cad8f7 81.25%, #cfd7f6 87.5%, #d4d5f5 93.75%, #d9d4f4 100%); width:442px; height:45px; margin-top:399px; margin-left: 256px;}</style>

<!--IMG VAVA--><div class="blocar"><div class="imgfin"></div><div class="grillebloc"><div class="imgvava"><img src="https://zupimages.net/up/21/33/qdt9.jpg"/></div><!--BLOC DROITE--><div class="blocdroite"><!--DESCRIPTION--><div class="descriptitre" style="background: #DBD2F5;">Qui-suis-je ?</div><div class="descrip">Thalassius vero ea tempestate praefectus praetorio praesens ipse quoque adrogantis ingenii, considerans incitationem eius ad multorum augeri discrimina, non maturitate vel consiliis mitigabat, ut aliquotiens celsae potestates iras principum molliverunt, sed adversando iurgandoque cum parum congrueret, eum ad rabiem potius evibrabat, Augustum actus eius exaggerando creberrime docens, idque, incertum qua mente, ne lateret adfectans. quibus mox Caesar acrius efferatus, velut contumaciae quoddam vexillum altius erigens, sine respectu salutis alienae vel suae ad vertenda opposita instar rapidi fluminis irrevocabili impetu ferebatur.</div>

<!--QUALITE/DEFAUT1--><div class="grillequal"><div class="qual">Dévoué</div><div class="qual">Dévoué</div><div class="qual">Dévoué</div></div>

<!--Recherches--><div class="descriptitrec" style="background: #B0C4E6;">Mes Recherches</div><div class="descripc">Thalassius vero ea tempestate praefectus praetorio praesens ipse quoque adrogantis ingenii, considerans incitationem eius ad multorum augeri discrimina, non maturitate vel consiliis mitigabat, ut aliquotiens celsae potestates iras principum molliverunt, sed adversando iurgandoque cum parum congrueret, eum ad rabiem potius evibrabat, Augustum actus eius exaggerando creberrime docens, idque, incertum qua mente, ne lateret adfectans. quibus mox Caesar acrius efferatus, velut contumaciae quoddam vexillum altius erigens, sine respectu salutis alienae vel suae ad vertenda opposita instar rapidi fluminis irrevocabili impetu ferebatur.</div>

<!--SOLO--><div class="solorptitre" style="background: #D1E8E6;">Mes Solos</div><div class="solorp">Thalassius vero ea tempestate praefectus praetorio praesens ipse quoque adrogantis ingenii, considerans incitationem eius ad multorum augeri discrimina, non maturitate vel consiliis mitigabat, ut aliquotiens celsae potestates iras principum molliverunt, sed adversando iurgandoque cum parum congrueret, eum ad rabiem potius evibrabat, Augustum actus eius exaggerando creberrime docens, idque, incertum qua mente, ne lateret adfectans. quibus mox Caesar acrius efferatus, velut contumaciae quoddam vexillum altius erigens, sine respectu salutis alienae vel suae ad vertenda opposita instar rapidi fluminis irrevocabili impetu ferebatur.</div>
</div></div></div>