Thème 3 - Fantasmagoria

02.08.2016

(+) Pour changer le titre, demandez moi et donnez moi le votre, je le ferais aussi vite que possible!

(+) Il faut que toutes les valeurs soit à zéro et décochées, sauf format du blog > page > automatique centré

(+) Tous les menus sont personnalisés avec de l'html!

(+) Vous pouvez changer les couleurs si elles ne vous plaisent pas. Si vous avez besoin d'aide, n'hésitez pas! (je peux modifier une image pour vous, si vous voulez qu'elle s'accorde à peu près avec le thème)

(+) Les "XXXXXXXX" module_menu_contenuXXXXXXXX sont à remplacer par le "numéro" de votre module. Voici un tuto qui pourrait vous aider ici! Et si jamais, je suis joignable pour toute question.

(+) L'ordre des menus doit être (de préférence, pour une certaine cohérence): contexte - liens - péripéties - shoutbox - prédéfinis - derniers topics - statistiques - derniers visiteurs

CODE CSS:

/*----------------ENTÊTE DECLARATIVE----------------*/

@font-face {font-family: "Dosra"; /*dorsa regular*/
src: url('https://ekladata.com/sursaut-gamma.cd.st/perso/police/Dorsa-Regular.ttf');}

@font-face {font-family: "Asloch"; /*astloch regular*/
src: url('https://ekladata.com/sursaut-gamma.cd.st/perso/police/Astloch-Regular.ttf');}

@font-face {font-family: "Six Caaps"; /*six caps*/
src: url('https://ekladata.com/sursaut-gamma.cd.st/perso/police/SixCaps.ttf');}

@font-face {font-family: "Wirone"; /*wire one*/
src: url('https://ekladata.com/sursaut-gamma.cd.st/perso/police/WireOne.ttf');}

@font-face {font-family: "Boubbet"; /*geo sans light*/
src: url('https://ekladata.com/chercher.lo.gs/perso/police/GeosansLight.ttf');}


/*----------------BODY & FENÊTRE----------------*/

#body {
  background:transparent url("https://ekladata.com/f3M89nCcVF-GifSdoS350BJ88TI.png")center top repeat;
  background-color: #1e1e1e;
  font-family: arial;
  font-size: 12px;
}

#body a {
  text-decoration: none;
  -webkit-transition: all 0.7s ease;
  -moz-transition: all 0.7s ease;
  -o-transition: all 0.7s ease;
}

body a:hover {
  -webkit-transition: all 0.7s ease;
  -moz-transition: all 0.7s ease;
  -o-transition: all 0.7s ease;
}

.module_contenu img {text-align: center;
margin 0px;
}

/*----------------FOND PAGE----------------*/

#background {width: 888px;
  background-color: #1e1e1e;
  box-shadow: 0 0 5px #0F0F0F;
  border-left: 3px solid #0F0F0F;
  border-right: 3px solid #0F0F0F;
}

/*----------------HEADER----------------*/

#header {
  height:500px;
  widht: 800px;
  background:transparent url(http://ekladata.com/90VqirgCbVYlEiAxrP8Uok1BDWE/ESSAI-classe-with-cara-png-and-typo-dechirer.png) center top no-repeat;
}

#menu a{
  text-transform: uppercase;
  font-style: italic;
  color: white;
  width: 129px;
  height: 19px;
  margin-right: 5px;
  padding-top: 6px;
  padding-bottom: 5px;
  text-align: center;
  font-family: arial;
  font-size: 14px;
}

/*----------------MENU----------------*/

/****MENU 1*****/

#menu1 {
  text-align: center;
  font-family: arial;
  width: 220px;
  color: #808080;
  margin-left: 35px;
}

#menu1 a{color: #D0AE85;}

#menu1 a:hover{color: #873F32;}

#menu1 .module_menu_titre {
  font-size: 0px;
}

#menu1 .module_menu {
  margin-bottom: 20px;
}

#menu1 .module_menu_contenu {
}

/*MENU LIENS*/

