Thème 3 - Fantasmagoria - “ Prélude à l'Illumination ”

Thème 3 - Fantasmagoria

Written by Fabule in thèmes (l-b) on 9 October 2016 à 20:35

Voici un thème converti en full CSS, il était avant installé avec l'interface d'eklablog et comme il ne me servait, je vous le laisse ici! C'était un ancien thème de RPG et comme vous êtes plutôt favorable à ce que je mette des thèmes de RPG inutilisés en libre-service, voici!

Si jamais vous ne savez pas comment trouver le numéro de vos menus, dites le moi, je vous aiderait.

Le blog test se trouve ici, si vous voulez voir l'intégralité du thème (les commentaires, les forums, le reste de la page...).

Merci de me prévenir si vous l'utilisez. ♥

(+) 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('http://ekladata.com/sursaut-gamma.cd.st/perso/police/Dorsa-Regular.ttf');}

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

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

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

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


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

#body {
  background:transparent url("http://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('http://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="http://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="http://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="http://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="http://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="http://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="http://ekladata.com/_xZj7xNf6uqUJLX5mdAnz8YJ1V4@180x170.png" alt="statistiques" width="180" height="170" /></p>
<p style="text-align: center;"><img src="http://ekladata.com/zKKpBQ8za4bIz4GAcBOP5EZA6SM.png" alt="Module" width="50" /> <img src="http://ekladata.com/zKKpBQ8za4bIz4GAcBOP5EZA6SM.png" alt="Module" width="50" /> <img src="http://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="http://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="http://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="http://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>

<br />
Comments
1

Buried

Tuesday 11st October 2016 at 18:05
Coucou, est ce que je pourrais te prendre le code pour les lieux uniquement ?
Répondre

Voir les réponses

Fabule

Tuesday 11st October 2016 at 19:28

Oui tu peux, faudra juste en préciser la source!

Buried

Tuesday 11st October 2016 at 19:50

J'ai déjà écrit en crédit ton pseudonyme u_u
2

Starlight Glimmer

Saturday 15th October 2016 at 12:24
Les lueurs des poteaux sont peu être trop prononcé, et sans le personnage et que le texte ça aurait suffit car la typographie est vraiment stylé, ça aurait était mieux de le mettre plus en valeur, et le thème et toujours stylé comme d'hab j'aime tout particulièrement les titre des articles ^^
Répondre

Voir les réponses

Fabule

Sunday 16th October 2016 at 10:08

Je vais tester en réduisant les lueurs et en enlevant le personnage! :) Merci beaucoup, ça fait vachement plaisir! Tant mieux, ils ont été galère à faire! xD

EDIT: genre comme ça?

Starlight Glimmer

Sunday 16th October 2016 at 11:33

Je trouve ça mieux, ça met plus en valeur le texte, après qu'est ce que tu en pense toi ?? ^^
3

Togame

Tuesday 7th February 2017 at 15:56
Il est vraiment très beau ! Je pense te le piquer c:
Répondre

Voir les réponses

Fabule

Wednesday 8th February 2017 at 13:11

D'acc & merci! c:
4

Bissinx

Tuesday 28th February 2017 at 14:11
Je le pique *w*
Répondre

Voir les réponses

Fabule

Tuesday 28th February 2017 at 19:56

D'accord!
5

S U N S K Y

Saturday 28th October 2017 at 21:16
Je te le prend :=)
Répondre

Voir les réponses

Fabule

Sunday 29th October 2017 at 00:51

D'accord! :3
6

Donnie.

Wednesday 29th November 2017 at 22:39
Jolie ! Je vais prendre ce thème pour Noël et le modifier un peu c:

Si je te commande un header, est-ce que tu crois avoir le temps de le faire avant le 10 Décembre ? '~'
Répondre

Voir les réponses

Fabule

Thursday 30th November 2017 at 20:01

Merci! Et d'accord! c:

Par contre non, je pense pas.. Je suis pas mal occupée ces derniers temps et décembre est un mois un peu chargé, désolée!

Donnie.

Thursday 30th November 2017 at 20:02

D'accord, je le ferais moi-même dans ce cas ^^ Merci c:

Fabule

Thursday 30th November 2017 at 20:03

J'ai hâte de voir ça! c: De rien!
7

Mιss.Miѳη♠

Friday 24th August 2018 at 17:42
Merci pour ce beau thème :) Je prends et je modifie des trucs !
Répondre

Voir les réponses

Fabule

Friday 24th August 2018 at 18:42

De rien, et merci pour le compliment! D'accord! :D
8

Amber Flynn

Thursday 13rd December 2018 at 20:42
Merci pour ce thème! Je l'ai prit pour mon blog texte & je modifie un peu.
Répondre

Voir les réponses

Fabule

Friday 14th December 2018 at 23:40

De rien! :)
9

InSoon

Friday 17th March 2023 at 00:59
Coucou ,

Je me suis permise de te piquer ton beau travail

Merci beaucoup pour ce modèle libre
Répondre
Suivre le flux RSS des commentaires

Add comment

Name / User name:

E-mail (optional):

Website (optional):

Comment:

Contact me in case of response

Thème 3 - Fantasmagoria

Comments