Fiches de présentation

<link href="https://fonts.googleapis.com/css?family=Oswald|Redressed" rel="stylesheet">
<div class="fond_fiche"><div class="nom_perso">Nom du personnage</div>
<div class="citation_perso">Une petite phrase stylée ici</div>
<center><img src="https://2img.net/h/i512.photobucket.com/albums/t327/Anionna/My%20Icons/Batch%2017/anionna_dbz040.png" class="images_fiche"><img src="https://2img.net/h/i512.photobucket.com/albums/t327/Anionna/My%20Icons/Batch%2017/anionna_dbz046.png" class="images_fiche"><img src="https://2img.net/h/i512.photobucket.com/albums/t327/Anionna/My%20Icons/Batch%2017/anionna_dbz042.png" class="images_fiche"></center>
<table><tr><td class="titre_info">Informations</td><td class="titre_info">Magie/Arme(s)</td></tr></table>
<div style="margin-left: 20px;"><table><tr><td class="partie_info"><b>Âge :</b> //
<b>Taille et poids du personnage :</b> //
<b>Couleur des yeux et des cheveux :</b> //
<b>Date et lieu de naissance :</b> N'oubliez pas que le contexte se passe en X791

<b>Affiliation :</b> Guilde ou organisation choisie si vous en avez une
<b>But :</b> Objectif de votre personnage

<b>Personnage sur l'avatar :</b> Nom du personnage et source
<td class="partie_info"><b>Magie / Arme(s) :</b> Description courte de la magie et/ou d'une ou des armes de votre personnage. N'oubliez pas de mentionner les points forts et les faiblesses</td></tr></table></div>

<div class="titres_fiche">Caractère</div>
<div class="partie_perso">Sin autem ad adulescentiam perduxissent, dirimi tamen interdum contentione vel uxoriae condicionis vel commodi alicuius, quod idem adipisci uterque non posset. Quod si qui longius in amicitia provecti essent, tamen saepe labefactari, si in honoris contentionem incidissent; pestem enim nullam maiorem esse amicitiis quam in plerisque pecuniae cupiditatem, in optimis quibusque honoris certamen et gloriae; ex quo inimicitias maximas saepe inter amicissimos exstitisse.  <br><br>Saraceni tamen nec amici nobis umquam nec hostes optandi, ultro citroque discursantes quicquid inveniri poterat momento temporis parvi vastabant milvorum rapacium similes, qui si praedam dispexerint celsius, volatu rapiunt celeri, aut nisi impetraverint, non inmorantur. His cognitis Gallus ut serpens adpetitus telo vel saxo iamque spes extremas opperiens et succurrens saluti suae quavis ratione colligi omnes iussit armatos et cum starent attoniti, districta dentium acie stridens adeste inquit viri fortes mihi periclitanti vobiscum.</div>

<div class="titres_fiche">Histoire</div>
<div class="partie_perso">Sin autem ad adulescentiam perduxissent, dirimi tamen interdum contentione vel uxoriae condicionis vel commodi alicuius, quod idem adipisci uterque non posset. Quod si qui longius in amicitia provecti essent, tamen saepe labefactari, si in honoris contentionem incidissent; pestem enim nullam maiorem esse amicitiis quam in plerisque pecuniae cupiditatem, in optimis quibusque honoris certamen et gloriae; ex quo inimicitias maximas saepe inter amicissimos exstitisse.  <br /><br />Saraceni tamen nec amici nobis umquam nec hostes optandi, ultro citroque discursantes quicquid inveniri poterat momento temporis parvi vastabant milvorum rapacium similes, qui si praedam dispexerint celsius, volatu rapiunt celeri, aut nisi impetraverint, non inmorantur. His cognitis Gallus ut serpens adpetitus telo vel saxo iamque spes extremas opperiens et succurrens saluti suae quavis ratione colligi omnes iussit armatos et cum starent attoniti, districta dentium acie stridens adeste inquit viri fortes mihi periclitanti vobiscum. </div>

