Version 1 : Grecs et Romains

Sujet: Version 1 : Grecs et Romains Lun 22 Avr - 10:42

DESIGN

Headers
https://2img.net/r/hpimg15/pics/118056header1.png
https://2img.net/r/hpimg15/pics/338747header2.png
https://2img.net/r/hpimg15/pics/817468header3.png

Lock/News/No news
Version 1 : Grecs et Romains 721030boutonon

Version 1 : Grecs et Romains 721030boutonon

Version 1 : Grecs et Romains 846229boutonoff

Version 1 : Grecs et Romains 1301200633214748910782261

QEEL

Boutons

Fond catégorie
https://2img.net/r/hpimg11/pics/400044vierge.png

Td class "deco"
Version 1 : Grecs et Romains 1301050202574748910729691

Partenaires
Version 1 : Grecs et Romains 269360part

Avatar par défaut
Version 1 : Grecs et Romains Ava10

Sujet: Re: Version 1 : Grecs et Romains Lun 22 Avr - 10:43

PA

Code:: <table class="pa">
<tr>
   <td style="width: 240px;">
      <form>
         <fieldset class="fieldfo">
            <legend class="legfo"><a class="forumlink" href="http://terre-divine.lebonforum.com/">Staff</a></legend>
               <div class="staff2">
                  <b class="info"><img src="http://nsm08.casimages.com/img/2013/01/30//1301300350284748910814985.png" class="staff" id="un" title="crédit : Sugar Slaughter on Bazzart" /><span class="bubu"><div>Perséphone - Fonda<br/>Présente<br/><a href="http://terre-divine.lebonforum.com/privmsg?mode=post&u=1">MP</a> - <a href="http://terre-divine.lebonforum.com/u1">Profil</a></div></span></b>
                  <b class="info"><img src="http://img42.xooimage.com/files/8/0/f/_ava100hayden10-7c8592.png" class="staff" id="deux"/><span class="bubu"><div>Athéna - Admin<br/>Présente<br/><a href="http://terre-divine.lebonforum.com/privmsg?mode=post&u=4">MP</a> - <a href="http://terre-divine.lebonforum.com/u4">Profil</a></div></span></b>
                  <b class="info"><img src="http://i.imgur.com/Jrirg.png" class="staff" id="trois"/><span class="bubu"><div>Anubis - Modo<br/>Présent<br/><a href="http://terre-divine.lebonforum.com/privmsg?mode=post&u=7">MP</a> - <a href="http://terre-divine.lebonforum.com/u7">Profil</a></div></span></b>
                  <b class="info"><img src="http://nsm08.casimages.com/img/2013/02/21//1302210831074748910889239.png" title="crédit : gentle heart on Bazzart" class="staff" id="quatre"/><span class="bubu"><div>Gemma - Modo<br/>Présence réduite<br/><a href="http://terre-divine.lebonforum.com/privmsg?mode=post&u=6">MP</a> - <a href="http://terre-divine.lebonforum.com/u6">Profil</a></div></span></b>

                  <div class="bulle">
                     <br/><a href="http://terre-divine.lebonforum.com/t23-le-staffounet-divin">Staffounet divin</a>
                  </div>
               </div>
         </fieldset>
      </form>
      <br/>
      <form>
         <fieldset class="fieldfo">
            <legend class="legfo"><a class="forumlink" href="http://terre-divine.lebonforum.com/">Membres du mois</a></legend>
            <table class="membres">
               <tr>
                  <td><img src="http://img11.hostingpics.net/pics/760385JamesFrancojamesfranco26212191100100.png" class="membre" title="crédit : Sugar Slaughter, Bazzart"/></td>
                  <td><b>Hephaïstos~</b> Pour ses RPs du tonnerre et ses votes aux Top-sites ♥</td>
               </tr>
               <tr>
                  <td><img src="http://img11.hostingpics.net/pics/847716Ashley3ashleygreene16223856100100.jpg" class="membre" title="crédit : Anarya, Bazzart"/></td>
                  <td><b>Jennesys~</b> Pour ton flood, et ton aide aux top-sites ♥</td>
               </tr>
            </table>
         </fieldset>
      </form>
   </td>
   <td>
      <form>
         <fieldset class="fieldfo">
            <legend class="legfo"><a class="forumlink" href="http://terre-divine.lebonforum.com/">Contexte</a></legend>
            <div class="text">
            Les Hommes, dispersés aux quatre coins du globe, ont forgé avec le temps d'autres religions, d'autres mythologies. Les mythologies Scandinave, Romaine et Égyptienne. Mais les Hommes, aussi imbus de leur personne que les Dieux, ont fini par se lasser de ceux qu'ils avaient priés, adulés. Alors, ils finirent par ne plus leur accorder la moindre attention, la moindre prière, ni le moindre sacrifice. Peu à peu, les Divinités perdirent de leurs pouvoirs, et, on ne sait encore comment, les Hommes parvinrent à les exiler. Tous, Scandinaves, Égyptiens, Romains ou Grecs, tous confondus, envoyés sur une Terre qui n'appartiendrait qu'à eux, et où ils ne pourraient plus asservir les Hommes. Avec eux, les Hommes ont expulsé les êtres surnaturels tels que les Centaures, les Géants, les Sphynx ou encore les Satyres, afin que la Terre des Hommes ne soit plus souillée par aucun être doté de dons. C'est ainsi que les Héros, croisement entre Divinités et Humains, furent eux aussi exilés. <a href="http://terre-divine.lebonforum.com/t195-le-contexte-mythique">[plus]</a>
            </div>
         </fieldset>
      </form>
   </td>
   <td style="width: 240px;">
      <form>
         <fieldset class="fieldfo">
            <legend class="legfo"><a class="forumlink" href="http://terre-divine.lebonforum.com/">News</a></legend>
            * Ouverture le 22 janvier 2013<br/>
            * Premier design : Grecs et Romains sont à l'honneur ! Pour le commenter, c'est par <a href="http://terre-divine.lebonforum.com/t197-version-1-grecs-et-romains">ici</a> !<br/>
            * La première intrigue est lancée : plus d'informations <a href="http://terre-divine.lebonforum.com/t194-premiere-intrigue-mythique">ici</a>.<br/>
* Premier RP en commun le 08/03/13, <a href="http://terre-divine.lebonforum.com/t218-rp-commun-the-sun-is-lost#2979?tid=c3521191ec1bc52d3962bda8ec6d5a08" class="postlink">là</a></br>
* Premier rescencement terminé le 04/04/13 </br>
         </fieldset>
      </form>
      <br/>
      <form>
         <fieldset class="fieldfo">
            <legend class="legfo"><a class="forumlink" href="http://terre-divine.lebonforum.com/">Nos amis</a></legend>
            <center>
                  <a href="http://willothewisp.forum-canada.net/" class="top" target="_blank" title="WILL O' THE WISP">♣</a>
                  <a href="http://imrunningfromawarzon.weshforum.com/" class="top" target="_blank" title="Under the Rain">♣</a>
                  <a href="http://marvel-legacy.forumactif.org" class="top" target="_blank" title="Marvel Legacy">♣</a>
                  <a href="" class="top" target="_blank" title="A venir">♣</a>
               <br/>
               <a href="http://terre-divine.lebonforum.com/t62-nos-partenaires#735">[plus]</a> <a href="http://terre-divine.lebonforum.com/t61-demande-de-partenariat#734">[vous ?]</a> <a href="http://terre-divine.lebonforum.com/t65-fiche-de-publicite-et-de-partenariat#744">[fiche]</a>
            </center>
         </fieldset>
      </form>
      <br/>
      <form>
         <fieldset class="fieldfo">
            <legend class="legfo"><a class="forumlink" href="http://terre-divine.lebonforum.com/">Disclaimer</a></legend>
            La totalité du forum appartient à <b>Perséphone (Andromaque)</b> et à ses <b>administratrices</b>. Design par <b>Pluplume</b> , codage par <b>sugar plum fairy</b>. Merci de respecter notre travail. <br/>Optimisé pour <b>Firefox</b>.
         </fieldset>
      </form>
   </td>
</tr>
<tr>
   <td colspan="3">
      <div class="lienpa">
         <a href="http://terre-divine.lebonforum.com/t196-le-reglement-mythique" target="_blank" >Règlement</a>
         <a href="http://terre-divine.lebonforum.com/t195-le-contexte-mythique" target="_blank" >Contexte</a>
         <a href="http://terre-divine.lebonforum.com/t17-les-avatars#131" target="_blank" >Bottin</a>
         <a href="http://terre-divine.lebonforum.com/t18-les-groupes#136" target="_blank" >Groupes</a>
         <a href="http://terre-divine.lebonforum.com/f4-les-postes-vacants" target="_blank" >Postes vacants</a>
         <a href="http://terre-divine.lebonforum.com/f91-les-scenarios" target="_blank" >Scénarios</a>
         <a href="http://terre-divine.lebonforum.com/f50-espace-invites" target="_blank" >Invités</a>
      </div>
   </td>
</tr>
<tr>
   <td colspan="3" style="text-align: center; font-size: 14px;">
      N'hésitez pas à commenter notre <a href="http://www.pub-rpg-design.com/t80431-terre-divine-rpgmythologique" target="_blank" >fiche de pub sur PRD</a> pour faire connaître le fofo ! ♥
   </td>
</tr>
</table>

Sujet: Re: Version 1 : Grecs et Romains Lun 22 Avr - 10:44

CSS

Code:: /***** Nous avons passe beaucoup beaucoup beaucoup de temps a coder ce CSS, alors soyez gentils, ne le copiez pas !
Codage par sugar plum fairy (Pub-rpg-design) *****/


            /*** SUR TOUT LE SITE ***/


   /*** Apparence générale bodyline ***/

.bodyline {
border: none !important;
background-color: #A89C2D;
}

body {
background-position: center;
background-repeat: repeat;
background-color: #D4CD92;
}

table.bodylinewidth {
margin: auto;
width: 1026px;
}

   /*** Liens ***/

/* Liens généraux */

a {
text-decoration: none!important;
text-decoration: none;
font-family: Georgia,"Times New Roman",Sherif;
font-variant: small-caps;
}

a:link,a:visited {
text-decoration: none!important;
text-decoration: none;
color: #8A533F;
}

a:hover, a:active, a:focus {
text-decoration: none !important;
text-decoration: none;
color: #a6968c;
}

/* Liens de navigation et "Marquer tous les forums comme lus, etc." et "Pagefooter" */

.marquer a:link, .marquer a:visited, a.nav:link, a.nav:visited, div#page-footer a:link, div#page-footer a:visited, span.nav a:link, span.nav a:visited {
color: #D4CD92;
}

.marquer a:hover, .marquer a:focus, .marquer a:active, a.nav:hover, a.nav:focus, a.nav:active, div#page-footer a:hover, div#page-footer a:focus, div#page-footer a:active, span.nav a:hover, span.nav a:focus, span.nav a:active {
color: #8A533F;
}

table.marquer tr td span a.gensmall, a.nav, .gensmall a, a.gensmall {
font-size: 12px;
}

.nav {
text-align: center;
font-weight: normal;
}

a.nav img {
display: block;
}

   /*** Marges et justifié par défaut ***/

.postbody {
display: block;
text-align:justify;
}

   /*** Suppression "Dernière édition par..." ***/

tr.post span.gensmall {
display: none;
}

            /*** BARRE DE NAVIGATION ***/


html>body .navtop {
position: fixed
}

.navtop {
position: absolute;
top: 0px;
left: 0px;
text-align: center;
vertical-align: center;
background-color: #D4CD92;
padding: 4px;
margin: 0px;
width: 100%;
border-bottom: 1px solid #857C2D;
z-index: 999;
}

a.mainmenu, a.mainmenu:link, a.mainmenu:hover, a.mainmenu:active, a.mainmenu:focus, a.mainmenu:visited {
font-size: 14px;
text-align: center;
font-family: Georgia,"Times New Roman",Sherif;
font-weight: bold;
text-transform : uppercase;
}