#module_menuXXXXXXXX a{
  letter-spacing: 2px;
  background-color: #121212;
  color: #8E7666;
  display: block;
  margin: 5px;
  padding: 2px 6px;
  text-align: center;
  font-size: 11px;
  text-transform: uppercase;
  transition: all 0.8s ease;
  -moz-transition: all 0.8s ease;
  -webkit-transition: all 0.8s ease;
  opacity: 0.8;

}

#module_menuXXXXXXXX a:hover{
  -moz-transition: all 0.8s ease 0s;
  background-color: #7B6362;
  color: #C5B3AF;
  transition: all 0.8s ease;
  -webkit-transition: all 0.8s ease;
  opacity: 0.4;
}

/***DERNIERS VISISTEURS***/

.module_menu_type_lastvisitors img{
  border-radius: 34px;
  border: 2px solid #5A757D;
  max-width: 38px;
  margin: 7px;
}

.module_menu_type_lastvisitors img:hover{
  opacity: 0.7;
}

/*----------------ARTICLES----------------*/

.module_titre_contenu{
  height: 100%;
  color: white;
  text-align: center;
  padding: 30px;
  font-family: "Six Caaps";
  font-size: 40px;
  letter-spacing: 2px;
  word-spacing: 1px;
  text-transform: uppercase;
  background:transparent url(http://ekladata.com/jYv4jcalGLRP9ATz3ZpqkRRkh_Y.png) center top no-repeat;
  background-color: #59737A;
  margin-left: 30px;
  margin-right: 40px;
  letter-spacing: 1px;
  border-top-left-radius: 53px;
  border-top-right-radius: 53px;
  text-transform: uppercase;
}

.module_titre_contenu a{
  color: white;
  padding-bottom: 10px;
  font-family: "Six Caaps";
  font-size: 40px;
  text-transform: uppercase;
}

.article_info {
  font-size: 0px;
}

.module_contenu {
  background-color: #131313;
  color: #333333;
  text-align: justify;
  font-family: arial;
  font-size: 12px;
  padding: 20px;
  margin-bottom: 20px;
  margin-left: 30px;
  margin-right: 40px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

.module_contenu a {
  color: #2C3449;
  font-weight: bold;

}

.module_contenu a:hover {
  color: #D0AE85;
}

/*----------------COMMENTAIRE----------------*/

.comment_normal, .comment_admin {
  width: 98%;
}

div.commentheader{
  background-color: #391A15;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  margin-bottom: 8px;
  margin-top: 28px;
  font-family: arial;
  padding: 5px;
  position: relative;
}

.comment_admin .commentheader{
  background-color: #5B2B22;
}

div.commentbody {
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  background-color: #222222;
  padding: 10px;
  color: #C1C1C1;
  margin-top: -10px;
}

.comment_admin .commentbody {
  background-color: #0F0F0F;
  color: grey;
  padding: 10px;
}

.block-reply {
  border-left: 3px solid #2C3449;
}

.comment-reply a{
  color: #616161;
  font-family: Arial;
  text-transform: uppercase;
  font-size: 8px;
  letter-spacing: 1px;
}

.comment-reply a:hover{
  color: #2C3449;
}

.commentnumber {
  font-family: "Asloch";
  color: white;
  font-size: 20px;
  padding-left: 5px;
  opacity: 0.6;
}

.commentpseudo {
  font-family: "Asloch";
  color: #888888;
  font-size: 15px;
  letter-spacing: 1px;
  text-transform: lowercase;
}

.commentpseudo a {color: #999999; font-weight: none;}

.commentpseudo a:hover {color: #888888; opacity: 0.5;}

.commentavatar {
  margin-right: 10px;
  margin-top: -35px;
  position: relative;
  padding: 5px;
}

.commentavatar img {
  border: 3px solid #2C3449;
  border-radius: 100px;
}

.block-reply li .commentavatar {
  margin-right: 5px;
  margin-top: -5px;
  position: relative;
  padding: 5px;}

.commentdate {
  font-size: 10px;
  opacity: 0.5;
}

/*----------------PIED DE PAGE----------------*/

#footer {
  text-align: center;
  text-transform: uppercase;
  font-size: 11px;
  color: #827A69;
  padding: 40px;
}

#footer a {
  color: #873F32;
  font-weight: bold;
}

#footer a:hover {
  color: #4C6167;
}

#footer:after {content: " Thème de Fabule";}

/*----------------HELPBUBBLES----------------*/

#help_bubble {
  background-color: #333333;
  color: #F1F1F1;
  border: 2px solid black;
  border-radius: 4px;
  opacity: 0.7;
  font-size: 11px;
  text-transform: uppercase;
  font-family: consolas;
}