<div class="titres_fiche">Derrière l'écran</div>
<div class="partie_rpgiste">
<b>Prénom/Pseudo :</b> //
<b>Âge :</b> //
<b>Comment es-tu arrivé ici ? :</b> //
<b>Tu aimes quoi ? :</b> //
<b>Tu n'aimes pas quoi ? :</b> //
<b>Code du règlement :</b> //
<b>Comment tu trouves le forum ? :</b> //
<b>Un petit mot de fin ? :</b> //</div>
<div style="font-size:8px; text-align:right; padding:3px; color:grey;"><a href="http://higana-test.forumactif.com/">(H)</a></div></div>

/* Fiche de présentation */
.fond_fiche {
  background-color: #ACC9E0;
  margin: auto;
  width:550px;
  border-left: 3px solid #8DABC4;
  border-right: 1px solid #8DABC4;
  border-bottom: 1px solid #8DABC4;
  border-top: 1px solid #8DABC4;
  color: #4F5960;
}
.nom_perso {
  font: 'Oswald';
  font-size:27px;
  text-align: right;
  margin-top:-22px;
  color: #2A3F2E;
}
.citation_perso {
  font: 'Redressed';
  font-size:15px;
  text-align: right;
  margin-top:-12px;
  margin-right: 2px;
  color: #2A3F2E;
}
.titres_fiche {
  background-color: #8DABC4;
  font: 'Oswald';
  font-size: 20px;
  letter-spacing: 1px;
  text-align: left;
  padding-left: 26px;
  padding-right: 5px;
  padding-top: 5px;
  padding-bottom: 3px;
  color: #2A3F2E;
}
.titre_info {
  background-color: #8DABC4;
  width: 275px;
  margin: auto;
  font: 'Oswald';
  font-size: 20px;
  letter-spacing: 1px;
  text-align:center;
  padding-top: 5px;
  padding-bottom: 3px;
  color: #2A3F2E;
}
.partie_info {
  background-color: #D5E2ED;
  border-top: 2px dashed #4682B4;
  margin:auto;
  border-bottom: 2px dashed #4682B4;
  width:250px;
  height:200px;
  overflow:auto;
  font-size:12px;
  text-align: left;
  color: #4F5960;
  vertical-align:top;
}
.partie_perso {
  background-color: #D5E2ED;
  margin: auto;
  border-top: 2px dashed #4682B4;
  border-bottom: 2px dashed #4682B4;
  width:510px;
  height:245px;
  overflow:auto;
  font-size:12px;
  text-align: justify;
  color: #4F5960;
}
.images_fiche {
  border: 3px double black;
  width:100px;
  height:100px;
  margin: 5px;
}
/* Partie behind the screen */
.partie_rpgiste {
  background-color: #D5E2ED;
  margin: auto;
  border-top: 2px dashed #4682B4;
  border-bottom: 2px dashed #4682B4;
  width: 510px;
  height: 180px;
  overflow:auto;
  font-size:12px;
  text-align: left;
  color: #4F5960;
}
/* Fin fiche de présentation */

<div class="fichepresa">
<div class="titrepresa">Prénom et nom</div>
<div class="soustitrepresa">La petite citation !</div>

<div class="titrepresa" style="font-size: 23px;">Informations</div>
<div class="contenupresa1"><table width="100%"><tr><td width="25%" style="text-align:center;"><img src="https://l-userpic.livejournal.com/111745007/12387998" style="height: 100px; width: 100px; border: 1px double lightgrey;"/></td><td width="75%"><div style="height: 120px; overflow:auto;">[size=12][b]Prénom et nom :[/b] //
[b]Âge :[/b] //
[b]Groupe(s) :[/b] //
[b]Rang :[/b] S'il y en a
[b]Lieu de naissance :[/b] //
[b]But(s) :[/b] //
[b]Avatar :[/b] Nom du personnage de [i]Source[/i][/size]</div></td></tr></table></div>
<table style="width: 460px; margin:auto;"><tr><td width="30%" class="contenupresa2"><div style="height: 180px; overflow:auto;">[size=12][b]Taille:[/b] //
[b]Poids:[/b] //
[b]Cheveux:[/b] //
[b]Yeux:[/b] //
[b]Signe(s) distinctif(s):[/b] //[/size]</div></td><td width="70%" class="contenupresa2"><div style="height: 180px; overflow:auto;">Caractère ici ! - Sin autem ad adulescentiam perduxissent, dirimi tamen interdum contentione vel uxoriae condicionis vel commodi alicuius, quod idem adipisci uterque non posset. Quod si qui longius in amicitia provecti essent, tamen saepe labefactari, si in honoris contentionem incidissent; pestem enim nullam maiorem esse amicitiis quam in plerisque pecuniae cupiditatem, in optimis quibusque honoris certamen et gloriae; ex quo inimicitias maximas saepe inter amicissimos exstitisse.</div></td></tr></table>