.mainmenu img {
display: none;
}


            /*** BANNIERE ***/


#i_logo
{
width: 1000px;
position: relative;
top: 20px;
}

            /*** AFFICHAGE DES FORUMS ET CATEGORIES ***/

   /*** Catégorie ***/

th.secondarytitle {
background-image: url('http://img11.hostingpics.net/pics/400044vierge.png');
height: 193px;
width: 750px;
position: relative;
}

th.secondarytitle h2 {
display: block;
font-size: 40px;
color: #857C2D;
font-family: 'Quintessential', Serif;
text-shadow: 2px 1px 0px #a6968c;
font-weight: normal;
text-align: right;
margin-right: 110px;
margin-top: 40px;
font-variant: normal;
letter-spacing: 0;
}

th.secondarytitle h2:hover {
margin-right: 70px;
}

   /*** Forums ***/

/* Pour les blocs : effet de changement de fond au lieu de l'opacité, bordure */

.fieldfo:hover, .lastpost:hover, div.infogroupe:hover, .staff2 b.info:hover span.bubu {
background: #F3F1E7;
}

.fieldfo, .lastpost, div.infogroupe {
background: #D4CD92;
border: 1px dotted #8A533F;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
}

/* Table */

table.forumline {
margin: auto;
margin-top: 40px;
border-collapse: collapse;
max-width: 750px;
}

table.forumline td.colonne1, table.forumline td.colonne2, table.forumline td.colonne3 {
padding: 15px;
padding-bottom: 30px;
padding-top: 0px;
}

table.forumline td.colonne1 {
vertical-align: middle;
margin: auto;
padding-left: 30px;
}

table.forumline td.colonne3 {
padding-right: 30px;
}

table.forumline td.colonne2, table.forumline td.colonne3 {
vertical-align: bottom;
}

/* Form */

.fieldfo {
padding-top: 5px;
}

/* Nom forum */

.legfo {
padding-left: 5px;
padding-right: 5px;
margin-left: 20px;
}

a.forumlink:link, a.forumlink:visited, .partie {
font-size: 20px;
line-height: 16px;
color: #8A533F;
font-family: 'Quintessential', Georgia,"Times New Roman",Sherif;
font-weight: bold;
text-transform : uppercase;
letter-spacing: 2px;
display: block;
text-shadow: 1px 1px 0px #a6968c;
}
a.forumlink:link, a.forumlink:visited {
text-align: left;
}
a.forumlink:hover, a.forumlink:focus, a.forumlink:active, .partie:hover {
color: #a6968c;
text-shadow: 1px 1px 0px #8A533F;
}

/* Description et sous-forums */

.fieldfo table.fofo td {
vertical-align: top;
}

.descripfo, .sousfo {
height: 60px;
overflow: auto;
padding-right: 10px;
}

td.fofo {
width: 60%;
}

/* Description */

.descripfo {
border-right: 1px solid #8A533F;
text-align: justify;
}
.descripfo strong {
color: #8A533F;
letter-spacing: 2px;
}
/* Sous-forum */

.lienmodo {
}

.sousfo {
text-align: left;
}

.sousfo2 {
visibility: hidden;
line-height: 4px;
}

.sousfo2 a {
visibility: visible;
display: block;
font-size: 12px;
line-height: 12px;
}

.sousfo2 a:before {
content: "* ";
color: black;
}

/* Colonne derniers messages */

.lastpost {
width: 150px;
padding: 10px;
height: 75px;
overflow: auto;
vertical-align: center;
}

            /*** BOUTONS, ZONES DE TEXTE, ETC. ***/

input, select, textarea {
color : #000000;
font: normal 11px Verdana;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
padding: 5px;
}
textarea, select {
border-left: 3px solid #8A533F;
border-right: 3px solid #8A533F;
border-top: none;
border-bottom: none;
}
input {
border: none;
}
textarea:hover, select:hover {
border-left: 3px solid #A6968C;
border-right: 3px solid #A6968C;
}

#text_editor_iframe, input.post, select, textarea.inputbox, textarea.post, textarea, select, option, input {
background-color: #F3F1E7;
}


            /*** AFFICHAGE DES MESSAGES ***/


td.cat, td.catBottom, td.catHead, td.catLeft, td.catRight, td.catSides {
border-style: none;
}

td.catRight, td.row3Right, th.thRight, td.row3Right, td.spaceRow {
border-style: none;
}

th, h1.cattitle {
font-size: 12px;
text-decoration: none!important;
text-decoration: none;
font-family: Georgia,"Times New Roman",Sherif;
font-variant: small-caps;
text-align:center;
font-weight: bold;
color: #D4CD92;
}

th.thBottom,th.thCornerL,th.thCornerR, th.thHead,th.thLeft,th.thRight,th.thSides,th.thTop {
border: none;
}


            /*** QEEL ***/


table#tableqeel td table.connectes td.row1 {
text-align: left;
padding: 0px;
}
table#tableqeel {
background-color: #D4CD92;
width: 750px;
margin: auto;
}
table#tableqeel td {
padding: 20px;
}

td.gauche {
text-align: center;
width: 376px;
}
td.droite {
border-left: 1px solid #8A533F;
padding-left: 10px;
}

   /*** Si groupes automatiques
td.gauche {
visibility: hidden;
}
td.gauche a {
visibility: visible;
display: inline-block;
font-size: 14px;
margin: 5px;
white-space: nowrap;
}
td.gauche b a {
font-weight: normal;
}
td.gauche b a:hover {
text-shadow: 1px 1px 0px white ;
}
   ***/


   /*** Si groupes infobulles ***/

table#tableqeel td table.groupes td {
padding-top: 0px;
padding-bottom: 0px;
padding-left: 5px;
padding-right: 5px;
}
table#tableqeel td table.groupes {
margin: 10px;
}
div.groupes {
position: relative;
}

div.groupes a.infogrp {
font-weight: normal;
font-size: 14px;
text-align: center;
font-family: Georgia,"Times New Roman",Sherif;
margin-left: 10px;
margin-right: 10px;
display: inline-block;
text-transform: uppercase;
}

div.groupes a.infogrp span {
display: none;
text-transform: none;
background: #D4CD92;
}

div.groupes a:hover {
background-color: none;
z-index: 500;
text-shadow: 1px 1px 0px white;
}

div.groupes a.infogrp:hover span {
position: absolute;
top: 53px;
left: 68px;
font-family: Verdana,Arial,Helvetica,sans-serif;
color: black;
font-size: 10px;
font-variant: normal;
text-shadow: none;
width: 240px;
height: 40px;
display: block;
}

div.infogroupe {
width: 240px;
height: 30px;
padding: 10px;
height: 40px;
margin: auto;
}


div.groupes a.plusdinfo {
position: relative;
bottom: 4px;
font-family: Verdana,Arial,Helvetica,sans-serif;
color: black;
font-size: 10px;
font-variant: normal;
text-transform: lowercase;
display: inline-block;
}


            /*** PV, MESSAGES OFFICIELS, PRESENTATIONS ***/

.credits span {
-webkit-border-bottom-right-radius: 20px;
-webkit-border-bottom-left-radius: 20px;
-moz-border-radius-bottomright: 20px;
-moz-border-radius-bottomleft: 20px;
border-bottom-right-radius: 20px;
border-bottom-left-radius: 20px;
}
.credits span.cred1, .statut {
text-transform: uppercase;
font-family: 'Quintessential', Georgia, "Times New Roman", Sherif;
font-size: 18px;
color: #F3F1E7;
}
.credits:hover span.cred1 {
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}

.credits span.cred2 {
visibility: hidden;
}
.credits:hover span.cred2 {
visibility: visible;
}

.credits span, .statut {
background: #A89C2D;
text-align: center;
display: block;
padding: 5px;
}

.statut {
-webkit-border-top-left-radius: 20px;
-webkit-border-top-right-radius: 20px;
-moz-border-radius-topleft: 20px;
-moz-border-radius-topright: 20px;
border-top-left-radius: 20px;
border-top-right-radius: 20px;
width: 300px;
position: relative;
top: 20px;
}

.credits {
display: block;
width: 300px;
position: relative;
bottom: 20px;
}

.PVstructure {
background-color: #D4CD92;
border: 5px solid #A89C2D;
padding: 35px 20px 35px 20px;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
-moz-box-shadow: 3px 3px 5px #a6968c;
-webkit-box-shadow: 3px 3px 5px #a6968c;
box-shadow: 3px 3px 5px #a6968c;
font-size: 12px;
line-height: 14px;
}

.nompv, .celeb, .texte, .lien1, .lien2, .pres1, .pres2, .texto, .textomaj {
background: #F3F1E7;
}

.nompv, .celeb {
text-align:center;
color: #A89C2D;
display: inline-block;
font-family: 'Quintessential', Georgia, "Times New Roman", Sherif;
}

.nompv {
font-size:36px;
text-transform: uppercase;
padding: 15px;
margin: 0px 15px 15px 15px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
text-shadow: 1px 1px 0px #a6968c;
line-height: 30px;
}

.celeb {
font-size:24px;
padding: 5px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
position: relative;
bottom: 15px;
}

img.imgpv {
-webkit-border-radius: 40px;
-moz-border-radius: 40px;
border-radius: 40px;
border-width: 5px;
border-style: solid;
width: 500px;
}

.iconpv {
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
border-width: 3px;
border-style: solid;
margin-left:20px;
margin-right:20px;
z-index: 100;
height: 100px;
width: 100px;
}
img.imgpv, .iconpv {
border-color: #8A533F;
}

img.imgpv:hover, .iconpv:hover {
border-color: #F3F1E7;
}

