| zone de stockage |

Id 458P756

I.A de l'interface

Le terminal vous permet de stocker vos dossiers personnels tels que vos notes où se trouvent vos objectifs, les dossiers sur les personnes rencontrés au cours de votre existence ou encore un endroit ou mettre vos mémoires. Cet espace est à vous, utilisez-le comme bon vous semble. Vous en aurez automatiquement un lors de votre validation.

Vous avez la possibilité d'utiliser vos propres codes ou de prendre ceux proposés.

Historique

Il permet de jouer RP les recherches Intranet de votre personnage.

Code:: <div class="cadrefont"><div class="cadresearch"><div class= "cadreloupe"><div style ="font-familiy: arial; color:#a5a5a5; margin-left:5px;"> Search |</div></div></div>

<div class ="datehistorique"><div style ="font-familiy: arial; color:#a5a5a5; padding-bottom:10px;">Mercredi 4 juin 5067</div></div>

<div class = "blochistorique"><div class ="heurehistorique"> 12:55 </div> <div class="recherchehistorique"> code couleur html</div><div class="sitehistorique">www.codecouleurhtml.oce</div>
<div class ="heurehistorique"> 10:28 </div> <div class="recherchehistorique"> benavorius-5 </div><div class="sitehistorique">www.administrationsanté.oce</div>
<div class ="heurehistorique"> 09:56 </div> <div class="recherchehistorique"> praya dubia </div><div class="sitehistorique">www.prayadubia.oce</div>
<div class ="heurehistorique"> 09:41 </div> <div class="recherchehistorique"> nouvelles technologies </div><div class="sitehistorique">www.labotech.oce</div>
<div class ="heurehistorique"> 09:02 </div> <div class="recherchehistorique"> festival chinatown bay </div><div class="sitehistorique">www.chinatownbay.oce</div>
<div class ="heurehistorique"> 08:55 </div> <div class="recherchehistorique"> horaires tramway</div><div class="sitehistorique">www.tcv.oce</div>
</div>

<div class ="datehistorique"><div style ="font-familiy: arial; color:#a5a5a5; padding-bottom:10px;">Mardi 3 juin 5067</div></div>

<div class = "blochistorique"><div class ="heurehistorique"> 12:32 </div> <div class="recherchehistorique"> intra'achat </div><div class="sitehistorique">www.intraachat.oce</div>
<div class ="heurehistorique"> 11:02 </div> <div class="recherchehistorique"> profil praya rorschach</div><div class="sitehistorique">www.profilrorschach.oce</div>
<div class ="heurehistorique"> 10:54 </div> <div class="recherchehistorique"> praya dubia </div><div class="sitehistorique">www.prayadubia.oce</div>
<div class ="heurehistorique"> 03:30 </div> <div class="recherchehistorique"> hotel chinatown bay</div><div class="sitehistorique">www.ladorure.oce</div>
<div class ="heurehistorique"> 23:18 </div> <div class="recherchehistorique"> boite gay</div><div class="sitehistorique">www.lafleurette.oce</div>
</div>

</div>