<div class="titrepresa" style="font-size: 23px;">Histoire</div>
<div class="contenupresa1" style="height: 200px; overflow:auto;">Sin autem ad adulescentiam perduxissent, dirimi tamen interdum contentione vel uxoriae condicionis vel commodi alicuius, quod idem adipisci uterque non posset. Quod si qui longius in amicitia provecti essent, tamen saepe labefactari, si in honoris contentionem incidissent; pestem enim nullam maiorem esse amicitiis quam in plerisque pecuniae cupiditatem, in optimis quibusque honoris certamen et gloriae; ex quo inimicitias maximas saepe inter amicissimos exstitisse.

Saraceni tamen nec amici nobis umquam nec hostes optandi, ultro citroque discursantes quicquid inveniri poterat momento temporis parvi vastabant milvorum rapacium similes, qui si praedam dispexerint celsius, volatu rapiunt celeri, aut nisi impetraverint, non inmorantur. His cognitis Gallus ut serpens adpetitus telo vel saxo iamque spes extremas opperiens et succurrens saluti suae quavis ratione colligi omnes iussit armatos et cum starent attoniti, districta dentium acie stridens adeste inquit viri fortes mihi periclitanti vobiscum.</div>

<div class="titrepresa" style="font-size: 23px;">Derrière l'écran</div>
<div class="contenupresa1" style="height: 120px; overflow:auto;">[b]Pseudo/Prénom :[/b] Prénom facultatif !
[b]Âge :[/b] Réponse here
[b]Tu aimes quoi ? :[/b] Réponse here
[b]Tu n'aimes pas quoi ? :[/b] Réponse here
[b]Ton pokémon préféré ? :[/b] Réponse here
[b]Comment t'as atterri ici ? :[/b] Allez, dis nous tout !
[b]Code du règlement :[/b] Si t'as lu le règlement, tu dois le savoir ~
</div>

</div>

.fichepresa {
  width: 500px; margin:auto;
  background-color: white; border: 2px solid #CCC9D2;
}
.titrepresa {
  font-size: 30px; font: 'Oswald';
  color: #7C7195; text-align: center;
}
.soustitrepresa {
  font-size: 20px; font: 'Redressed'; margin-top: -15px;
  color: #9966ff; text-align: center;
}
.contenupresa1 {
  width: 450px; margin:auto; background-color: #F1F0F2;
  border: 1px solid #cc99ff; padding:3px; font-size:12px; vertical-align:top;
}
.contenupresa2 {
  height: 120px; overflow:auto; background-color: #F1F0F2;
  border: 1px solid #cc99ff; padding:3px; font-size:12px;
  text-align: justify; vertical-align:top;
}

<div style="width: 500px; margin:auto; background-color: white; border: 2px solid #CCC9D2;">
<div style="font-size: 30px; font: 'Oswald'; color: #7C7195; text-align: center;">Prénom et nom</div>
<div style="font-size: 20px; font: 'Redressed'; margin-top: -15px; color: #9966ff; text-align: center;">La petite citation !</div>