.texte, .texto, .textomaj {
text-align:justify;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
.texte {
margin: 10px;
padding:10px;
}
.texte strong, .lien1 i, .lien2 i, .demidieu i {
font-family: 'Quintessential', Georgia, "Times New Roman", Sherif;
font-variant: small-caps;
color: #A89C2D;
font-size: 14px;
}

.demidieu span {
margin-left: 10px;
}
.demidieu span:before {
content: "* ";
color: #8A533F;
font-weight: bold;
}
.lien1, .lien2 {
overflow:auto;
height:120px;
width:120px;
z-index:1;
padding: 5px;
text-align:justify;
}
.lien1 {
margin-left:-45px;
padding-left: 35px;
-webkit-border-top-left-radius: 25px;
-webkit-border-bottom-left-radius: 25px;
-moz-border-radius-topleft: 25px;
-moz-border-radius-bottomleft: 25px;
border-top-left-radius: 25px;
border-bottom-left-radius: 25px;
border-left: 5px solid #8A533F;
}

.lien2 {
margin-right:-45px;
padding-right:35px;
-webkit-border-top-right-radius: 25px;
-webkit-border-bottom-right-radius: 25px;
-moz-border-radius-topright: 25px;
-moz-border-radius-bottomright: 25px;
border-top-right-radius: 25px;
border-bottom-right-radius: 25px;
direction: rtl;
border-right: 5px solid #8A533F;
}
.inlien2 {
direction: ltr;
text-align: justify;
display: block;
}

.PVstructure table td .partie {
text-align: center;
}
.partie {
position: relative;
top: 7px;
text-align: center;
}

.pres1, .pres2 {
width: 350px;
z-index:1;
text-align:justify;
}

.pres1 {
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
-webkit-border-top-left-radius: 40px;
-webkit-border-bottom-left-radius: 40px;
-moz-border-radius-topleft: 40px;
-moz-border-radius-bottomleft: 40px;
border-top-left-radius: 40px;
border-bottom-left-radius: 40px;
margin-left: -60px;
padding: 10px 5px 5px 50px;
border-left: 5px solid #8A533F;
}

.pres2 {
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
-webkit-border-top-right-radius: 40px;
-webkit-border-bottom-right-radius: 40px;
-moz-border-radius-topright: 40px;
-moz-border-radius-bottomright: 40px;
border-top-right-radius: 40px;
border-bottom-right-radius: 40px;
margin-right: -60px;
padding: 10px 50px 5px 5px;
border-right: 5px solid #8A533F;
}

.texto, .textomaj {
padding: 10px 5px 5px 5px;
}

.textomaj:first-letter{
float: left;
margin-right: 5px;
font-family: 'Quintessential', Georgia, "Times New Roman", Sherif;
color: #A89C2D;
font-size:36px;
text-transform: uppercase;
text-shadow: 1px 1px 0px #a6968c;
}

tr td.deco {
background-image: url('http://nsm08.casimages.com/img/2013/01/05//1301050202574748910729691.png');
width: 91px;
height: 132px;
background-repeat: no-repeat;
background-position: center center;
filter:alpha(opacity=60);
-moz-opacity: 0.6;
opacity: 0.6;
}
tr:hover td.deco {
filter:alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
}

table.relation {
background: #F3F1E7;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
}

table.relation .izquierda img.ava {
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
border: 5px solid #D4CD92;
height: 320px;
width: 200px;
}

table.relation .izquierda div {
padding: 0px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
border: 5px solid #D4CD92;
height: 200px;
width: 200px;
}

table.relation .izquierda div img {
height: 100px;
width: 100px;
}

table.relation td.izquierda {
padding: 5px 0px 5px 5px;
}
table.relation td.derecha {
padding: 5px;
text-align: justify;
}

.derecha fieldset {
background: #D4CD92;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
border-left: 3px solid #8A533F;
border-right: 3px solid #8A533F;
border-top: none;
border-bottom: none;
margin: 5px;
}

.derecha fieldset:hover {
border-left: 3px solid #A6968C;
border-right: 3px solid #A6968C;
}

.derecha select {
background-color: #D4CD92;
}

div.imgrp {
padding: 0px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
border: 5px solid #A89C2D;
height: 320px;
width: 400px;
}
div.imgrp:hover {
border-color: #F3F1E7;
}

div.imgrp img {
height: 320px;
width: 200px;
}

            /*** CODES, SPOILER, CITER ***/


.quote, .code, .spoiler_content, .spoiler_closed {
font-size: 12px;
color: #000000;
background-color: #F3F1E7;
width: 100%;
padding: 5px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
-moz-box-shadow: 3px 3px 5px #a6968c;
-webkit-box-shadow: 3px 3px 5px #a6968c;
box-shadow: 3px 3px 5px #a6968c;
}

.quote{
}

.code{
font-family: Courier,Courier New,sans-serif;
}

.spoiler_closed{
}

            /*** PROFIL ***/

.name {
font-size: 12px;
}
.name strong.posternom a:link, .name strong.posternom a:visited {
text-shadow: none;
font-size: 14px;
font-variant: normal;
text-transform: uppercase;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
display: block;
background: #D4CD92;
width: 210px;
padding-top: 5px;
padding-bottom: 5px;
margin-top: 5px;
margin-bottom: 5px;
}
.name strong.posternom a:hover, .name strong.posternom a:active, .name strong.posternom a:focus {
text-shadow: 1px 1px 0px white;
}
span.Avatar img, span.postdetails.poster-profile img {
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
filter:alpha(opacity=90);
-moz-opacity: 0.9;
opacity: 0.9;
}
span.Avatar img {
width: 200px;
height: 320px;
}
span.Avatar img:hover, span.postdetails.poster-profile img:hover {
filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
}

span.postdetails.poster-profile img {
width: 200px;
max-height: 200px;
}

.cadre1 {
padding: 5px;
background: #F3F1E7;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
margin: 5px;
-moz-box-shadow: 3px 3px 5px #a6968c;
-webkit-box-shadow: 3px 3px 5px #a6968c;
box-shadow: 3px 3px 5px #a6968c;
}

.cadre2 {
background: #D4CD92;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
padding: 5px;
}

.cadre3 {
background: #D4CD92;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
padding: 5px;
border: 5px solid #F3F1E7;
margin: 5px;
-moz-box-shadow: 3px 3px 5px #a6968c;
-webkit-box-shadow: 3px 3px 5px #a6968c;
box-shadow: 3px 3px 5px #a6968c;
}

.cadre2, .cadre3 {
width: 200px;
}

div.profil, div.ficherpg {

}

div.profil {
text-align: left;
}
div.ficherpg {

}
div.ficherpg a {
font-size: 12px;
text-align: center;
position: relative;
bottom: 6px;
}

.imgrang img, .nomrang img {
filter:alpha(opacity=80);
-moz-opacity: 0.8;
opacity: 0.8;
}
.imgrang img:hover, .nomrang img:hover {
filter:alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
}

.nomrang {
}
.profil .label {
}
.profil .postdetails.poster-profile .label:before {
content: "* ";
color: #8A533F;
font-weight: bold;
}
.profil .content{
}
.profil .separator{
}


            /*** PAGE D'ACCUEIL ***/


   /* Général */

table.pa {
width: 744px;
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: 11px;
text-align: justify;
}

table.pa a {
font-size: 12px;
}

table.pa td {
vertical-align: top;
padding: 5px;
}

   /* Contexte */

.text {
text-align: justify;
height: 290px;
overflow: auto;
padding-right: 5px;
}

   /* Images staffs et membres du mois */

img.staff, img.membre {
width: 50px;
height: 50px;
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
border-radius: 50px;
filter:alpha(opacity=70);
-moz-opacity: 0.7;
opacity: 0.7;
transform: rotate(0deg);
-moz-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
-khtml-transform: rotate(0deg);
}

img.staff:hover, img.membre:hover {
filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
transform: rotate(360deg);
-moz-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-khtml-transform: rotate(360deg);
}

   /* Superposition images staff */

.staff2 img#un {
position: relative;
right: 0px;
z-index: 10;
}

.staff2 img#deux {
position: relative;
right: 10px;
z-index: 20;
}

.staff2 img#trois {
position: relative;
right: 20px;
z-index: 30;
}

.staff2 img#quatre {
position: relative;
right: 30px;
z-index: 40;
}

   /* Infobulle staff */

.staff2 {
position: relative;
left: 15px;
text-align: center;
z-index: 5;
height: 105px;
}

.staff2 .bulle, span.bubu div {
z-index: 1;
height: 40px;
width: 150px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}

.staff2 .bulle {
position: absolute;
top: 55px;
left: 15px;
}

span.bubu div {
position: relative;
top: 5px;
}

.staff2 b.info span.bubu {
display: none;
}

.staff2 b.info:hover {
background: none;
z-index: 500;

}
.staff2 b.info:hover span.bubu {
display: inline;
position: absolute;
height: 50px;
width: 150px;
position: absolute;
top: 50px;
left: 15px;
z-index: 500;
font-weight: normal;
font-style: normal;
}

   /* Liens pratiques */

.lienpa {
text-align: center;
padding: 5px;
}

.lienpa a {
margin: 5px;
padding: 4px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
color: #F3F1E7;
text-transform: uppercase;
font-variant: normal;
font-size: 14px;
-moz-box-shadow: 3px 3px 5px #a6968c;
-webkit-box-shadow: 3px 3px 5px #a6968c;
box-shadow: 3px 3px 5px #a6968c;
}

.lienpa a:link, .lienpa a:visited {
background: #857C2D;
}

.lienpa a:hover, .lienpa a:active, .lienpa a:focus {
background: #A89C2D;
}

   /* Membres du mois */

table.membres td {
vertical-align: middle;
}

   /* Liens Top sites et Top partenaires */

a.top, a.top:link, a.top:visited {
font-size: 18px;
color: #a6968c;
text-shadow: 1px 1px 0px #8A533F;
position: relative;
bottom: 3px;
}

a.top:active, a.top:focus, a.top:hover {
text-shadow: 1px 1px 0px #a6968c;
color: #8A533F;
}

         /*** TRANSITIONS ***/

span.postdetails.poster-profile img, span.postdetails.poster-profile img:hover, .imgrang img, .nomrang img, .imgrang img:hover, .nomrang img:hover, th.secondarytitle h2, th.secondarytitle h2:hover, tr:hover td.deco, tr td.deco, .fieldfo, .fieldfo:hover, .lastpost:hover, .lastpost, div.infogroupe, a:link, a:visited, a:hover, a:active, a:focus, img.imgpv, .iconpv, img.imgpv:hover, .iconpv:hover, span.Avatar img, span.Avatar img:hover, textarea, select, textarea:hover, select:hover, .derecha fieldset, .derecha fieldset:hover, div.imgrp, div.imgrp:hover, img.staff, img.membre, img.staff:hover, img.membre:hover, .partie, .partie:hover {
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease;
}


/*LISTE MEMBRES*/
.avatar.mini, .avatar.mini img {
width: 44px;
height: 70px;}

/* SIGNATURE */
.signa { width: 206px; padding: 2px; text-align: center; line-height: 10px; }
.signa a { font-family: "Trebuchet MS",Arial,Sherif; color: black; }
.signa span { letter-spacing: -2px; font-weight: bold; font-style: italic; font-family: "Georgia",Arial,Sherif; font-size: 14px; color: black; }

/* CHATBOX */
#chatbox_header .cattitle strong { display: none; }
#chatbox_header .cattitle:before {
content: "Parle moi t'auras mon Nutella";
}

/* INFOBULLE ARBRE GENEALOGIQUE */

.arbre {
position: relative;
}
.arbre div {
position: absolute;
}
.arbre div span {
position: relative;
}
.arbre div span span {
display: none;
}
.arbre div span:hover {
background: none;
z-index: 500;
}
.arbre div span:hover span {
display: inline;
position: absolute;
white-space: nowrap;
top: -10px;
left: 20px;
background: white;
}

Sujet: Re: Version 1 : Grecs et Romains Lun 22 Avr - 10:44

TEMPLATE : index_box

Code:: <table style="width: 750px; margin: auto;" class="marquer" border="0" cellspacing="1" cellpadding="0" align="center">
<tr>
   <td valign="bottom">
      
      <span class="gensmall">{LAST_VISIT_DATE}<br />
      {CURRENT_TIME}<br />
      </span>
      
      <div class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC}</div>
   </td>
   <td class="gensmall" align="right" valign="bottom">
      
      <a class="gensmall" href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a><br />
      <a class="gensmall" href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a><br />
      
      <a class="gensmall" href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a>
   </td>

</tr>
</table>
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
<tr>
   <th colspan="3" nowrap="nowrap" width="100%" class="secondarytitle"> {catrow.tablehead.L_FORUM} </th>
</tr>



<tr>
   
   <td class="{catrow.cathead.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>
   
   <td class="{catrow.cathead.CLASS_CAT}" colspan="{catrow.cathead.INC_SPAN}" width="100%">
      <h{catrow.cathead.LEVEL} class="hierarchy">
         <span class="cattitle">
            <a class="cattitle" title="{catrow.cathead.CAT_DESC}" href="{catrow.cathead.U_VIEWCAT}">{catrow.cathead.CAT_TITLE}</a>
         </span>
      </h{catrow.cathead.LEVEL}>
   </td>
   <td class="{catrow.cathead.CLASS_ROWPIC}" colspan="3" align="right"> </td>
</tr>


