| Libre Service |

Vous trouverez ici des créations permettant de poster vos rp. Je les met en Libre Service, mais pour ceux voulant les utiliser autre part qu'ici, merci de mettre le crédit du forum. Il existe deux contenu: ceux qui ont été corrigés et vérifiés par des codeurs plus aguerris - ceux qui sont sur Epicode par exemple et ceux qui sont assez chaotique mais qui fonctionnent. Nasträlya est mon pseudonyme de codeuse, mais vous pouvez tout à fait créditer sous Ocëen.

Fiche Rp 1

Code:: <style> .postRP{background-color:#F2F2F2; width:700px; margin:auto; border-bottom: 3px solid #585858;} .blocTOP{background-image: url("https://zupimages.net/up/20/16/cpt8.jpg"); width:700px; 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:700px; 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>

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

Visuel sans le passage de la souris et avec:

Informations complémentaires: Pour l'image flouté, il vous faudra deux images: une floutée et une nette. Il vous faudra également les mettre dans les balises style.

Signature(s)

• Signature pokéball: Nasträlya - Epicode www
• Signature petit triangles: Nasträlya - Epicode www
• Fiche de présentation: Nasträlya - Epicode www

Fiche présentation

Code:: <style>.blocprincipal{width:800px; height:auto; background:white; margin:auto; border-left: 1px solid #424242; border-right: 1px solid #424242; padding-top:20px; font-family: 'Share Tech Mono',monospace;} .imgperso{width:350px; height:372px; background:transparent; float: left; margin-top: 40px; margin-left:50px;} .blocid{width:320px; height:350px; background: #F6F5F5;margin-top: 40px; margin-right: 50px; float: right; color: #424242; padding: 10px; font-size: 12px; border: 1px solid #424242; overflow:auto; font-family: Vollkorn, serif;} .titreseparation{width:200px; height:20px; background:#424242; color: white; text-align: center; font-size: 15px; padding-top: 3px;} .titre_gauche{float:left; clip-path: polygon(0 0, 79% 0, 100% 100%, 0% 100%, 0% 0);} .titre_droite{ float:right; clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%, 20% 0);} .ligne_description{width:500px; height:40px; background:transparent; margin:20px auto 0;} .ligne_description p{width:146px; height:20px; background:#E9E9E9; float:left; color: white; text-align: center; font-size: 15px; padding-top: 3px; margin-right: 20px;} .ligne_description p:hover{background-color:#424242; transition: .3s;} .blocdesphy{width:500px; height:350px; background:#F6F5F5;} .description_texte{width:700px; height:350px; background:#F6F5F5; margin:auto; color: #424242; padding: 10px; font-size: 12px; border: 1px solid #424242; overflow:auto;} .contenant_double{width: 700px; height:385px; background:transparent; margin:20px auto 0;} .contenu_double{overflow:auto; width:320px; height:350px; background: #F6F5F5; color: #424242; padding: 10px; font-size: 12px; border: 1px solid #424242;} .contenu_gauche{float:left; font-family: Vollkorn, serif;} .contenu_droite{float:right;} .grilleCompetences {display:grid; grid-template-columns: repeat(3,1fr); gap:10px; margin: auto; margin-top:30px; width: 730px;} .competence { background: #E9E9E9; color: #424242; font-size: 13px; padding: 5px; text-align: center; height: 20px;} .compoint {width:100px; float:right; text-align:center;} .blocarm{width: 230px; height: 250px; background: #E9E9E9; overflow: auto; border: 1px solid #424242; padding:10px; color: #424242; font-size: 12px;} .titlearme{width:246px; height:20px; background:#424242; color:white; font-size: 13px; padding: 3px; text-align:center;} .grilleinventaire{display:grid; grid-template-columns: repeat(3,1fr); gap:10px; margin: 10px;} .blocinvent{width:220px; height:300px;} </style>

<div class="blocprincipal"><div class="clearfix"><div class="clearfix"><div class="titreseparation titre_droite">Identification</div></div><div class="imgperso"><img src="https://zupimages.net/up/21/02/ni4c.jpg"/></div><div class="blocid"><b>Nom:</b> ici
<b>Prénom:</b> ici
<b>Âge:</b> ici
<b>Taille:</b> ici

<b>Classe:</b> Riche/moyen/pauvre
<b>Adresse:</b> ici (préciser également le quartier)
<b>N° interface:</b> 9 chiffres (ex: 068-215-759) c'est vulgairement votre numéro de téléphone

<b>Diplôme(s):</b> ici
<b>Métier:</b> ici
<b>Lieu de travail:</b> ici

<b>Orientation sexuelle:</b> ici
<b>Situation:</b> en couple/marié/concubinage etc.
<b>Religion:</b> ici
<b>Orientation politique:</b> industriel/environnemental</div></div>

<div class="clearfix"><div class="titreseparation titre_gauche">Physique</div></div><div class="ligne_description"><p>Peau</p> <p>Cheveux</p> <p>Yeux</p>
</div><div class="description_texte">Vous devez écrire sa description d'un regard extérieur, comme si quelqu'un d'inconnu·e le·a décrivait.</div>

<div class="clearfix"><div class="titreseparation titre_droite">Psychologie</div></div><div class="ligne_description"><p>caractère</p> <p>caractère</p> <p>caractère</p>
</div><div class="description_texte">Vous devez écrire sa description au regard d'un psychologue ou d'un rapport quelconque.</div>

<div class="clearfix"><div class="titreseparation titre_gauche">Historique</div></div>
<div class="contenant_double"><div class="contenu_double contenu_gauche"><b>Adopté·e:</b> oui/non

<b>Grand-père: </b>nom(s) prénom(s)
<b>Grand-mère: </b>nom(s) prénom(s)

<b>Père: </b>nom(s) prénom(s)
<b>Mère:</b> nom(s) prénom(s)

<b>Frère(s):</b> nom(s) prénom(s)
<b>Soeur(s):</b>nom(s) prénom(s)
<b>Conjoint·e:</b> nom(s) prénom(s)
<b>Enfant(s):</b> nom(s) prénom(s)</p>
</div><div class="contenu_double contenu_droite">L'enfance, l'adolescence ou la vie adulte doit être raconté soit par les professeurs, soit par les patrons, soit par les caméra des lieux de divertissements etc. soit tout en même temps. Il faut que l'historique reflète ce qu'il est possible de voir vu que c'est la Corporation qui a vu dessus. </div></div>

<div class="clearfix"><div class="titreseparation titre_droite">Médical</div></div>
<div class="contenant_double"><div class="contenu_double contenu_gauche"><b>Maladie(s) psychique:</b> nom(s)
<b>Symptôme(s):</b> ici
<b>Traitement:</b> oui/non
<b>Suivie:</b> nom(s) médecin(s)

<b>Accident(s):</b> citez les accidents (ex: accidents moto)
<b>Séquelle(s):</b> ici
/p<b>Cyborg:</b> oui/non
<b>Membres:</b> citer les membres ou les organes remplacés
<b>Amélioration(s):</b> citer les amélioration(s)

<b>Mutation(s):</b>
• <b>P-1:</b> N/A
• <b>P-2:</b> N/A
• <b>Pa-1:</b> Respiration cutanée - N/A
• <b>Pa-2:</b> N/A
</div><div class="contenu_double contenu_droite">Mettre ici le compte rendu psychologie ou/et physique des médecins, urgentistes, policiers etc. </div></div>

<div class="clearfix"><div class="titreseparation titre_gauche">Juridique</div></div>
<div class="contenant_double"><div class="contenu_double contenu_gauche"><b>Dossier Juvénile:</b> oui/non (seulement si vous avez fait une infraction avant 16 ans.)

<b>Infraction(s):</b> ici
<b>sanction(s):</b> ici-
<b>Puce répressive:</b> oui/non
<b>Lieu(x) interdit(s):</b> citer les endroits contrôlés par la puce.

<b>Bannis:</b> oui/non

<b>Autre:</b> ici
</div><div class="contenu_double contenu_droite">Mettre ici le compte rendu des policiers ou/et des caméra de surveillance. Sinon, mettre N/A. </div></div>

<div class="clearfix"><div class="titreseparation titre_droite">Compétences</div></div><div class="clearfix"><div class="grilleCompetences"><div class="competence">Robotique<div class="compoint">:white_circle::white_circle::white_circle:</div>
   </div><div class="competence">Informatique<div class="compoint">:white_circle::white_circle::white_circle:</div>
   </div><div class="competence">Mécanique<div class="compoint">:white_circle::white_circle::white_circle:</div>
   </div><div class="competence">Médecine<div class="compoint">:white_circle::white_circle::white_circle:</div>
   </div><div class="competence">maniement armes<div class="compoint">:white_circle::white_circle::white_circle:</div>
   </div><div class="competence">Art martial<div class="compoint">:white_circle::white_circle::white_circle:</div>
   </div><div class="competence">Zoologie ter.<div class="compoint">:white_circle::white_circle::white_circle:</div>
   </div><div class="competence">Zoologie mar.<div class="compoint">:white_circle::white_circle::white_circle:</div>
   </div><div class="competence">Biologie ter.<div class="compoint">:white_circle::white_circle::white_circle:</div>
   </div><div class="competence">Biologie mar.<div class="compoint">:white_circle::white_circle::white_circle:</div>
   </div><div class="competence">Pêche<div class="compoint">:white_circle::white_circle::white_circle:</div>
   </div><div class="competence">Chasse<div class="compoint">:white_circle::white_circle::white_circle:</div>
   </div><div class="competence">Exosquelette<div class="compoint">:white_circle::white_circle::white_circle:</div>
   </div><div class="competence">Marchandage<div class="compoint">:white_circle::white_circle::white_circle:</div>
   </div><div class="competence">Duperie<div class="compoint">:white_circle::white_circle::white_circle:</div>
   </div></div></div>

<div class="clearfix"><div class="titreseparation titre_gauche">Inventaire</div></div>
<div class="clearfix"><div class="grilleinventaire"><div class="blocinvent"><div class="titlearme">Armes</div><div class="blocarm">• N/A
• N/A
• N/A</div></div><div class="blocinvent"><div class="titlearme">Armures</div><div class="blocarm">• <b>Armure intégrale de base (couleur - choisissez votre couleur)</b> avec I.A intégrée et protections standards - griffes, crocs, faible impact.
• N/A
• N/A</div></div><div class="blocinvent"><div class="titlearme">Robots</div><div class="blocarm">• N/A
• N/A
• N/A</div></div><div class="blocinvent"><div class="titlearme">Véhicules</div><div class="blocarm">• N/A
• N/A
• N/A</div></div><div class="blocinvent"><div class="titlearme">Objets</div><div class="blocarm">• N/A
• N/A
• N/A</div></div><div class="blocinvent"><div class="titlearme">Illégales</div><div class="blocarm">• N/A
• N/A
• N/A</div></div></div></div>

<div class="clearfix"><div class="titreseparation titre_droite">Confidentiel</div></div><div class="contenant_double"><div class="contenu_double contenu_gauche"><b>Code habitat:</b> mettre un code à 4 chiffres
<b>Caméra(s):</b> oui/non
<b>localisation:</b> mettre les pièces

<b>Système(s) de défense:</b> oui/non
<b>Nom des systèmes:</b> citer les différents systèmes (ex: armement, robot etc.)

<b>Endroit(s) fréquenté(s):</b> citer les endroits fréquemment fréquentés ou l'État pourra vous trouver.

<b>Terroriste présumé·e:</b> oui/non
<b>Suivie:</b> nom de la personne qui vous surveille, si oui précédemment.
</div><div class="contenu_double contenu_droite"> Si vous êtes un personnage surveillé par l'État, vous pouvez mettre ici des rp de surveillance par vos propres caméras, par les caméras des lieux fréquentés etc. </div></div>

<div class="clearfix"><div class="titreseparation titre_gauche">HRP</div></div>
<div class="contenant_double"><div class="contenu_double contenu_gauche"><b>Faites vous partie d'un gang ? :</b> oui/non
<b>Lequel ? :</b> ici</p>
<b>Votre fonction :</b> ici

<b>Quel badge réputation a votre personnage dès le début ? :</b> ici
<b>Pourquoi ? :</b> citer ici des évenements ou tout autre justificatif.

<b>Code règlement :</b> vous mettrez ici le code trouvé dans le règlement.
</div><div class="contenu_double contenu_droite">Vous pouvez ici écrire votre histoire si vous le souhaitez. Celle-ci ne sera pas vu par la Corporation. Vous pouvez également garder votre vie pour vous, comme dans la réalité et n'en parler que dans vos Rp. Si vous ne mettez rien, mettre: N/A.</div></div>

</div>