Welcome

Halloween Administration

Naruto Règlement

Halloween, LS codage Forumactif Fiches & Messages Administration Naruto Règlement

Toutes versions

Optimisé Appartient à un pack complet de fiche : contexte, présentation, entête RP, contenu RP, publicité, annonces ...

Retour

Codage Naruto règlement Halloween Forumactif

HTML

<div class="reglement_naruto"><div class="rn_gauche"><h2>Règlementation</h2>

<h3>Premier Point <span>★</span></h3>
Et est admodum mirum videre plebem innumeram mentibus ardore quodam infuso cum dimicationum curulium eventu pendentem. haec similiaque memorabile nihil vel serium agi Romae permittunt. ergo redeundum ad textum.
Quod cum ita sit, paucae domus studiorum seriis cultibus antea celebratae nunc ludibriis ignaviae torpentis exundant, vocali sonu, perflabili tinnitu fidium resultantes. denique pro philosopho cantor et in locum oratoris doctor artium ludicrarum accitur et bybliothecis sepulcrorum ritu in perpetuum clausis organa fabricantur hydraulica, et lyrae ad speciem carpentorum ingentes tibiaeque et histrionici gestus instrumenta non levia.

<h3>Second Point <span>★</span></h3>
Et est admodum mirum videre plebem innumeram mentibus ardore quodam infuso cum dimicationum curulium eventu pendentem. haec similiaque memorabile nihil vel serium agi Romae permittunt. ergo redeundum ad textum.
Quod cum ita sit, paucae domus studiorum seriis cultibus antea celebratae nunc ludibriis ignaviae torpentis exundant, vocali sonu, perflabili tinnitu fidium resultantes. denique pro philosopho cantor et in locum oratoris doctor artium ludicrarum accitur et bybliothecis sepulcrorum ritu in perpetuum clausis organa fabricantur hydraulica, et lyrae ad speciem carpentorum ingentes tibiaeque et histrionici gestus instrumenta non levia.

<img src="http://i57.servimg.com/u/f57/13/19/42/58/i_icon10.gif"> <span>300 mots</span> sont demandés
<img src="http://i57.servimg.com/u/f57/13/19/42/58/i_icon10.gif"> Avatars optimisés pour <span>200*400px</span>
<img src="http://i57.servimg.com/u/f57/13/19/42/58/i_icon10.gif"> Pseudonyme sous forme <span>NOM Prénom</span>

<h3>En cas de besoin, je contacte ...</h3>
<div class="rn_contact"><img src="https://data.whicdn.com/images/129639898/original.gif">
<span class="rn_g1">Naruto UZUMAKI</span> Genin de Konoha
<a href="#">MP</a> ★ <a href="#">Profil</a></div>

<a href="https://rainyhalloween.wixsite.com/rainyhalloween" class="rn_credits">Halloween</div>
<div class="clear"></div></div>
<link href='http://fonts.googleapis.com/css?family=Megrim|Patrick+Hand+SC|Cinzel' rel='stylesheet' type='text/css'>

CSS

/******************************************** REGLEMENT NARUTO, HALLOWEEN ********************************************/
.reglement_naruto {
  margin: auto;
  width: 650px;
}

.clear {
  clear: both;
}

/* TITRES */
/* Titre de la fiche */
.rn_gauche h2 {
  font-family: 'Megrim', cursive; 
  font-size: 35px; 
  color: #C8BCA4; 
  text-align: center;
  margin: 0;
  padding: 0;
}

/* Premier point, Second point etc */
.rn_gauche h3 {
  font-family: 'Patrick Hand SC', cursive; 
  font-size: 20px; 
  color: #C8BCA4;
  margin: 0;
  padding: 0;
}

/* Couleur de l etoile */
.rn_gauche h3 span {
  color: #92D764;
}

/* Couleur des titres de droite */
.rn_droite h3 {
  font-family: 'Megrim', cursive; 
  font-size: 25px; 
  color: #1F1F1F; 
  text-align: center;
  margin: 0;
  padding: 0;
}

/* MISE EN FORME DES BLOCS */
.rn_gauche {
  width: 400px; 
  height: 600px; 
  overflow: auto; 
  background: #414141; 
  padding: 25px; 
  text-align: justify; 
  font-size: 9px; 
  color: #EFEFEF;
  float: left;
}

.rn_droite {
  width: 150px; 
  height: 600px; 
  padding: 25px; 
  background: #92D764; 
  font-size: 10px; 
  color: #3C3C3C;
  float: left;
}

.rn_droite a, .rn_droite:hover {
  color: #40731E !important; 
  text-decoration: none !important;
}

.rn_img {
  width: 145px;
}

.rn_droite span {
  color: #40731E;
  font-weight: bold;
}

.rn_contact {
  text-align: center;
}

.rn_contact img {
  width: 150px; 
  border: 2px solid white;
}

.rn_contact span {
  font-weight: bold;
}

/* Ajouter autant de groupes que nécessaire pour la couleur de la personne a contacter dans la colonne de droite et penser a modifier la class dans le html */
.rn_g1 {
  color: #40731E;
}

a.rn_credits {
  display: block;
  text-align: center;
  font-size: 9px;
}

#Naruto #reglement #forumactif #codage #libreservice

Halloween