<tr>
   
   <td class="{catrow.forumrow.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" alt="." /></td>
   
   <td class="{catrow.forumrow.INC_CLASS} colonne1" align="center" valign="middle" style="width: 100px;">
      <img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
   </td>
   <td class="row1 over colonne2" colspan="{catrow.forumrow.INC_SPAN}" valign="top" width="100%" height="50">

      <form>
      <fieldset class="fieldfo">
         <legend nowrap="nowrap" class="legfo">
               <h{catrow.forumrow.LEVEL} class="hierarchy">
                  <span class="forumlink">
                     <a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a>
                  </span>
               </h{catrow.forumrow.LEVEL}>
         </legend>
         <table style="width: 100%;" class="fofo"><tr>
            <td class="fofo">
               <span class="genmed"><div class="descripfo">{catrow.forumrow.FORUM_DESC}</div></span>
            </td>
            <td>
               <span class="gensmall">
                  
                  <div class="lienmodo">{catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}</div>
                  
                  <div class="sousfo"><div class="sousfo2">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div></div>
               </span>
            </td>
         </tr></table>
      </fieldset>
      </form>

   </td>

   <td class="row3 over colonne3" align="center" valign="middle" height="50">
   <div class="lastpost">
   <span class="gensmall">{catrow.forumrow.LAST_POST}<br/><br/>
      <b>{catrow.forumrow.POSTS}</b> messages | <b>{catrow.forumrow.TOPICS}</b> sujets</span>
   </div>
   </td>
</tr>


<tr>
   
   <td class="{catrow.catfoot.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>
   
   <td class="spaceRow" colspan="{catrow.catfoot.INC_SPAN}" height="1"><img src="{SPACER}" alt="" height="1" width="1" /></td>
</tr>


</table><img src="{SPACER}" alt="" height="5" width="1" />

Sujet: Re: Version 1 : Grecs et Romains Lun 22 Avr - 10:45

TEMPLATE : index_body

Code:: {JAVASCRIPT}

<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">

<tr>
   <th class="secondarytitle"><h2>{message_admin_index.message_admin_titre.MES_TITRE}</h2></th>
</tr>


<tr>
   <td class="row1" rowspan="3" align="center" valign="middle">
   <div class="gensmall">{message_admin_index.message_admin_txt.MES_TXT}</div>
   </td>
</tr>

</table>



<form action="{S_LOGIN_ACTION}" method="post" name="form_login">