/*----------------BOUTONS----------------*/

input[type=button],input[type=submit], button {
  margin: 9px;
  margin-left: 0px;
  min-width: 100px;
  min-height: 20px;
  background-color: #873F32;
  color: white;
  text-shadow: 2px 1px 0px rgba(0, 0, 0, 0.15);
  font-family: consolas;
  border: 3px solid #632F25;
  text-transform: uppercase;
  font-size: 11px;
  border-radius: 5px;
}

input[type=button]:hover, input[type=submit]:hover, input[type=reset]:hover, button:hover, .button:hover {
  background-color: #454E63;
  color: white;
  border: 3px solid #333A4A;
}

/*******FORUMS********/

.post_table_msg {background-color: #242424;
padding: 10px;
border-bottom: 1px solid #131313;
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
}

.post_table_head {color: #F7F7F7;
  font-size: 0px;
}

.post_table_profile img{border: 2px solid #0F0F0F;
  margin-left: 10px;
  margin-top: -7px;
  margin-bottom: 10px;
  padding: 0px;
  opacity: 0.7;
}

.post_table_profile a{color: #454545;
  display: block;
  width: 79px;
  background-color: #0F0F0F;
  border-radius: 30px;
  margin-top: 15px;
  margin-left: 10px;
  text-align: center;
  opacity: 0.7;
  -webkit-transform: rotate(-2deg);
  -moz-transform: rotate(-2deg);
  -o-transform: rotate(-2deg);
  transform: rotate(-2deg);
}