<div style="font-size: 30px; font: 'Oswald'; color: #7C7195; text-align: center;" style="font-size: 23px;">Informations</div>
<div style="width: 450px; margin:auto; background-color: #F1F0F2; border: 1px solid #cc99ff; padding:3px; font-size:12px; vertical-align:top;"><table width="100%"><tr><td width="25%" style="text-align:center;"><img src="https://l-userpic.livejournal.com/111745007/12387998" style="height: 100px; width: 100px; border: 1px double lightgrey;"/></td><td width="75%"><div style="height: 120px; overflow:auto;">[size=12][b]Prénom et nom :[/b] //
[b]Âge :[/b] //
[b]Groupe(s) :[/b] //
[b]Rang :[/b] S'il y en a
[b]Lieu de naissance :[/b] //
[b]But(s) :[/b] //
[b]Avatar :[/b] Nom du personnage de [i]Source[/i][/size]</div></td></tr></table></div>
<table style="width: 460px; margin:auto;"><tr><td width="30%" style="height: 120px; overflow:auto; background-color: #F1F0F2; border: 1px solid #cc99ff; padding:3px; font-size:12px; text-align: justify; vertical-align:top;"><div style="height: 180px; overflow:auto;">[size=12][b]Taille:[/b] //
[b]Poids:[/b] //
[b]Cheveux:[/b] //
[b]Yeux:[/b] //
[b]Signe(s) distinctif(s):[/b] //[/size]</div></td><td width="70%" class="contenupresa2"><div style="height: 180px; overflow:auto;">Caractère ici ! - Sin autem ad adulescentiam perduxissent, dirimi tamen interdum contentione vel uxoriae condicionis vel commodi alicuius, quod idem adipisci uterque non posset. Quod si qui longius in amicitia provecti essent, tamen saepe labefactari, si in honoris contentionem incidissent; pestem enim nullam maiorem esse amicitiis quam in plerisque pecuniae cupiditatem, in optimis quibusque honoris certamen et gloriae; ex quo inimicitias maximas saepe inter amicissimos exstitisse.</div></td></tr></table>

<div style="font-size: 30px; font: 'Oswald'; color: #7C7195; text-align: center;" style="font-size: 23px;">Histoire</div>
<div style="width: 450px; margin:auto; background-color: #F1F0F2; border: 1px solid #cc99ff; padding:3px; font-size:12px; vertical-align:top;" style="height: 200px; overflow:auto;">Sin autem ad adulescentiam perduxissent, dirimi tamen interdum contentione vel uxoriae condicionis vel commodi alicuius, quod idem adipisci uterque non posset. Quod si qui longius in amicitia provecti essent, tamen saepe labefactari, si in honoris contentionem incidissent; pestem enim nullam maiorem esse amicitiis quam in plerisque pecuniae cupiditatem, in optimis quibusque honoris certamen et gloriae; ex quo inimicitias maximas saepe inter amicissimos exstitisse.

Saraceni tamen nec amici nobis umquam nec hostes optandi, ultro citroque discursantes quicquid inveniri poterat momento temporis parvi vastabant milvorum rapacium similes, qui si praedam dispexerint celsius, volatu rapiunt celeri, aut nisi impetraverint, non inmorantur. His cognitis Gallus ut serpens adpetitus telo vel saxo iamque spes extremas opperiens et succurrens saluti suae quavis ratione colligi omnes iussit armatos et cum starent attoniti, districta dentium acie stridens adeste inquit viri fortes mihi periclitanti vobiscum.</div>

<div style="font-size: 30px; font: 'Oswald'; color: #7C7195; text-align: center;" style="font-size: 23px;">Derrière l'écran</div>
<div style="width: 450px; margin:auto; background-color: #F1F0F2; border: 1px solid #cc99ff; padding:3px; font-size:12px; vertical-align:top;" style="height: 120px; overflow:auto;">[b]Pseudo/Prénom :[/b] Prénom facultatif !
[b]Âge :[/b] Réponse here
[b]Tu aimes quoi ? :[/b] Réponse here
[b]Tu n'aimes pas quoi ? :[/b] Réponse here
[b]Ton pokémon préféré ? :[/b] Réponse here
[b]Comment t'as atterri ici ? :[/b] Allez, dis nous tout !
[b]Code du règlement :[/b] Si t'as lu le règlement, tu dois le savoir ~
</div>

</div>