<table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
   <tr>
      <td class="row1" align="center">
         <table border="0" cellspacing="0" cellpadding="0">
            <tr>
               <td><span class="genmed">{L_USERNAME}:</span> </td>
               <td><input class="post" type="text" size="10" name="username"/> </td>
               <td>
                  <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
                  <span class="gensmall">{L_AUTO_LOGIN}</span>
               </td>
            </tr>

            <tr>
               <td><span class="genmed">{L_PASSWORD}:</span> </td>
               <td><input class="post" type="password" size="10" name="password"/> </td>
               <td>{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></td>
            </tr>
         </table>
      </td>
   </tr>
</table>



<table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
   <tr>
      <td valign="top" width="100%" class="row1" align="center">
         <table width="100%">
            <tr>
               <td width="55%" valign="middle" align="right">
                  <table class="right">
                     <tr>
                        <td><span class="genmed">{L_USERNAME}:</span> </td>
                        <td><input class="post" type="text" size="10" name="username"/> </td>
                        <td>
                           <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
                           <span class="gensmall">{L_AUTO_LOGIN}</span>
                        </td>
                     </tr>

                     <tr>
                        <td><span class="genmed">{L_PASSWORD}:</span> </td>
                        <td><input class="post" type="password" size="10" name="password"/> </td>
                        <td>{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></td>
                     </tr>
                  </table>
               </td>
               <td width="10%" align="center" valign="middle">
                  <span class="genmed fb_or">{switch_user_login_form_header.switch_fb_connect.L_OR}</span>
               </td>
               <td width="35%" class="align_gauche"><fb:login-button size="large" onlogin="window.location='/facebook_connect.forum'" v="2" scope="{switch_user_login_form_header.switch_fb_connect.L_FB_PERMISSIONS}">{switch_user_login_form_header.switch_fb_connect.L_FB_LOGIN_BUTTON}</fb:login-button></td>
            </tr>
         </table>
      </td>
   </tr>
</table>

</form>


{CHATBOX_TOP}
{BOARD_INDEX}
<br/><br/>
<table style="width: 750px; margin: auto;" class="marquer" border="0" cellspacing="0" cellpadding="0">
<tr>
   <td width="50%" valign="top">
      
      <span class="gensmall"><a href="{U_MARK_READ}" class="gensmall">{L_MARK_FORUMS_READ}</a>
      
      
      <br /><a href="{switch_delete_cookies.U_DELETE_COOKIES}" class="gensmall">{switch_delete_cookies.L_DELETE_COOKIES}</a>
      
      </span>
   </td>
   <td width="50%" align="right">
      <span class="gensmall">
         <a href="{U_TODAY_ACTIVE}" class="gensmall">{L_TODAY_ACTIVE}</a><br />
         <a href="{U_TODAY_POSTERS}" class="gensmall">{L_TODAY_POSTERS}</a><br />
         <a href="{U_OVERALL_POSTERS}" class="gensmall">{L_OVERALL_POSTERS}</a>
         
            
            <br /><a href="{switch_on_index.switch_delete_cookies.U_DELETE_COOKIES}" class="gensmall">{switch_on_index.switch_delete_cookies.L_DELETE_COOKIES}</a>
            
         
      </span>
   </td>
</tr>
</table>
<br/><br/>


<form action="{S_LOGIN_ACTION}" method="post" name="form_login">

<table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
   <tr>
      <td class="row1" align="center">
         <table border="0" cellspacing="0" cellpadding="0">
            <tr>
               <td><span class="genmed">{L_USERNAME}:</span> </td>
               <td><input class="post" type="text" size="10" name="username"/> </td>
               <td>
                  <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
                  <span class="gensmall">{L_AUTO_LOGIN}</span>
               </td>
            </tr>

            <tr>
               <td><span class="genmed">{L_PASSWORD}:</span> </td>
               <td><input class="post" type="password" size="10" name="password"/> </td>
               <td>{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></td>
            </tr>
         </table>
      </td>
   </tr>
</table>



<table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
   <tr>
      <td valign="top" width="100%" class="row1" align="center">
         <table width="100%">
            <tr>
               <td width="55%" valign="middle">
                  <table class="right">
                     <tr>
                        <td><span class="genmed">{L_USERNAME}:</span> </td>
                        <td><input class="post" type="text" size="10" name="username"/> </td>
                        <td>
                           <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
                           <span class="gensmall">{L_AUTO_LOGIN}</span>
                        </td>
                     </tr>

                     <tr>
                        <td><span class="genmed">{L_PASSWORD}:</span> </td>
                        <td><input class="post" type="password" size="10" name="password"/> </td>
                        <td>{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></td>
                     </tr>
                  </table>
               </td>
               <td width="10%" align="center" valign="middle">
                  <span class="genmed fb_or">{switch_user_login_form_footer.switch_fb_connect.L_OR}</span>
               </td>
               <td width="35%" class="align_gauche"><fb:login-button size="large" onlogin="window.location='/facebook_connect.forum'" v="2" scope="{switch_user_login_form_footer.switch_fb_connect.L_FB_PERMISSIONS}">{switch_user_login_form_footer.switch_fb_connect.L_FB_LOGIN_BUTTON}</fb:login-button></td>
            </tr>
         </table>
      </td>
   </tr>
</table>

</form>




<table class="forumline" id="tableqeel" border="0" cellspacing="1" cellpadding="0">
<tr>
   <td colspan="2" style="text-align: center;">
      <img src="{L_ONLINE_IMG}" id="i_whosonline" alt="{L_WHO_IS_ONLINE}"/>
   </td>
</tr>
<tr>
   <td class="gauche">
      <div class="groupes">

<table class="groupes"><tr>
<td>
   <a class="infogrp" style="color: #852979;" href="http://terre-divine.lebonforum.com/g3-egyptiens">Egyptiens
   <span>Les Egyptiens ne sont autre que les Demi Dieux et les Divinités venant de la mythologie égyptienne.</span></a>
   <a class="plusdinfo" href="http://terre-divine.lebonforum.com/t13-la-mythologie-egyptienne">Plus d'info</a>
</td>
<td>
   <a class="infogrp" style="color: #244969;" href="http://terre-divine.lebonforum.com/g5-grecs">Grecs
   <span>Les Grecs ne sont autre que les Demi Dieux et les Divinités venant de la mythologie grecque.</span></a>
   <a class="plusdinfo" href="http://terre-divine.lebonforum.com/t15-la-mythologie-grecque-romaine">Plus d'info</a>
</td>
<td>
   <a class="infogrp" style="color: #825334;" href="http://terre-divine.lebonforum.com/g6-romains">Romains
   <span>Les Romains ne sont autre que les Demi Dieux et les Divinités venant de la mythologie romaine.</span></a>
   <a class="plusdinfo"href="http://terre-divine.lebonforum.com/t15-la-mythologie-grecque-romaine">Plus d'info</a>
</td>
</tr></table>

<div class="infogroupe">
<span class="gensmall">Pour en savoir plus sur les groupes, rendez-vous <a href="http://terre-divine.lebonforum.com/t18-les-groupes#136">ici</a> !</span>
</div>

<table class="groupes"><tr>
<td>
   <a class="infogrp" style="color: #3A6334;" href="http://terre-divine.lebonforum.com/g4-scandinaves">Scandinaves
   <span>Les Scandinaves ne sont autre que les Demi Dieux et les Divinités venant de la mythologie scandinave.</span></a>
   <a class="plusdinfo"href="http://terre-divine.lebonforum.com/t11-la-mythologie-scandinave">Plus d'info</a>
</td>
<td>
   <a class="infogrp" style="color: #392145;" href="http://terre-divine.lebonforum.com/g8-creatures">Créatures
   <span>Le groupe des Créatures rassemble toute créature de toutes mythologies confondues.</span></a>
   <a class="plusdinfo"href="http://terre-divine.lebonforum.com/t8-les-creatures-mythiques">Plus d'info</a>
</td>
<td>
   <a class="infogrp" style="color: #5E5858;" href="http://terre-divine.lebonforum.com/g7-humains">Humains
   <span>Les Humains sont ceux qui ont choisi de suivre les Divinités et leurs descendants sur Néméïl.</span></a>
   <a class="plusdinfo" href="annexe humain">Plus d'info</a>
</td>
</tr></table>

      </div>
   </td>
   <td class="droite">

      <span class="gensmall">{TOTAL_USERS}. {TOTAL_POSTS}. {NEWEST_USER}.<br/><br/>
      {TOTAL_USERS_ONLINE}. <br/>{LOGGED_IN_USER_LIST}<br/>

      <table class="connectes">{L_CONNECTED_MEMBERS}</table><br/>


      <span class="gensmall">{TOTAL_CHATTERS_ONLINE} : {CHATTERS_LIST}<br />
         
         <div id="chatbox_popup"></div>
         <script type="text/javascript">
         //<![CDATA[
         insertChatBoxPopup('{disable_viewonline.switch_chatbox_activate.switch_chatbox_popup.U_FRAME_CHATBOX}', '{L_CLICK_TO_JOIN_CHAT}');
         //]]>
         </script>
         
      </span>


   </td>
</tr>
</table>



{CHATBOX_BOTTOM}
<br clear="all" />

<table border="0" cellspacing="3" cellpadding="0" align="center">
<tr>
   <td align="center" width="20"><img src="{FORUM_NEW_IMG}" alt="{L_NEW_POSTS}" /></td>
   <td><span class="gensmall">{L_NEW_POSTS}</span></td>
   <td></td>
   <td align="center" width="20"><img src="{FORUM_IMG}" alt="{L_NO_NEW_POSTS}" /></td>
   <td><span class="gensmall">{L_NO_NEW_POSTS}</span></td>
   <td>  </td>
   <td align="center" width="20"><img src="{FORUM_LOCKED_IMG}" alt="{L_FORUM_LOCKED}" /></td>
   <td><span class="gensmall">{L_FORUM_LOCKED}</span></td>
</tr>
</table>


{AUTO_DST}


<div id="fb-root"></div>
<script type="text/javascript">
//<![CDATA[
FB.init({
appId: '{switch_fb_index_login.FACEBOOK_APP_ID}',
   status: true,
   cookie: true,
   xfbml: true,
oauth: true
});
//]]>
</script>

Sujet: Re: Version 1 : Grecs et Romains Lun 22 Avr - 10:45

TEMPLATE : overall_header

Code:: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="{S_CONTENT_DIRECTION}" id="min-width" lang="{L_LANG_HTML}" xml:lang="{L_LANG_HTML}" {NAMESPACE_FB_LIKE} {NAMESPACE_FB} {NAMESPACE_BBCODE}>
<head>
<title>{SITENAME_TITLE}{PAGE_TITLE}</title>
<link href='http://fonts.googleapis.com/css?family=Quintessential&subset=latin,latin-ext' rel='stylesheet' type='text/css'>
<meta http-equiv="content-type" content="text/html; charset={S_CONTENT_ENCODING}" />
<meta http-equiv="content-script-type" content="text/javascript" />
<meta http-equiv="content-style-type" content="text/css" />

<meta http-equiv="X-UA-Compatible" content="IE={switch_compat_meta.VERSION}" />


<link rel="canonical" href="{switch_canonical_url.CANONICAL_URL}" />

{META_FAVICO}
{META}
{META_FB_LIKE}
<meta name="title" content="{SITENAME_TITLE}{PAGE_TITLE}" />
{T_HEAD_STYLESHEET}
{CSS}
<link rel="search" type="application/opensearchdescription+xml" href="/improvedsearch.xml" title="{SITENAME}" />
<link rel="search" type="application/opensearchdescription+xml" href="{URL_BOARD_DIRECTORY}/search/improvedsearch.xml" title="{SEARCH_FORUMS}" />
<script src="{JQUERY_PATH}" type="text/javascript"></script>
<script src="{JS_DIR}{L_LANG}.js" type="text/javascript"></script>


<script src="http://connect.facebook.net/{switch_fb_login.FB_LOCAL}/all.js" type="text/javascript"></script>
<script src="{switch_fb_login.JS_FB_LOGIN}" type="text/javascript"></script>



<link type="text/css" rel="stylesheet" href="{JS_DIR}jquery/ticker/ticker.css" />
<script src="{JS_DIR}jquery/ticker/ticker.js" type="text/javascript"></script>



<script src="{JS_DIR}jquery/jcarousel/jquery.jcarousel.js" type="text/javascript"></script>
<script type="text/javascript">//<![CDATA[
   /* Definir le sens de direction en fonction du panneau admin */
   var tickerDirParam = "{switch_ticker.DIRECTION}";
   var slid_vert = false;
   var auto_dir = 'next';
   var h_perso = parseInt({switch_ticker.HEIGHT});

   switch( tickerDirParam )
   {
      case 'top' :
         slid_vert = true;
         break;

      case 'left':
         break;

      case 'bottom':
         slid_vert = true;
         auto_dir = 'prev';
         break;

      case 'right':
         auto_dir = 'prev';
         break;

      default:
         slid_vert = true;
   }

   $(document).ready(function() {
      var w_cont = $('#fa_ticker_container').width();

      if (w_cont > 0)
      {
         $('#fa_ticker_container').width(w_cont);

         /* Affichage de la liste */
         $('#fa_ticker_content').css('display','block');

         /* Calcul des dimensions du conteneur et des elements */
         var width_max = $('ul#fa_ticker_content').width();
         var width_item = Math.floor(width_max / {switch_ticker.SIZE});
         var height_max = h_perso;

         /* Calcul de la hauteur maximale du conteneur en fonction des elements et de la hauteur personnalisee dans l'admin */
         $('ul#fa_ticker_content li').each( function () {
            if ($(this).height() > height_max)
            {
               height_max = $(this).height();
            }
         } );

         /* Redimensionnement des elements et des images trop larges */
         $('ul#fa_ticker_content li').width(width_item).height(height_max).find('img').each(function () {
            if ($(this).width() > width_item)
            {
            var ratio    = $(this).width() / width_item;
            var new_height = Math.round($(this).height() / ratio);
            $(this).height(new_height).width(width_item);
            }
         });

         /* Redimensionnement et centrage du conteneur en mode vertical */
         if (slid_vert)
         {
            $('ul#fa_ticker_content').width(width_item).height(height_max).css('marginLeft','auto').css('marginRight','auto');
         }

         /* Initialisation du caroussel */
         $('#fa_ticker_content').jcarousel({
               vertical: slid_vert,
            wrap: 'circular',
            auto: {switch_ticker.STOP_TIME},
            auto_direction: auto_dir,
         scroll: 1,
         size: {switch_ticker.SIZE},
         height_max: height_max,
         animation: {switch_ticker.SPEED}
         });
      }
      else
      {
         $('ul#fa_ticker_content li:not(:first)').css('display','none');
         $('ul#fa_ticker_content li:first').css('list-style','none').css('text-align','center');
      }
   });
//]]>
</script>


<script type="text/javascript">//<![CDATA[
$(document).ready(function(){
   
      pm = window.open('{U_PRIVATEMSGS_POPUP}', '_faprivmsg', 'HEIGHT=225,resizable=yes,WIDTH=400');
      pm.focus();
   
   
      report = window.open('{switch_report_popup.U_REPORT_POPUP}', '_phpbbreport', 'HEIGHT={switch_report_popup.S_HEIGHT},resizable=yes,scrollbars=no,WIDTH={switch_report_popup.S_WIDTH}');
      report.focus();
   
   
      ticker_start({switch_ticker.HEIGHT}, {switch_ticker.SPACING}, {switch_ticker.SPEED}, '{switch_ticker.DIRECTION}', {switch_ticker.STOP_TIME});
   
});


   var logInPopUpLeft, logInPopUpTop, logInPopUpWidth = {LOGIN_POPUP_WIDTH}, logInPopUpHeight = {LOGIN_POPUP_HEIGHT}, logInBackgroundResize = true, logInBackgroundClass = false;



$(document).ready( function() {
   $(window).resize(function() {
      var windowWidth = document.documentElement.clientWidth;
      var popupWidth = $("#login_popup").width();
      var mypopup = $("#login_popup");

      $("#login_popup").css({
      "left": windowWidth/2 - popupWidth/2
         });
   });
});

//]]>
</script>
{GREETING_POPUP}

<style>
.jcarousel-skin-tango .jcarousel-item {
   text-align:center;
   width: 10px;
}

.jcarousel-skin-tango .jcarousel-item-horizontal {
   margin-right: {switch_ticker.SPACING}px;
}

.jcarousel-skin-tango .jcarousel-item-vertical {
   margin-bottom: {switch_ticker.SPACING}px;
}
</style>

{HOSTING_JS}

<script type="text/javascript">
//<![CDATA[
   var _gaq = _gaq || [];
   _gaq.push(['_setAccount', '{G_ANALYTICS_ID}']);
   _gaq.push(['_trackPageview']);
_gaq.push(['_trackPageLoadTime']);


_gaq.push(['b._setAccount', '{G_ANALYTICS_ID_BIS}']);
_gaq.push(['b._trackPageview']);


   (function() {
   var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
   ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
   var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
   })();
//]]>
</script>

</head>
<body background="{T_BODY_BACKGROUND}" bgcolor="{T_BODY_BGCOLOR}" text="{T_BODY_TEXT}" link="{T_BODY_LINK}" vlink="{T_BODY_VLINK}">

<div id="hitskin_preview" style="display: block;">
   <h1><img src="http://2img.net/i/fa/hitskin/hitskin_logo.png" alt="" /> Hit<em>skin</em>.com</h1>
   <div class="content">
      <p>
         {hitskin_preview.L_THEME_SITE_PREVIEW}
         <br />
         <span>{hitskin_preview.U_INSTALL_THEME}<a href="http://{hitskin_preview.U_RETURN_THEME}">{hitskin_preview.L_RETURN_THEME}</a></span>
      </p>
   </div>
</div>



<div id="login_popup">
   <table class="forumline" width="{LOGIN_POPUP_WIDTH}" height="{LOGIN_POPUP_HEIGHT}" border="0" cellspacing="1" cellpadding="0">
      <tr height="25">
         <td class="catLeft">
            <span class="genmed module-title">{SITENAME}</span>
         </td>
      </tr>
      <tr height="{LOGIN_POPUP_MSG_HEIGHT}">
         <td class="row1" align="left" valign="top">
            <div id="login_popup_buttons">
               <form action="{S_LOGIN_ACTION}" method="get">
                  <input type="submit" class="mainoption" value="{L_LOGIN}" />
                  <input type="button" class="mainoption" value="{L_REGISTER}" onclick="parent.location='{U_REGISTER}';" />
                  <input id="login_popup_close" type="button" class="button" value="{L_DONT_DISPLAY_AGAIN}" />
               </form>
            </div>
            <span class="genmed">{LOGIN_POPUP_MSG}</span>
         </td>
      </tr>
   </table>
</div>


<a name="top"></a>
{JAVASCRIPT}
<div class="navtop"><table cellspacing="0" cellpadding="0" border="0" align="{MENU_POSITION}">
<tr>
<td align="{MENU_POSITION}"{MENU_NOWRAP}>{GENERATED_NAV_BAR}</td>
</tr>
</table></div>
<table class="bodylinewidth" width="{T_BODY_TABLE_WIDTH}" cellspacing="0" cellpadding="10" border="0" align="center">
<tr>
<td class="bodyline">

<table width="100%" cellspacing="0" cellpadding="0" border="0">
<tr>


               <td><a href="{U_INDEX}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1" /></a></td>
               
               <td align="center" width="100%" valign="middle">
                  
                  <a href="{U_INDEX}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1" /></a>
                  <br />
                  
                  <div class="maintitle">{MAIN_SITENAME}</div>
                  <br />
                  <span class="gen">{SITE_DESCRIPTION}<br />  </span>
               </td>
               
               <td><a href="{U_INDEX}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1" /></a></td>
               
            </tr>
         </table>



         <div style="clear: both;"></div>

         
         <div id="fa_ticker_block" style="margin-top:4px;margin-bottom:4px;">
            <table width="100%" border="0" cellspacing="0" cellpadding="0" class="forumline">
               <tr>
                  <td {CLASS_TABLE_TYPE} align="left" class="row1">
                     <div id="fa_ticker_container">
                        <ul id="fa_ticker_content" class="jcarousel-skin-tango" style="display:none;">
                           
                           <li>{switch_ticker.ticker_row.ELEMENT}</li>
                           
                        </ul>
                     </div>
                  </td>
               </tr>
            </table>
         </div>
         

         
         <div id="fa_ticker_block" style="margin-top:4px;margin-bottom:4px;">
            <table width="100%" border="0" cellspacing="0" cellpadding="0" class="forumline">
               <tr>
                  <td {CLASS_TABLE_TYPE} align="left" class="row1">
                     <div id="fa_ticker_container">
                        <div id="fa_ticker" style="height:{switch_ticker.HEIGHT}px;">
                           <div class="fa_ticker_content">
                              
                              <div>{switch_ticker.ticker_row.ELEMENT}</div>
                              
                           </div>
                        </div>
                     </div>
                  </td>
               </tr>
            </table>
         </div>
         

         <div id="page-body">
            <div id="{ID_CONTENT_CONTAINER}"{CLASS_CONTENT_CONTAINER}>
               <table cellpadding="0" cellspacing="0" width="100%" class="three-col">
                  <tbody>
                     <tr>
                        <td valign="top" width="{C1SIZE}">
                           <div id="{ID_LEFT}">
                              
                              {giefmod_index1.MODVAR}
                                 
                                 <div style="height:{SPACE_ROW}px"></div>
                                 
                              
                           </div>
                        </td>
                        <td valign="top" width="100%">

                        </td>
                     </tr>
                  </tbody>
               </table>
            </div>
         </div>
      </td>
   </tr>
</table>
</body>
</html>

Sujet: Re: Version 1 : Grecs et Romains Lun 22 Avr - 10:46

TEMPLATE : viewforum_body

Code:: {BOARD_INDEX}
<table width="750px" border="0" cellspacing="0" cellpadding="0" align="center">
<tr>
   <td align="left" valign="left" width="750px">
      
      <a href="{U_POST_NEW_TOPIC}" rel="nofollow"><img src="{POST_IMG}" id="{POST_IMG_ID}" border="0" /></a>
      
   </td>

<td class="nav" valign="middle" width="750px"></td>
   <td class="gensmall" align="right" valign="bottom" nowrap="nowrap">
      <span class="nav">
         <script type="text/javascript">//<![CDATA[
            var url_newposts = '{U_NEWPOSTS_JS_PLUS_MENU}';
            var url_egosearch = '{U_EGOSEARCH_JS_PLUS_MENU}';
            var url_unanswered = '{U_UNANSWERED_JS_PLUS_MENU}';
            var url_watchsearch = '{U_WATCHSEARCH_JS_PLUS_MENU}';
            var url_tellfriend = '{U_TELLFRIEND_JS_PLUS_MENU}';
            insert_plus_menu('f{FORUM_ID}&f={FORUM_ID}','{JS_SESSION_ID}', {JS_AUTH_FAVOURITES});
         //]]>
         </script>
      </span>
   </td>
</tr>
</table>
<div class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC}</div>
{TOPICS_LIST_BOX}
<div id="info_open" style="display:''">
<table align="center" table class="forumline" width="750px" border="0" cellspacing="0" cellpadding="0">

</table>
</div>
<div id="info_close" style="display:none">
<table align="center" table class="forumline" width="750px" border="0" cellspacing="0" cellpadding="0" margin-top="-5px">
   <tr>
      <td class="row1" colspan="2" align="right" valign="top"><span class="gensmall"><a href="{U_MARK_READ}">{L_MARK_TOPICS_READ}</a></span></td>
   </tr>
   <tr>
      <td class="row2" colspan="2" valign="top"><span class="gensmall"><b>{LOGGED_IN_USER_LIST}</b></span></td>
</tr>

      <td class="catBottom" colspan="1" height="28">
         <table width=750px" border="0" cellspacing="0" cellpadding="0">
            <tr>
               <td class="nav" valign="middle" width="50%"><span class="nav"> <a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC_SECOND}</span></td>
               <td align="right" valign="middle"><span class="gensmall"><a href="javascript:ShowHideLayer('info_open','info_close');"><img src="{TABS_MORE_IMG}" alt="+" align="middle" border="0" /></a></span></td>


</table>
   </form>

Sujet: Re: Version 1 : Grecs et Romains Lun 22 Avr - 10:46

TEMPLATE : viewtopic_body

Code:: <script type="text/javascript">
//<![CDATA[
var multiquote_img_off = '{JS_MULTIQUOTE_IMG_OFF}', multiquote_img_on = '{JS_MULTIQUOTE_IMG_ON}', _atr = '{JS_DIR}addthis/', _ati = '{PATH_IMG_FA}addthis/'{ADDTHIS_LANG}, addthis_localize = { share_caption: "{L_SHARE_CAPTION}", email: "{L_EMAIL}", email_caption: "{L_EMAIL_CAPTION}", favorites: "{L_SHARE_BOOKMARKS}", print: "{L_PRINT}", more: "{L_MORE}" };
$(function(){
_atc.cwait = 0;
$('.addthis_button').mouseup(function(){
   if ($('#at15s').css('display') == 'block') {
      addthis_close();
      addthis_close();
   }
});
});
//]]>
</script>

<table width="100%" border="0" cellspacing="2" cellpadding="0" class="regardsujet">
<tr>
   <td align="left" valign="middle" nowrap="nowrap">
      <span class="nav">
      
      <a href="{U_POST_NEW_TOPIC}" rel="nofollow"><img src="{POST_IMG}" id="{POST_IMG_ID}one" alt="{L_POST_NEW_TOPIC}" align="middle" border="0" /></a>
      
      
      <a href="{U_POST_REPLY_TOPIC}"><img src="{REPLY_IMG}" id="i_reply" alt="{L_POST_REPLY_TOPIC}" align="middle" border="0" /></a>
      
      </span>
   </td>
   <td align="left" valign="middle" nowrap="nowrap">
      
      <span id="twitter_btn" style="margin-left: 6px; ">
      <a href="http://twitter.com/share" class="twitter-share-button" data-count="horizontal">Tweet</a>
      <script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>
      </span>
      
      
      <span id="fb_likebtn" style="margin-left: 6px; ">
         <iframe src="http://www.facebook.com/plugins/like.php?href={FORUM_URL}{TOPIC_URL}&layout=button_count&show_faces=false&width=100&action=like&colorscheme=light&height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:100px; height:21px;" allowTransparency="true"></iframe>
      </span>
      
   </td>
   <td class="nav" valign="middle" width="100%"><span class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_SEP}<a class="nav" href="{U_ALBUM}">{L_ALBUM}</a>{NAV_CAT_DESC_SECOND}</span></td>
   <td align="right" valign="bottom" nowrap="nowrap" width="100%">
      <span class="gensmall bold">
         <a class="addthis_button" href="http://www.addthis.com/bookmark.php?v=250&pub=forumotion">{L_SHARE}</a>
         
           |
         <script type="text/javascript">//<![CDATA[
            var url_favourite = '{U_FAVOURITE_JS_PLUS_MENU}';
            var url_newposts = '{U_NEWPOSTS_JS_PLUS_MENU}';
            var url_egosearch = '{U_EGOSEARCH_JS_PLUS_MENU}';
            var url_unanswered = '{U_UNANSWERED_JS_PLUS_MENU}';
            var url_watchsearch = '{U_WATCHSEARCH_JS_PLUS_MENU}';
            var url_tellfriend = '{U_TELLFRIEND_JS_PLUS_MENU}';
            insert_plus_menu('f{FORUM_ID}&t={TOPIC_ID}','{JS_SESSION_ID}', {JS_AUTH_FAVOURITES});
         //]]>
         </script>
         
      </span>
   </td>
</tr>
</table>

<table class="forumline" align="center" border="0" cellspacing="1" cellpadding="0" style="border-bottom: 0px;">
<tr align="right">
   <td class="catHead" colspan="3" height="28">
      <table width="80%" border="0" cellspacing="0" cellpadding="0">
         <tr>
            <td width="9%" class="noprint"> </td>
            <td align="center" class="t-title">
               <h1 class="cattitle"> {TOPIC_TITLE}</h1>
            </td>
            <td align="right" width="9%" class="browse-arrows"><a href="{U_VIEW_OLDER_TOPIC}">{L_VIEW_PREVIOUS_TOPIC}</a> <a href="{U_VIEW_NEWER_TOPIC}">{L_VIEW_NEXT_TOPIC}</a> <a href="#bottom">{L_GOTO_DOWN}</a> </td>
         </tr>
      </table>
   </td>
</tr>

<tr>
   <td class="row1 pagination" colspan="2" align="right" valign="top"><span class="gensmall">{PAGINATION}</span></td>
</tr>

{POLL_DISPLAY}
<tr>
   <th class="thLeft" nowrap="nowrap" width="150px" height="26">{L_AUTHOR}</th>
   <th class="thRight" nowrap="nowrap" colspan="2">{L_MESSAGE}</th>
</tr>


<tr class="post">
   <td class="{postrow.displayed.ROW_CLASS}"{postrow.displayed.THANK_BGCOLOR} valign="top" width="150" style="text-align: center;">
      <div class="name">
         <a name="{postrow.displayed.U_POST_ID}"></a>
         <div class="cadre1">
<span class="imgrang">{postrow.displayed.RANK_IMAGE}</span><span class="nomrang">{postrow.displayed.POSTER_RANK}</span>
            <strong class="posternom">{postrow.displayed.POSTER_NAME}</strong>
            <div class="cadre2">
<span class="Avatar">{postrow.displayed.POSTER_AVATAR}</span><br/>
               <div class="profil">
               
               <span class="postdetails poster-profile">{postrow.displayed.profile_field.LABEL}{postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}</span>
               
               </div>
            </div>
         </div><br/>
         <div class="ficherpg cadre3">
            <span class="postdetails poster-profile">{postrow.displayed.POSTER_RPG}<br/></span>
         </div>
         <br />
      </div>
      <img src="http://2img.net/i/fa/empty.gif" alt="" style="width:150px;height:1px" />

   <td class="{postrow.displayed.ROW_CLASS}"{postrow.displayed.THANK_BGCOLOR} valign="top" align="center" width="80%" height="28" colspan="2">
      <table width="100%" border="0" cellspacing="0" cellpadding="0"style="text-align: left;">
         <tr>
            <td><span class="postdetails"><img src="{postrow.displayed.MINI_POST_IMG}" alt="{postrow.displayed.L_MINI_POST_ALT}" title="{postrow.displayed.L_MINI_POST_ALT}" border="0" />{L_POST_SUBJECT}: {postrow.displayed.POST_SUBJECT} <img src="{postrow.displayed.MINI_TIME_IMG}" alt="" border="0" />{postrow.displayed.POST_DATE}</span></td>
            <td valign="top" nowrap="nowrap" class="post-options">
               {postrow.displayed.THANK_IMG} {postrow.displayed.MULTIQUOTE_IMG} {postrow.displayed.QUOTE_IMG} {postrow.displayed.EDIT_IMG} {postrow.displayed.DELETE_IMG} {postrow.displayed.IP_IMG} {postrow.displayed.REPORT_IMG}
            </td>
         </tr>
         <tr>
            <td colspan="2" class="hr">
               <hr />
            </td>
         </tr>
         <tr>
            <td colspan="2">
               
               <div class="vote gensmall">
                  
                  <div class="vote-button"><a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_PLUS}">+</a></div>
                  

                  
                  <div class="vote-bar" title="{postrow.displayed.switch_vote_active.L_VOTE_TITLE}">
                     
                     <div class="vote-bar-plus" style="height:{postrow.displayed.switch_vote_active.switch_bar.switch_vote_plus.HEIGHT_PLUS}px;"></div>
                     

                     
                     <div class="vote-bar-minus" style="height:{postrow.displayed.switch_vote_active.switch_bar.switch_vote_minus.HEIGHT_MINUS}px;"></div>
                     
                  </div>
                  

                  
                  <div title="{postrow.displayed.switch_vote_active.L_VOTE_TITLE}" class="vote-no-bar">----</div>
                  

                  
                  <div class="vote-button"><a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_MINUS}">-</a></div>
                  
               </div>
               

               <div class="postbody" style="padding: 20px;">

                  <div>{postrow.displayed.MESSAGE}</div>

                  
                  <dl class="attachbox">
                     <dt>{postrow.displayed.switch_attachments.L_ATTACHMENTS}</dt>
                     <dd>
                        
                        <dl class="file">
                           <dt>
                              <img src="{postrow.displayed.switch_attachments.switch_post_attachments.U_IMG}" />

                              
                              <a class="postlink" href="{postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.U_ATTACHMENT}">{postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.ATTACHMENT}</a> {postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.ATTACHMENT_DEL}
                              

                              
                              {postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.ATTACHMENT} {postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.ATTACHMENT_DEL}
                              
                           </dt>

                           
                           <dd>
                              <em>{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_comment.ATTACHMENT_COMMENT}</em>
                           </dd>
                           

                           
                           <dd>
                              <em><strong>{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.TEXT_NO_DL}</strong></em>
                           </dd>
                           

                           <dd>({postrow.displayed.switch_attachments.switch_post_attachments.FILE_SIZE}) {postrow.displayed.switch_attachments.switch_post_attachments.NB_DL}</dd>
                        </dl>
                        
                     </dd>
                  </dl>
                  

                  <div class="clear"></div>
                  <div class="signature_div">
                     {postrow.displayed.SIGNATURE}
                  </div>