<style type="text/css">.cadrefont{background-color:#fff; width:700px; margin:auto;} .cadresearch{background-color:#424242; width:700px; height:50px; padding-top:3px;} .cadreloupe{background-color:#585858; width:300px; height:25px; margin-left:344px; margin-top:10px; padding-top:5px;} .blochistorique{background-color:#fff; width:650px; margin:auto;} .datehistorique{background-color:#fff; width:680px; border-bottom: solid 1px #a5a5a5; margin:auto; padding-top:10px;} .heurehistorique{margin-right:50px; float:left; font-familiy:arial; color:#a5a5a5;} .recherchehistorique{background-color:#fff; float:left; width:150px; margin-right:10px; font-familiy:arial; color:#a5a5a5;} .sitehistorique{background-color:#fff; float:left; width:150px; font-familiy:arial; color:#a5a5a5;}</style>
</div></div>

Calendrier numérique

Il permet de mettre sous forme de rendez-vous vos différents RP.

Code:: <div class="cadrefont"><div class="cadresearch"><div class= "cadreloupe"><div class="searchtop"> Search |</div></div></div><div class="daycalend">Juin 5067</div>

<div class="semainetop"><div class="semaineL">Lundi</div><div class="semaineM">Mardi</div><div class="semaineMe">Mercredi</div><div class="semaineJ">Jeudi</div></div><div class="semaineV">Vendredi</div><div class="semaineS">Samedi</div><div class="semaineD">Dimanche</div>

<div class="blocday"><div class="day">1</div></div><div class="blocday"><div class="day">2</div><div class="rprdv"> <a href="URL ICI"> RDV médecin</a></div><div class="rptwoday"><a href="URL ICI">Chasse nocturne</a></div></div><div class="blocday"><div class="day">3</div></div><div class="blocday"><div class="day">4</div></div><div class="blocday"><div class="day">5</div></div><div class="blocday"><div class="day">6</div></div><div class="blocday"><div class="day">7</div></div>

<div class="blocday"><div class="day">8</div></div><div class="blocday"><div class="day">9</div></div><div class="blocday"><div class="day">10</div></div><div class="blocday"><div class="day">11</div></div><div class="blocday"><div class="day">12</div></div><div class="blocday"><div class="day">13</div></div><div class="blocday"><div class="day">14</div></div>

<div class="blocday"><div class="day">15</div></div><div class="blocday"><div class="day">16</div></div><div class="blocday"><div class="day">17</div></div><div class="blocday"><div class="day">18</div></div><div class="blocday"><div class="day">19</div></div><div class="blocday"><div class="day">20</div></div><div class="blocday"><div class="day">21</div></div>

<div class="blocday"><div class="day">22</div><div class="rpsemainesept"><a href="URL ICI">Base numéro 548 : recherche de survivants</a></div></div><div class="blocday"><div class="day">23</div></div><div class="blocday"><div class="day">24</div></div><div class="blocday"><div class="day">25</div></div><div class="blocday"><div class="day">26</div></div><div class="blocday"><div class="day">27</div></div><div class="blocday"><div class="day">28</div></div>

<div class="blocday"><div class="day">29</div></div><div class="blocday"><div class="day">30</div></div>

</div>

<style type="text/css">.cadrefont{background-color:#fff; width:700px; margin:auto; height:580px;} .cadresearch{background-color:#424242; width:700px; height:50px; padding-top:3px;} .cadreloupe{background-color:#585858; width:300px; height:25px; margin-left:10px; margin-top:10px; padding-top:5px; float:left;} .searchtop{font-familiy:arial; color:#a5a5a5; margin-left:5px;} .daycalend{float:right; width:100px; background-color:transparent; color:#a5a5a5; font-size:18px; margin-top:-36px;} .blocday{background-color: transparent; width:94px; border: 1px solid #a5a5a5; height: 94px; float:left; margin:2px;} .day{margin:10px; color:#a5a5a5;} .semainetop{background-color:transparent; width:700px; margin:-29px 0 -48px 4px;} .semaineL{background-color: transparent; width:100px; color:#a5a5a5; float:left;} .semaineM{background-color: transparent; width:100px; color:#a5a5a5; float:left;} .semaineMe{background-color: transparent; width:100px; color:#a5a5a5; float:left;} .semaineJ{background-color: transparent; width:100px; color:#a5a5a5; float:left;} .semaineV{background-color: transparent; width:101px; color:#a5a5a5; float:left;} .semaineS{background-color: transparent; width:100px; color:#a5a5a5; float:left;} .semaineD{background-color: transparent; width:60px; color:#a5a5a5; float:left;} .rprdv{background-color:#F7BE81; width:90px; border-radius:5px; padding:2px; text-align:center; font-size:10px; color:#2E2E2E; margin-bottom:2px;} .rptwoday{background-color:#A9D0F5; width:190px; border-radius:5px; padding:2px; text-align:center; font-size:10px; color:#2E2E2E; margin-bottom:2px; position:absolute;} .rpsemainesept{background-color:#A9F5BC; width:690px; border-radius:5px; padding:2px; text-align:center; font-size:10px; color:#2E2E2E; margin-bottom:2px; position:absolute;} </style>

Comment utiliser le calendrier: le calendrier numérique est là pour répertorier vos RP en cours ou passés. Vous pouvez à votre guise changer le mois - ainsi que l'année quand nous aurons changé d'année. Vous pouvez également enlever ou rajouter un jour en fonction du mois et, si vous vous y connaissez, vous pouvez changer les couleurs.

Vous disposez de plusieurs codes en fonction des jours que vous voulez remplir:

- Un jour: un rendez vous part exemple -

Code:

<div class="rprdv"> <a href="URL ICI"> VOTRE RDV ICI</a></div>

- Deux jours: tout le week-end par exemple -

Code:

<div class="rptwoday"><a href="URL ICI">VOTRE TITRE ICI</a></div>

- Une semaine : une mission extérieur par exemple -

Code:

<div class="rpsemainesept"><a href="URL ICI">VOTRE TITRE ICI</a></div>

Relations

Le premier code est pour le premier post, tandis que le deuxième est pour décrire vos relations.

Code:: <style type="text/css"> .blocar{width:800px; height:550px; background:white; margin:auto; font-family: 'Share Tech Mono', monospace; padding:5px; 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:800px; margin:auto;} .imgvava{width:350px; height: 350px; clip-path: polygon(9% 0, 100% 0, 100% 91%, 91% 100%, 0 100%, 0 11%);} .blocdroite{width: 435px; height: 540px; background:#EFEEEF; padding: 5px;} .descriptitre{width:160px; height:15px; color: white; font-size:14px; padding: 5px; text-align: center; margin-left: 30px; margin-bottom: -13px; position: relative;} .descrip{width:424px; 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:375px; margin:auto;} .qual{width:120px; height:20px; background:#424242; text-align:center; color:white; padding:2px;} .qual:hover{background: #D9DBF3; transition: .3s;} .descriptitrec{width:160px; height:15px; color: white; font-size:14px; padding: 5px; text-align: center; margin-left: 30px; margin-bottom: -13px; position: relative;} .descripc{width:424px; height:129px; background:#f5f5f8; overflow: auto; border: 1px solid #424242; padding: 20px 5px;} .solorptitre{width:160px; height:15px; color: white; font-size:14px; padding: 5px; text-align: center; margin-left: -333px; margin-top: -169px; position: absolute;} .solorp{width:341px; height:141px; background:#f5f5f8; overflow: auto; border: 1px solid #424242; padding: 20px 5px; margin-top: -157px; margin-left: -361px;} .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:505px; margin-left: 356px;}</style>

<div class="blocar"><div class="imgfin"></div><div class="grillebloc"><div class="imgvava"><img src="https://zupimages.net/up/21/33/qdt9.jpg"/></div><div class="blocdroite"><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>

<div class="grillequal"><div class="qual">Dévoué</div><div class="qual">Dévoué</div><div class="qual">Dévoué</div></div>

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

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

Code:: <style type="text/css"> .fichette{width:400px; 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:810px; margin:auto;} .titrefichette{width:300px; height:20px; position:relative; background:#C6F4E5; color:white; font-size:14px; padding:5px; margin: -10px auto; text-align: center;} .imgbloc{margin:-10px auto; border-bottom: 1px solid #424242;} .blocnum{width:394px; height:30px; background:#E3E3E6; position:relative; margin: 10px auto; padding:3px;} .imgappel{padding:5px; margin-right: 10px; height:20px;} .textappel{margin: 5px 0 0 -160px; color:#AAA293; height: 30px;} .grilleappel{display:grid; grid-template-columns: repeat(2,1fr); gap:2px;} .blocfiche{width:394px; height:30px; background:#f5f5f8; position:relative; margin: -28px auto; padding:3px;} .blocamen{width:390px; padding:5px; border-top: 1px solid #424242; padding-top: 15px; overflow:auto; height: 154px;} .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: -10px auto;} .blocrpp{width:394px; height:70px; background:#E3E3E6; position:relative; margin: 10px auto; padding:3px;} .textrpp{margin: 5px 0 0 -160px; color:#AAA293; overflow: auto; height: 70px;} </style>

<div class="grillerp"><div class="fichette"><div class="titrefichette">NOM PRENOM</div><img src="https://zupimages.net/up/21/30/zbke.jpg" class="imgbloc"/>
<div class="blocnum grilleappel"><img src="https://zupimages.net/up/21/30/c7n9.png" class="imgappel"/><div class="textappel">254-894-852</div></div>
<div class="blocfiche grilleappel"><img src="https://zupimages.net/up/21/30/idub.png" class="imgappel"/><div class="textappel">FICHE</div></div>
<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 class="fichette"><div class="titrefichette" style="background:#E1D8F3;">NOM PRENOM</div><img src="https://zupimages.net/up/21/30/zbke.jpg" class="imgbloc"/>
<div class="blocnum grilleappel"><img src="https://zupimages.net/up/21/30/c7n9.png" class="imgappel"/><div class="textappel">254-894-852</div></div>
<div class="blocfiche grilleappel"><img src="https://zupimages.net/up/21/30/idub.png" class="imgappel"/><div class="textappel">FICHE</div></div>
<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>

/!\ Ne pas toucher aux balises style, sauf si vous souhaitez changer les couleurs.

/!\ Ce sont des codes que j'ai testé et qui fonctionnent donc en l'état: si vous décidez de personnaliser et que le code crash pour X ou Y raison, vous devrez vous débrouiller seul. Bien évidement, dans le cas contraire, je suis disponible sur Discord ou par MP.