Le Cod'Book de Hiro'

Le Cod'Book de Lou

RP : Élégant

Une fiche RP assez sobre et que je trouve assez élégante, d'où l'original nom. ATTENTION ! Le code de cette fiche contient du CSS. Il vous faudra donc être administrateur de votre forum pour l'utiliser.

/*CECI EST LE CSS DE LA FICHE DE RP « ÉLÉGANT » PAR HIRO' <img src="https://illiweb.com/fa/i/smiles/icon_cool.gif" alt="Cool" longdesc="6" />*/
      
      .autour_entete
{
  width: 400px; /* Mettre la largeur de votre avatar */
  height: 200px; /* Mettre la hauteur de votre avatar */
  overflow: hidden; /* Permet de cacher ce qui dépassera de la div */
  position: relative; 
  top: 0; 
  left: 0; 
    border:2px gold solid;
}
.image_entete
{
  position: relative;
  top: 0;
  left: 0; 
  width: 100%; 
  height: 100%;
  z-index: 0;
}

.infos_rp
{
  background-color: #ffffff;
  position: absolute; 
  top: 0;
  left: 0;
  width: 70%;
  padding: 5px;
  height: 284px;
  align:center;
  margin-left:60px;
  z-index: 100; /* Ne pas modifier */
  opacity: 50; /* Pour un effet d'apparition progressive. Si on veut juste un coulissement, mettre 100 à l'opacité. */
  margin-top: 175px; /* La marge extérieure haute doit être de la même taille que la hauteur de l'avatar. Cela permet de placer cette div juste au-dessous de l'avatar. */
  -webkit-transition: all 0.8s;
  -moz-transition: all 0.8s;
  -o-transition: all 0.8s;
  -ms-transition: all 0.8s;
  transition: all 0.8s;
}

.autour_entete:hover > .infos_rp
{
  /* Si vous avez mis l'opacité à 100 pour avoir simplement un effet coulissant, supprimez les 4 lignes ci-dessous. */
  filter: alpha(opacity=85);
  -moz-opacity: 0.85;
  -khtml-opacity: 0.85;
  opacity: 0.85;
  width:347px;
  height:150px;
  padding:15px;
  margin-left:11px;
  margin-top: 10px; /* Ne pas modifier. Cela permet de supprimer la marge au-dessus de la div et ainsi, elle ira se placer sur l'avatar ! */
}

.participants {
  font-size:20px;
  text-shadow:1px 1px 1px white;
  text-transform:uppercase;
  color:black;
}

.titrerp {
  font-weight:normal;
  color:gold;
  letter-spacing:2px;
  font-size:20px;
}

.numerorp {
    font-size:15px;
  text-shadow:1px 1px 1px white;
  font-weight:bold;
  color:black;
  font-size:18px;
      }

<!--BALISAGE HTML DE LA FICHE --><center><div style="width:450px; background-color:#FFFFFF; -webkit-border-radius: 15px;-moz-border-radius: 15px;border-radius: 15px;border-left:2px gold solid; border-right:2px gold solid;padding:25px;"><div class="autour_entete"><div class="image_entete"><img src="http://boulevardduweb.com/wp-content/uploads/2013/09/Image.jpg" /><img src="http://boulevardduweb.com/wp-content/uploads/2013/09/Image.jpg" /></div><div class="infos_rp"><center><div class="participants" style="font-family:'Raleway';">Prénom <span style="color:gold;">&</span> Prénom</div><div class="titrerp" style="font-family:'Autour One';">"Titre du RP"</div><div class="numerorp" style="font-family:'Raleway';">RP n° : </div></center></div></div><div style="font-family:'Maven Pro';text-align:justify;padding:25px;font-size:11px;line-height:18px;">Soleo saepe ante oculos ponere, idque libenter crebris usurpare sermonibus, omnis nostrorum imperatorum, omnis exterarum gentium potentissimorumque populorum, omnis clarissimorum regum res gestas, cum tuis nec contentionum magnitudine nec numero proeliorum nec varietate regionum nec celeritate conficiendi nec dissimilitudine bellorum posse conferri; nec vero disiunctissimas terras citius passibus cuiusquam potuisse peragrari, quam tuis non dicam cursibus, sed victoriis lustratae sunt.<br /><br />

  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.<br /><br />

Horum adventum praedocti speculationibus fidis rectores militum tessera data sollemni armatos omnes celeri eduxere procursu et agiliter praeterito Calycadni fluminis ponte, cuius undarum magnitudo murorum adluit turres, in speciem locavere pugnandi. neque tamen exiluit quisquam nec permissus est congredi. formidabatur enim flagrans vesania manus et superior numero et ruitura sine respectu salutis in ferrum.<br /><br />

Nemo quaeso miretur, si post exsudatos labores itinerum longos congestosque adfatim commeatus fiducia vestri ductante barbaricos pagos adventans velut mutato repente consilio ad placidiora deverti.<br /><br />
      <div style="letter-spacing:3px; font-size:8px; color:#111111;text-align:center;">Code de Hiro' - <a href="http://www.never-utopia.com">Never Utopia</a></div></div></div></div></center>

Ce site est entièrement réalisé par Hiro' et ses maigres talents. Version 1.0