</div>
               <span class="gensmall">{postrow.displayed.EDITED_MESSAGE}</span>
            </td>
         </tr>
      </table>
   </td>
</tr>
<tr>
   <td class="{postrow.displayed.ROW_CLASS} browse-arrows"{postrow.displayed.THANK_BGCOLOR} align="center" valign="middle" width="150">
      <a href="#top">{L_BACK_TO_TOP}</a> <a href="#bottom">{L_GOTO_DOWN}</a>
   </td>
   <td class="{postrow.displayed.ROW_CLASS} messaging gensmall"{postrow.displayed.THANK_BGCOLOR} width="100%" height="28">
      <table border="0" cellspacing="0" cellpadding="0">
         <tr>
            <td valign="middle">
               {postrow.displayed.PROFILE_IMG} {postrow.displayed.PM_IMG} {postrow.displayed.EMAIL_IMG} {postrow.displayed.contact_field.CONTENT} {postrow.displayed.ONLINE_IMG}
            </td>
         </tr>
      </table>
   </td>
</tr>

</table>
<br />
<table class="forumline" align="center" width="80%" border="0" cellspacing="1" cellpadding="0">
<tr>
   <th class="thLeft" nowrap="nowrap" width="150px" height="26">{L_AUTHOR}</th>
   <th class="thRight" nowrap="nowrap" colspan="2">{L_MESSAGE}</th>