.post_table_profile {background-image: url('https://ekladata.com/GLDhNEK2TcYAfFNXK8mPP1r-ns8/jvhhkkj.png');
border-top-left-radius: 3px;
border-bottom-left-radius: 3px;
border-bottom: 1px solid #131313}

.forum-description {background-color: #0D0D0D;
  margin-top: 20px;
  margin-bottom: 20px;
  padding: 10px;
  border: 2px solid #080808;}

/****************BALISES****************/

.CONTEXTE {
  border: 3px solid #black;
  margin: 0px;
  padding: 10px;
  background-color: #1A1A1A; /*Couleur de fond*/
  height: 191px; /*hauteur de ton image*/
  opacity: 0; /*pour qu'on ne le voit pas, tant que ce n'est pas survollé*/
  position: absolute;
  width: 169px; /*largeur de ton image*/
  transition: all 0.6s ease; /*temps d'apparition au survol*/
}

#image:hover .CONTEXTE {
  height: 191px; /*hauteur de ton image*/
  opacity: 0.95; /*opicité du fond lorsqu'il apparaît, si y a 0.9 c'est qu'il est un peu transparent*/
  width: 169px; /*largeur de ton image*/
}

CODE HTML FICHE DE PERSONNAGE:

<p style="text-align: center;"> </p>
<table style="margin-left: auto; margin-right: auto;">
<tbody>
<tr>
<td style="text-align: center;">
<table>
<tbody>
<tr>
<td>
<p style="text-align: center;"><img style="padding: 3px; border: 1px solid #0D0D0D;" src="https://ekladata.com/lVOLUcyGUtidr-EWmzLAFBxlPcE.png" alt="" /></p>
</td>
</tr>
<tr>
<td>
<div style="background-color: #0d0d0d; width: 468px; min-height: 25px; line-height: 11px; margin: 10px; border: 1px solid #0A0A0A; padding: 20px; overflow: auto; text-align: justify; color: #7d7d7d;">
<p><span style="font-family: 'Dosra'; font-size: 36pt; color: #2c2e33; letter-spacing: 3px;"> <br />INFORMATIONS;<br /></span></p>
<strong>NOM:</strong> écrire ici — <strong>PRÉNOM:</strong> écrire ici — <strong>ÂGE:</strong> écrire ici — <strong>DATE DE NAISSANCE:</strong> écrire ici — <strong>NATIONALITÉ</strong> écrire ici — <strong>ORIENTATION SEXUELLE:</strong> écrire ici — <strong>STATUT CIVIL:</strong> écrire ici — <strong>PROFESSION/ÉTUDES:</strong> écrire ici</div>
</td>
</tr>
<tr>
<td>
<div style="background-color: #2c2e33; width: 468px; min-height: 25px; line-height: 11px; margin: 10px; border: 1px solid #0D0D0D; padding: 20px; overflow: auto; text-align: justify;">
<p><span style="font-family: 'Dosra'; font-size: 36pt; color: #b5b5b5; letter-spacing: 3px;"> <br />CARACTÈRE;<br /></span></p>
<span style="color: #7c8087;"><strong>AIME:</strong> écrire ici — <strong>AIME PAS:</strong> écrire ici — <strong>SI TU ÉTAIS UN ANIMAL:</strong> écrire ici — <strong>SI TU ÉTAIS UN JOUR DE LA SEMAINE:</strong> écrire ici — <strong>TA PLUS GRANDE PEUR:</strong> écrire ici — <strong>QUI ES-TU? :</strong> écrire ici (humain/magus/faucheur) — <strong>QUEL CAMP? :</strong> écrire ici<br /> <br />Décris ton caractère ici.</span><span style="color: #cad0e3;"> </span><span style="color: #cad0e3;"> </span></div>
</td>
</tr>
<tr>
<td> 
<p style="text-align: center;"><img style="padding: 3px; border: 1px solid #0D0D0D;" src="https://ekladata.com/lVOLUcyGUtidr-EWmzLAFBxlPcE.png" alt="" /></p>
</td>
</tr>
<tr>
<td> 
<table>
<tbody>
<tr>
<td>
<div style="background-color: #0d0d0d; width: 468px; min-height: 25px; line-height: 11px; margin: 10px; border: 1px solid #0A0A0A; padding: 20px; overflow: auto; text-align: justify; color: #7d7d7d;">
<p><span style="font-family: 'Dosra'; font-size: 36pt; color: #2c2e33; letter-spacing: 3px;"> <br />POUVOIR;<br /></span></p>
<strong>L'AS-TU DEPUIS LONGTEMPS? :</strong> écrire ici — <strong>T'EN SERS TU SOUVENT? :</strong> écrire ici — <strong>EST-CE QUE TU CONNAIS D'AUTRES MAGUS? :</strong> écrire ici — <strong>EN AS-TU PEUR? </strong> écrire ici<strong><br /> <br /> <br /> <br />NOM DE TON POUVOIR (éventuellement) </strong>— Décris ici ton pouvoir, ce qu'il fait, et peut être des effets secondaires?</div>
</td>
</tr>
<tr>
<td>
<div style="background-color: #2c2e33; width: 468px; min-height: 25px; line-height: 11px; margin: 10px; border: 1px solid #0D0D0D; padding: 20px; overflow: auto; text-align: justify;">
<p><span style="font-family: 'Dosra'; font-size: 36pt; color: #b5b5b5; letter-spacing: 3px;"> <br />HISTOIRE;<br /></span></p>
<span style="color: #7c8087;"><strong>AS-TU DES RÊVES? :</strong> écrire ici — <strong>CROIS-TU EN L'AMOUR? :</strong> écrire ici — <strong>VIS TU BIEN TA CONDITION? :</strong> écrire ici — <strong>SI TU POUVAIS CHANGER UN TRUC DANS TA VIE, CE SERAIT QUOI? :</strong> écrire ici — <strong>CRAINS-TU LE FUTUR? :</strong> écrire ici </span><br /><span style="color: #7c8087;"> </span><br /><span style="color: #cad0e3;"> </span><br /><span style="color: #7c8087;">Écris son histoire ici.<br /></span></div>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
<p style="text-align: center;"> </p>
<table style="margin-left: auto; margin-right: auto;">
<tbody>
<tr>
<td>
<div style="background-color: #0d0d0d; width: 468px; min-height: 25px; line-height: 11px; margin: 10px; border: 1px solid #0A0A0A; padding: 20px; overflow: auto; text-align: justify; color: #7d7d7d;">
<p><span style="font-family: 'Dosra'; font-size: 36pt; color: #2c2e33; letter-spacing: 3px;"> <br /><em>RELATIONS</em>;<br /> <br /></span></p>
<strong>PRENOM NOM :</strong> écrire ici</div>
</td>
</tr>
</tbody>
</table>
<p> </p>
<p> </p>

CODE HTML FICHE DE PNJ:

<p style="text-align: center;"> </p>
<table style="margin-left: auto; margin-right: auto;">
<tbody>
<tr>
<td style="text-align: center;">
<table>
<tbody>
<tr>
<td>
<p style="text-align: center;"><img style="padding: 3px; border: 1px solid #0D0D0D;" src="https://ekladata.com/lVOLUcyGUtidr-EWmzLAFBxlPcE.png" alt="" /></p>
</td>
</tr>
<tr>
<td>
<div style="background-color: #0d0d0d; width: 468px; min-height: 25px; line-height: 11px; margin: 10px; border: 1px solid #0A0A0A; padding: 20px; overflow: auto; text-align: justify; color: #7d7d7d;">
<p><span style="font-family: 'Dosra'; font-size: 36pt; color: #2c2e33; letter-spacing: 3px;"> <br />INFORMATIONS;<br /></span></p>
<strong>NOM:</strong> écrire ici — <strong>PRÉNOM:</strong> écrire ici — <strong>ÂGE:</strong> écrire ici — <strong>DATE DE NAISSANCE:</strong> écrire ici — <strong>NATIONALITÉ</strong> écrire ici — <strong>ORIENTATION SEXUELLE:</strong> écrire ici — <strong>STATUT CIVIL:</strong> écrire ici — <strong>PROFESSION/ÉTUDES:</strong> écrire ici</div>
</td>
</tr>
<tr>
<td> 
<table>
<tbody>
<tr>
<td>
<div style="background-color: #2c2e33; width: 468px; min-height: 25px; line-height: 11px; margin: 10px; border: 1px solid #0d0d0d; padding: 20px; overflow: auto;">
<p style="text-align: justify;"><span style="font-family: 'Dosra'; font-size: 36pt; color: #b5b5b5; letter-spacing: 3px;"> <br />POUVOIR;<br /></span></p>
<span style="color: #7c8087;"><strong> <br />NOM DE TON POUVOIR (éventuellement) </strong>— Décris ici ton pouvoir, ce qu'il fait, et peut être des effets secondaires?</span></div>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
<p> </p>
<table>
<tbody>
<tr>
<td>
<div style="background-color: #0d0d0d; width: 468px; min-height: 25px; line-height: 11px; margin: 10px; border: 1px solid #0A0A0A; padding: 20px; overflow: auto; text-align: justify; color: #7d7d7d;">
<p><span style="font-family: 'Dosra'; font-size: 36pt; color: #2c2e33; letter-spacing: 3px;"> <br /><em>RELATIONS</em>;<br /> <br /></span></p>
<strong>PRENOM NOM :</strong> écrire ici</div>
</td>
</tr>
</tbody>
</table>
<p> </p>

CODE HTML IMAGE DE CONTEXTE:

<div id="image">
<div class="CONTEXTE">
<div style="width: 165px; height: 195px; overflow: auto; padding: 5px; margin-top: -7px; text-align: justify;">
<p style="text-align: justify;">Ton texte ici</div>
</div>
</div>
<p style="text-align: center;"><img style="border: 3px solid #242424;" src="URL_DE_L_IMAGE_180*205PX" alt=" " /></p>

CODE HTML PERIPETIES:

<p> </p>
<table style="margin-left: auto; margin-right: auto;">
<tbody>
<tr>
<td>
<div style="background-color: #161417; width: 180px; min-height: 210px; line-height: 11px; margin-left: 0px; padding: 0px; text-align: justify; border-top-right-radius: 50px; border-top-left-radius: 50px; border-bottom-right-radius: 20px; border-bottom-left-radius: 20px;">
<p><img style="border-top-right-radius: 50px; border-top-left-radius: 50px; display: block; margin: -10 auto -10 auto;" src="https://ekladata.com/t7TkWjosQyT539_mxnYsfNvQvNY@180x170.png" alt="statistiques" width="180" height="170" /></p>
<div style="width: 155px; height: 195px; overflow: auto; padding: 5px; margin: 5px; text-align: justify;">
<p style="text-align: justify;">Rien pour le moment, en attente d'inscription pour démarrer les péripéties.<br /><br /></p>
</div>
 </div>
<span style="font-family: arial,helvetica,sans-serif;"> </span></td>
</tr>
</tbody>
</table>
<p style="text-align: left;"> </p>
<p style="text-align: center;"> </p>
<p style="text-align: center;"><img src="https://ekladata.com/7rNEkYmJ_f0fJX1SWAmNesBsxE0.png" alt="péripéties" /></p>

CODE HTML PREDEFINIS: (si vous n'en avez pas besoin, juste garder l'image de la "shoutbox")

<p> </p>
<p> </p>
<table style="margin-left: auto; margin-right: auto;">
<tbody>
<tr>
<td>
<div style="background-color: #161417; width: 180px; min-height: 210px; line-height: 11px; margin-left: 0px; padding: 0px; text-align: justify; border-top-right-radius: 50px; border-top-left-radius: 50px; border-bottom-right-radius: 20px; border-bottom-left-radius: 20px;">
<p style="text-align: center;"><img style="border-top-right-radius: 50px; border-top-left-radius: 50px; margin: -10;" src="https://ekladata.com/_xZj7xNf6uqUJLX5mdAnz8YJ1V4@180x170.png" alt="statistiques" width="180" height="170" /></p>
<p style="text-align: center;"><img src="https://ekladata.com/zKKpBQ8za4bIz4GAcBOP5EZA6SM.png" alt="Module" width="50" /> <img src="https://ekladata.com/zKKpBQ8za4bIz4GAcBOP5EZA6SM.png" alt="Module" width="50" /> <img src="https://ekladata.com/zKKpBQ8za4bIz4GAcBOP5EZA6SM.png" alt="Module" width="50" /></p>
<p style="text-align: center;"> </p>
<p style="text-align: center;"><span style="font-size: 7pt;"><a href="http://fantasmagories.lo.gs/les-predefinis-c27152382">voir tous les prédéfinis</a> — <a href="http://fantasmagories.lo.gs/proposez-vos-predefinis-forum89336">proposer un prédéfini</a></span><br /> </p>
</div>
</td>
</tr>
</tbody>
</table>
<p> </p>
<p> </p>
<p style="text-align: center;"><img src="https://ekladata.com/8QEvKjKGKvKg50XpwxAm3jUsBGw.png" alt="navigation" /></p>

CODE HTML STATISTIQUES:

<p> </p>
<table style="margin-left: auto; margin-right: auto;">
<tbody>
<tr>
<td>
<div style="background-color: #161417; width: 180px; min-height: 210px; line-height: 11px; margin-left: 0px; padding: 0px; text-align: justify; border-top-right-radius: 50px; border-top-left-radius: 50px; border-bottom-right-radius: 20px; border-bottom-left-radius: 20px;">
<p style="text-align: center;"><img style="margin: -10px; border-top-right-radius: 50px; border-top-left-radius: 50px;" src="https://ekladata.com/t-RSTwR2LBKPq0P5O7qWdZ84Hio.png" alt="statistiques" /></p>
<p style="text-align: left;"><span style="font-family: arial,helvetica,sans-serif;">  <strong>0</strong>   —   <em>HUMAINS</em></span></p>
<p><span style="font-family: arial,helvetica,sans-serif;">  <strong>3 </strong>  —   <em>MAGUS</em></span></p>
<p><span style="font-family: arial,helvetica,sans-serif;">  <strong>0 </strong>  —   <em>FAUCHEURS</em></span></p>
<p style="text-align: center;"><span style="font-family: arial,helvetica,sans-serif;"><br />  <br /></span></p>
<p style="text-align: center;"><span style="font-family: arial,helvetica,sans-serif;">dont</span></p>
<p><span style="font-family: arial,helvetica,sans-serif;"> <br /> <br /></span></p>
<p><span style="font-family: arial,helvetica,sans-serif;">  <strong>2</strong>   —   <em>REBELLES</em></span></p>
<p><span style="font-family: arial,helvetica,sans-serif;">  <strong>0</strong>   —  <em> PARTISANS</em></span></p>
<p><span style="font-family: arial,helvetica,sans-serif;">  <strong>0</strong>   —  <em> FUYARDS</em></span></p>
<p><span style="font-family: arial,helvetica,sans-serif;">  <strong>1 </strong>  —  <em> NEUTRES</em></span></p>
<p><span style="font-family: arial,helvetica,sans-serif;"> </span></p>
<p style="text-align: left;"><span style="font-family: arial,helvetica,sans-serif;">     Nous     comptabilisons   <span style="color: #161417;">''</span><strong>3</strong>  </span><br /><span style="font-family: arial,helvetica,sans-serif;">     personnages  ainsi  que   <strong>0</strong> </span><br /><span style="font-family: arial,helvetica,sans-serif;">     PNJ.   Il   <span style="color: #161417;">'</span>y   a  actuellement </span><br /><span style="font-family: arial,helvetica,sans-serif;">     <strong>%1%   </strong><span style="color: #161417;">'</span> <strong> </strong> petit(s)      curieux   <br />     qui </span><span style="font-family: arial,helvetica,sans-serif;">parcourt le blog. </span><br /> <br /> </p>
</div>
</td>
</tr>
</tbody>
</table>
<p style="text-align: left;"> </p>
<p> </p>
<p> </p>
<p style="text-align: center;"> </p>
<p style="text-align: center;"><img src="https://ekladata.com/jhS1zYpJtOfX-kdH-r3o2tagr2A.png" alt="Module" /></p>

CODE HTML LIEUX:

<table>
<tbody>
<tr>
<td>
<div style="color: black; width: 250px; min-height: 150px; padding: 0px; border: 3px solid #391A15; text-align: left; background-image: url('URL_IMAGE_250*150PX');"> </div>
</td>
<td>
<table>
<tbody>
<tr>
<td>
<div style="color: black; width: 260px; min-height: 44px; padding: 2px; padding-top: 6px; margin: 0px; border: 0px solid #2C2E33; background-color: #391a15; text-align: right;"><span style="font-family: 'Boubbet'; font-size: 18pt; color: #ffffff;"><span style="color: #bfa8a8;"><em>TITRE DU LIEU   </em></span><br /></span></div>
</td>
</tr>
<tr>
<td>
<div style="width: 265px; min-height: 87px; padding: 0px; margin: 0px; border-top: 7px solid #2C2E33; background-color: #0d0d0d; text-align: right;">
<div style="width: 255px; height: 87px; overflow: auto; text-align: justify; padding: 5px;">(<a href="http://fantasmagories.lo.gs/centre-ville-forum89314">www</a>) - Description du lieux</div>
</div>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
<p> </p>

Advertising