</tr>



<tr>
   <td class="postdetails {postrow.hidden.ROW_CLASS}" colspan="2" align="center">{postrow.hidden.MESSAGE}</td>
</tr>



<tr align="center">
   <td class="row1" colspan="3" height="28">
      <span class="genmed">{no_post.L_NO_POST}</span>
   </td>
</tr>

<tr align="right">
   <td class="catBottom" colspan="3" height="28">
      <table width="100%" border="0" cellspacing="0" cellpadding="0">
         <tr>
            <td width="9%" class="noprint"> </td>
            <td align="center" class="t-title"><a name="bottomtitle"></a><h1 class="cattitle">{TOPIC_TITLE}</h1></td>
            <td align="right" nowrap="nowrap" width="9%" class="browse-arrows"><a href="{U_VIEW_OLDER_TOPIC}">{L_VIEW_PREVIOUS_TOPIC}</a> <a href="{U_VIEW_NEWER_TOPIC}">{L_VIEW_NEXT_TOPIC}</a> <a href="#top">{L_BACK_TO_TOP}</a> </td>
         </tr>
      </table>
   </td>
</tr>
</table>
<table class="forumline noprint" width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
   <td class="row2" valign="top" {COLSPAN_PAGINATION} width="150"><span class="gensmall">{PAGE_NUMBER}</span></td>
   
   <td class="row1" align="right" valign="top" ><span class="gensmall">{PAGINATION}</span></td>
   
</tr>


<tr>
   <td class="row2" colspan="2" align="right" valign="top"><span class="gensmall">{S_WATCH_TOPIC}</span></td>
</tr>


</table>


<table class="forumline" width="100%" border="0" cellpadding="1" cellspacing="0" id="ptrafic_close" style="display:none;margin: 1px 0px 1px 0px">
<tr>
   <td class="catBottom" height="28">
      <table width="100%" border="0" cellspacing="0" cellpadding="0">
         <tr>
            <td valign="top"><h1 class="cattitle"> {PROMOT_TRAFIC_TITLE}</h1></td>
            <td align="right" valign="middle" width="10"><span class="gensmall"><a href="javascript:ShowHideLayer('ptrafic_open','ptrafic_close');"><img src="{TABS_MORE_IMG}" alt="+" align="middle" border="0" /></a></span></td>
         </tr>
      </table>
   </td>
</tr>
</table>

<table class="forumline" width="100%" border="0" cellpadding="1" cellspacing="0" id="ptrafic_open" style="display:'';margin: 1px 0px 1px 0px">
<tr>
   <td class="catBottom" height="28">
      <table width="100%" border="0" cellspacing="0" cellpadding="0">
         <tr>
            <td valign="top"><h1 class="cattitle"> {PROMOT_TRAFIC_TITLE}</h1></td>
            <td align="right" valign="middle" width="10"><span class="gensmall"><a href="javascript:ShowHideLayer('ptrafic_open','ptrafic_close');"><img src="{TABS_LESS_IMG}" alt="-" align="middle" border="0" /></a></span></td>
         </tr>
      </table>
   </td>
</tr>
<tr>
   <td class="row2 postbody" valign="top">
      
      » <a style="text-decoration:none" href="{promot_trafic.link.U_HREF}" target="_blank" title="{promot_trafic.link.TITLE}">{promot_trafic.link.TITLE}</a><br />
      
   </td>
</tr>
</table>



<table id="forum_rules" class="forumline" width="100%" border="0" cellspacing="0" cellpadding="0" style="margin: 1px 0px 1px 0px">
<tbody>
   <tr>
      <td class="catBottom">
         <table width="100%" border="0" cellspacing="0" cellpadding="0">
            <tbody>
               <tr>
                  <td valign="top">
                     <h1 class="cattitle"> {L_FORUM_RULES}</h1>
                  </td>
               </tr>
            </tbody>
         </table>
      </td>
   </tr>
   <tr>
      <td class="row1 clearfix">
         <table>
            <tr>
               
               <td class="logo">
                  <img src="{RULE_IMG_URL}" />
               </td>
               
               <td class="rules postbody">
                  {RULE_MSG}
               </td>
            </tr>
         </table>
      </td>
   </tr>
</tbody>
</table>


<table class="forumline noprint" width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
   <td class="row2" colspan="2" align="center" style="padding:0px">
      
      <a name="quickreply"></a>
      {QUICK_REPLY_FORM}<br />
      
   </td>
</tr>
<tr>
   <td style="margin:0; padding: 0;" colspan="2">
      <table border="0" cellpadding="0" width="100%" cellspacing="0" id="info_open" style="display:''">
         <tbody>
   
   <tr>
      <td class="row2" valign="top" width="25%"><span class="gensmall">{L_TABS_PERMISSIONS}</span></td>
      <td class="row1" valign="top" width="75%"><span class="gensmall">{S_AUTH_LIST}</span></td>
   </tr>
   
   <tr>
      <td class="catBottom" colspan="2" height="28">
         <table width="100%" border="0" cellspacing="0" cellpadding="0">
            <tr>
               <td valign="middle" width="100%"><span class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_SEP}<a class="nav" href="{U_ALBUM}">{L_ALBUM}</a>{NAV_CAT_DESC_SECOND}</span></td>
               
               <td align="right" valign="middle"><span class="gensmall"><a href="javascript:ShowHideLayer('info_open','info_close');"><img src="{TABS_LESS_IMG}" alt="-" align="middle" border="0" /></a></span></td>
               
            </tr>
         </table>
      </td>
   </tr>
</tbody>
      </table>
   </td>
</tr>
<tr>
   <td style="margin:0; padding: 0;" colspan="2">
      <table border="0" cellpadding="0" cellspacing="0" width="100%" id="info_close" style="display:none;">
         <tbody>
   <tr>
      <td class="catBottom" colspan="2" height="28">
         <table width="100%" border="0" cellspacing="0" cellpadding="0">
            <tr>
               <td valign="middle" width="100%"><span class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_SEP}<a class="nav" href="{U_ALBUM}">{L_ALBUM}</a>{NAV_CAT_DESC_SECOND}</span></td>
               <td align="right" valign="middle"><span class="gensmall"><a href="javascript:ShowHideLayer('info_open','info_close');"><img src="{TABS_MORE_IMG}" alt="+" align="middle" border="0" /></a></span></td>
            </tr>
         </table>
      </td>
   </tr>
</tbody>
      </table>
   </td>
</tr>
</table>

<form action="{S_JUMPBOX_ACTION}" method="get" name="jumpbox" onsubmit="if(document.jumpbox.f.value == -1){return false;}">
<table class="noprint" width="100%" border="0" cellspacing="2" cellpadding="0" align="center">
<tr>
   <td align="left" valign="middle" nowrap="nowrap" {WIDTH_GALLERY}>
      <span class="nav">
         
         <a href="{U_POST_NEW_TOPIC}" rel="nofollow"><img src="{POST_IMG}" id="{POST_IMG_ID}Newtopic" alt="{L_POST_NEW_TOPIC}" align="middle" border="0" /></a>
         
         
         <a href="{U_POST_REPLY_TOPIC}"><img src="{REPLY_IMG}" alt="{L_POST_REPLY_TOPIC}" align="middle" border="0" /></a>
         
      </span>
   </td>

   
   <td align="right" nowrap="nowrap"><span class="gensmall">{L_JUMP_TO}: {S_JUMPBOX_SELECT} <input class="liteoption" type="submit" value="{L_GO}" /></span></td>
   

   
   <td align="center">
      <span class="gensmall">{moderation_panel.U_YOUR_PERSONAL_MODERATE}</span>
   </td>
   <td align="center" width="250">
      <span class="gensmall"> </span>
   </td>
   
</tr>
</table>
</form>


<table class="noprint" width="100%" border="0" cellspacing="2" cellpadding="0" align="center">
<tr>
   <td colspan="2" align="left" valign="top" nowrap="nowrap"><br />{S_TOPIC_ADMIN}<br />
      <form name="action" method="get" action="{S_FORM_MOD_ACTION}">
         <input type="hidden" name="t" value="{TOPIC_ID}" />

         
         <input type="hidden" name="{SECURE_ID_NAME}" value="{SECURE_ID_VALUE}" />

         <span class="gen">{L_MOD_TOOLS}<br />{S_SELECT_MOD} <input class="liteoption" type="submit" value="{L_GO}" /></span>
      </form>
   </td>
</tr>
</table>



<script type="text/javascript">
//<![CDATA[
$(resize_images({ 'selector' : '.postbody', 'max_width' : {switch_image_resize.IMG_RESIZE_WIDTH}, 'max_height' : {switch_image_resize.IMG_RESIZE_HEIGHT} }));
//]]>
</script>

<script src="{JS_DIR}addthis/addthis_widget.js" type="text/javascript"></script>

Sujet: Re: Version 1 : Grecs et Romains Lun 22 Avr - 10:46

TEMPLATE : search_body

Code:: <script src="{JS_DIR}extendedview.js" type="text/javascript"></script>
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="4">
<form action="{S_SEARCH_ACTION}" method="GET" name="searchform">
<tr>
   <th class="thHead" colspan="2" height="25">{L_SEARCH_QUERY}</th>
</tr>
<tr>
   <td class="row1" width="50%" valign="top" align="center"><span class="gen">{L_SEARCH_KEYWORDS}:</span></td>
   <td class="row2" valign="top"><span class="genmed">
      <input class="post" style="width: 200px; height: 18px" type="text" name="search_keywords" size="30" maxlength="50" />
      <input type="hidden" name="sid" value="{SID}" />
      <input type="hidden" name="q" value="" />
      <input type="hidden" name="domains" value="{SEARCH_FORUM_URL}" />
      <input type="hidden" name="sitesearch" value="{SEARCH_FORUM_URL}" />
      <input type="hidden" name="client" value="{GOOGLE_CODE}" />
      <input type="hidden" name="forid" value="1" />
      <input type="hidden" name="ie" value="{S_CONTENT_ENCODING}" />
      <input type="hidden" name="oe" value="{S_CONTENT_ENCODING}" />
      <input type="hidden" name="hl" value="{L_LANG_HL}" />
      <input type="hidden" name="cof" value="GALT:#{T_GOO_LINK};GL:1;DIV:#{T_TD_COLOR1};VLC:#{T_VISITED_LINK};AH:center;BGC:#{T_TR_COLOR1};LBGC:#{T_TD_COLOR1};ALC:#{T_ACTIVE_LINK};LC:#{T_GOO_LINK};T:#{T_GOO_TEXT};GFNT:#{T_GOO_LINK};GIMP:#{T_GOO_LINK};FORID:11" />
        <input class="liteoption" type="button" value="{L_SEARCH} Google" onclick="document.searchform.action='{U_GOOGLERESULTS}';document.searchform.q.value=document.searchform.search_keywords.value;document.searchform.submit()" /><br />
        <input id="any" type="radio" name="search_terms" value="any" checked="checked">
      <span class="genmed" /><label for="any">{L_SEARCH_ANY_TERMS}</label></span><br />
        <input id="all" type="radio" name="search_terms" value="all" />
      <span class="genmed"><label for="all">{L_SEARCH_ALL_TERMS}</label></span>
   </td>
</tr>
<tr>
   <td class="row1" align="right"><span class="gen">{L_SEARCH_AUTHOR}:</span></td>
   <td class="row2" valign="middle"><span class="genmed"><input class="post" style="width: 200px" type="text" name="search_author" size="30" maxlength="50" /></span></td>
</tr>
<tr>
   <td style="padding: 0px" colspan="2">
   <div id="searchitems_show" style="display: {SEARCHITEMS_OPEN}">
   <table width="100%" border="0" cellspacing="1" cellpadding="4">
      <tr>
         <th class="thHead" colspan="4" height="25">
         <div style="text-align: center; float: left; width: 2%"></div>
         <div style="text-align: center; float: left; width: 95%">{L_SEARCH_OPTIONS}</div>
         <div style="float: right; width: 2%"><a href="javascript:ShowHideLayernew('searchitems');"><img src="{TABS_LESS_IMG}" alt="-" align="middle" border="0"></a></div>
         </th>
      </tr>
      <tr>
         <td class="row1" align="center"><span class="gen">{L_FORUM}: </span></td>
         <td class="row2"><span class="genmed"><select class="post" name="search_where">
            {S_FORUM_OPTIONS}
         </select></span></td>
         <td class="row1" align="center" nowrap="nowrap"><span class="gen">{L_SEARCH_PREVIOUS}: </span></td>
         <td class="row2" valign="middle"><span class="genmed"><select class="post" name="search_time">
            {S_TIME_OPTIONS}
         </select></span></td>
      </tr>
      <tr>
         <td class="row1" align="center" nowrap="nowrap"><span class="gen">{L_DISPLAY_RESULTS}: </span></td>
         <td class="row2" nowrap="nowrap">
            <span class="genmed"><input id="posts" type="radio" name="show_results" value="posts" />
               <label for="posts">{L_POSTS}</label>
               <input id="topics" type="radio" name="show_results" value="topics" checked="checked" />
               <label for="topics">{L_TOPICS}</label>
            </span>
         </td>
         <td class="row1" align="center"><span class="gen">{L_SORT_BY}: </span></td>
         <td class="row2" valign="middle" nowrap="nowrap"><span class="genmed">
            <select class="post" name="sort_by">
               {S_SORT_OPTIONS}
            </select><br />
         <input id="ASC" type="radio" name="sort_dir" value="ASC" /><label for="ASC">{L_SORT_ASCENDING}</label><br />
         <input id="DESC" type="radio" name="sort_dir" value="DESC" checked="checked" /><label for="DESC">{L_SORT_DESCENDING}</label></span> </td>
      </tr>
   </table>
   </div>
   <div id="searchitems" style="display: {SEARCHITEMS_CLOSE}">
      <table width="100%" border="0" cellspacing="1" cellpadding="4">
         <tr>
            <th class="thHead" height="25">
            <div style="text-align: center; float: left; width: 2%"></div>
            <div style="text-align: center; float: left; width: 95%">{L_SEARCH_OPTIONS}</div>
            <div style="float: right; width: 2%"><a href="javascript:ShowHideLayernew('searchitems');"><img src="{TABS_MORE_IMG}" alt="+" align="middle" border="0"></a></div>
            </th>
         </tr>
      </table>
   </div>
   </td>
</tr>
<tr>
   <td class="catBottom" colspan="2" align="center" height="28">
      {S_HIDDEN_FIELDS}
      <input type="hidden" name="google" value="" />
      <input class="liteoption" type="submit" value="{L_SEARCH}" onclick="document.searchform.google.value='';" /> 
   </td>
</tr>
</form>
</table>
<table width="100%" border="0" cellspacing="2" cellpadding="0" align="center">
<tr>
   <td align="right" valign="middle"><span class="gensmall">{S_TIMEZONE}</span></td>
</tr>
</table>
<table width="100%" border="0">
<tr>
   <td align="right" valign="top">{JUMPBOX}</td>
</tr>
</table>

Sujet: Re: Version 1 : Grecs et Romains Lun 22 Avr - 10:47

PAGE HTML : Fiche de publicité

Code:: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" id="min-width" lang="fr" xml:lang="fr">
<head>
<link href='http://fonts.googleapis.com/css?family=Quintessential&subset=latin,latin-ext' rel='stylesheet' type='text/css' />
<link rel="shortcut icon" type="image/x-icon" href="http://hellada.free.fr/dessins/home.gif" />
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<script type="text/javascript" src="http://tinyurl.com/var-fa"></script>
   <title>Terre Divine</title>
   <style>
      /***** Nous avons passe beaucoup beaucoup beaucoup de temps a coder, alors soyez gentils, ne le copiez pas !
      Codage par sugar plum fairy (Pub-rpg-design) *****/

div.cadre {
background-image: url('http://nsm08.casimages.com/img/2013/01/20//1301201250304748910780616.png');
background-position: center top;
background-repeat: no-repeat;
background-color: #A89C2D;
padding: 240px 15px 15px 15px;
width: 370px;
border: 1px solid #D4CD92;
}

h1 {
text-align: center;
margin: 30px 0px 0px 0px;
z-index: 5;
position: relative;
}

h1 span {
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
background: #F3F1E7;
color: #A89C2D;
font-family: 'Quintessential', Georgia, "Times New Roman", Sherif;
font-size: 20px;
text-transform: uppercase;
padding: 0px 10px;
text-shadow: 1px 1px 0px #a6968c;
}

p.texte {
background: #D4CD92;
padding: 20px 10px 10px 10px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
margin: 0px;
margin-top: -20px;
z-index: 1;
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: 11px;
text-align: justify;
-moz-box-shadow: 3px 3px 5px #857C2D;
-webkit-box-shadow: 3px 3px 5px #857C2D;
box-shadow: 3px 3px 5px #857C2D;
}
p.texte:hover {
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
}

a, a:link, a:hover, a:visited, a:focus, a:active {
color: black;
}

p.lien {
text-align: center;
}
p.lien a {
font-family: 'Quintessential', Georgia,"Times New Roman",Sherif;
font-weight: bold;
text-transform : uppercase;
font-size: 14px;
padding: 0px 10px;
white-space: nowrap;
text-decoration: none!important;
text-decoration: none;
}
p.lien a {
text-shadow: 1px 1px 0px #857C2D;
}
p.lien a:hover {
font-style: italic;
}
p.lien a.un {
text-decoration: none!important;
text-decoration: none;
color: #F3F1E7;
}
p.lien a.deux {
text-decoration: none!important;
text-decoration: none;
color: #D4CD92;
}

strong {
text-shadow: 1px 1px 0px #857C2D;
}
p.viens {
text-align: center;
margin: 30px 0px 0px 0px;
padding: 0px;
}
   </style>
</head>
<body>
   <div class="cadre">
      <p class="lien">
         <a class="un" href="http://terre-divine.lebonforum.com/t196-le-reglement-mythique" target="_blank">Règlement</a>
         <a class="deux" href="http://terre-divine.lebonforum.com/t195-le-contexte-mythique" target="_blank">Contexte</a>
         <a class="un" href="http://terre-divine.lebonforum.com/t17-les-avatars" target="_blank">Avatars</a>
         <a class="deux" href="http://terre-divine.lebonforum.com/t18-les-groupes" target="_blank">Groupes</a>
         <a class="un" href="http://terre-divine.lebonforum.com/f4-les-postes-vacants" target="_blank">Postes vacants</a>
         <a class="deux" href="http://terre-divine.lebonforum.com/f91-les-scenarios" target="_blank">Scénarios</a>
         <a class="un" href="http://terre-divine.lebonforum.com/f50-espace-invites" target="_blank">Invités</a>
      </p>
      <h1><span>Contexte</span></h1>
      <p class="texte">Les Hommes, dispersés aux quatre coins du globe, ont forgé avec le temps d'autres religions, d'autres mythologies. Les mythologies Scandinave, Romaine et Égyptienne. Mais les Hommes, aussi imbus de leur personne que les Dieux, ont fini par se lasser de ceux qu'ils avaient priés, adulés. Alors, ils finirent par ne plus leur accorder la moindre attention, la moindre prière, ni le moindre sacrifice. Peu à peu, les Divinités perdirent de leurs pouvoirs, et, on ne sait encore comment, les Hommes parvinrent à les exiler. Tous, Scandinaves, Égyptiens, Romains ou Grecs, tous confondus, envoyés sur une Terre qui n'appartiendrait qu'à eux, et où ils ne pourraient plus asservir les Hommes. Avec eux, les Hommes ont expulsé les êtres surnaturels tels que les Centaures, les Géants, les Sphynx ou encore les Satyres, afin que la Terre des Hommes ne soit plus souillée par aucun être doté de dons. C'est ainsi que les Héros, croisement entre Divinités et Humains, furent eux aussi exilés.
      <h1><span>Informations</span></h1>
      <p class="texte">Nos <strong><span class="FORUMCOUNTUSER"></span></strong> Divinités ont eu <strong><span class="FORUMCOUNTPOST"></span></strong> conversations depuis le <strong>22 janvier 2013</strong>, date d'ouverture de Terre Divine.</p>
      <p class="viens"><a href="http://terre-divine.lebonforum.com/" target="_blank"><img src="http://img11.hostingpics.net/pics/269360part.gif"/></a> <a href="http://terre-divine.lebonforum.com/" target="_blank"><img src="http://img11.hostingpics.net/pics/269360part.gif"/></a> <a href="http://terre-divine.lebonforum.com/" target="_blank"><img src="http://img11.hostingpics.net/pics/269360part.gif"/></a> </p>
   </div>
</body>
</html>

Sujet: Re: Version 1 : Grecs et Romains Lun 22 Avr - 10:49

CODE JAVASCRIPT : Bannière aléatoire

Code:: $(function() {

var a = ["http://img15.hostingpics.net/pics/118056header1.png", "http://img15.hostingpics.net/pics/338747header2.png", "http://img15.hostingpics.net/pics/817468header3.png"];

$("#pun-logo img,#i_logo,#logo img").attr("src", a[Math.floor(Math.random() * a.length)])

});

Sujet: Re: Version 1 : Grecs et Romains Lun 22 Avr - 10:58

COULEURS ET ECRITURE

Code:: [font=Quintessential]Quintessential[/font]

Pour l'écriture des titres, sous-titres, page d'accueil, etc., l'écriture utilisée est Quintessential.

Le fond vert : #A89C2D
Vert foncé : #857C2D
Le fond beige des forums : #D4CD92
La couleur des liens marron : #8A533F
La couleur des liens survolés : #A6968C
La couleur plus claire pour les formulaires, etc. :#F3F1E7

MAIS évitez autant que possible d'utiliser ces couleurs toutes seules ? Pourquoi ? Parce que lorsque vous changerez de design, les modifications ne changeront pas, et ça va être moooche. Ou bien il faudra tout changer à la main. Alors que si vous utilisez les astuces du post suivant, hop, un petit tour dans le CSS et le tour est joué !

Sujet: Re: Version 1 : Grecs et Romains

» Version 1 : Grecs et Romains
» Version 3 : Scandinaves
» Version 2 : Egyptiens
» Version 4 : Egyptiens
» Version 2 : Egyptiens

Version 1 : Grecs et Romains

Version 1 : Grecs et Romains

Sujets similaires

Sujets similaires