Partagez | 
 

 Version 1 : Grecs et Romains

Voir le sujet précédent Voir le sujet suivant Aller en bas 
AuteurMessage
Crazy codeuse ♣ RP en pause
Crazy codeuse ♣ RP en pauseGemma Anderson
avatar Messages : 2234
Date d'inscription : 25/12/2012
Localisation : J'ignore où je suis arrivée...

Ô Grand moi
Relations:
Race & Mythologie: Demi-déesse romaine
Pouvoirs:
MessageSujet: Version 1 : Grecs et Romains   Lun 22 Avr - 10:42



I am a ghost (absence forever). Embarassed 
Je vous nem. I love you


Dernière édition par Gemma Anderson le Lun 22 Avr - 10:57, édité 4 fois
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
Crazy codeuse ♣ RP en pause
Crazy codeuse ♣ RP en pauseGemma Anderson
avatar Messages : 2234
Date d'inscription : 25/12/2012
Localisation : J'ignore où je suis arrivée...

Ô Grand moi
Relations:
Race & Mythologie: Demi-déesse romaine
Pouvoirs:
MessageSujet: 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>


I am a ghost (absence forever). Embarassed 
Je vous nem. I love you
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
Crazy codeuse ♣ RP en pause
Crazy codeuse ♣ RP en pauseGemma Anderson
avatar Messages : 2234
Date d'inscription : 25/12/2012
Localisation : J'ignore où je suis arrivée...

Ô Grand moi
Relations:
Race & Mythologie: Demi-déesse romaine
Pouvoirs:
MessageSujet: 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;
}


I am a ghost (absence forever). Embarassed 
Je vous nem. I love you
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
Crazy codeuse ♣ RP en pause
Crazy codeuse ♣ RP en pauseGemma Anderson
avatar Messages : 2234
Date d'inscription : 25/12/2012
Localisation : J'ignore où je suis arrivée...

Ô Grand moi
Relations:
Race & Mythologie: Demi-déesse romaine
Pouvoirs:
MessageSujet: 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">
         <!-- BEGIN switch_user_logged_in -->
         <span class="gensmall">{LAST_VISIT_DATE}<br />
         {CURRENT_TIME}<br />
         </span>
         <!-- END switch_user_logged_in -->
         <div class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC}</div>
      </td>
      <td class="gensmall" align="right" valign="bottom">
         <!-- BEGIN switch_user_logged_in -->
         <a class="gensmall" href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a><br />
         <a class="gensmall" href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a><br />
         <!-- END switch_user_logged_in -->
         <a class="gensmall" href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a>
      </td>

   </tr>
</table>
<!-- BEGIN catrow --><!-- BEGIN tablehead --><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>



   <!-- END tablehead -->
   <!-- BEGIN cathead -->
   <tr>
      <!-- BEGIN inc -->
      <td class="{catrow.cathead.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>
      <!-- END inc -->
      <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">&nbsp;</td>
   </tr>
   <!-- END cathead -->
   <!-- BEGIN forumrow -->
   <tr>
      <!-- BEGIN inc -->
      <td class="{catrow.forumrow.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" alt="." /></td>
      <!-- END inc -->
      <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">
                     <!-- BEGIN switch_moderators_links -->
                     <div class="lienmodo">{catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}</div>
                     <!-- END switch_moderators_links -->
                     <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>
   <!-- END forumrow -->
   <!-- BEGIN catfoot -->
   <tr>
      <!-- BEGIN inc -->
      <td class="{catrow.catfoot.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>
      <!-- END inc -->
      <td class="spaceRow" colspan="{catrow.catfoot.INC_SPAN}" height="1"><img src="{SPACER}" alt="" height="1" width="1" /></td>
   </tr>
   <!-- END catfoot -->
   <!-- BEGIN tablefoot -->
</table><img src="{SPACER}" alt="" height="5" width="1" /><!-- END tablefoot --><!-- END catrow -->


I am a ghost (absence forever). Embarassed 
Je vous nem. I love you
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
Crazy codeuse ♣ RP en pause
Crazy codeuse ♣ RP en pauseGemma Anderson
avatar Messages : 2234
Date d'inscription : 25/12/2012
Localisation : J'ignore où je suis arrivée...

Ô Grand moi
Relations:
Race & Mythologie: Demi-déesse romaine
Pouvoirs:
MessageSujet: Re: Version 1 : Grecs et Romains   Lun 22 Avr - 10:45

TEMPLATE : index_body

Code:
{JAVASCRIPT}
<!-- BEGIN message_admin_index -->
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
   <!-- BEGIN message_admin_titre -->
   <tr>
      <th class="secondarytitle"><h2>{message_admin_index.message_admin_titre.MES_TITRE}</h2></th>
   </tr>
   <!-- END message_admin_titre -->
   <!-- BEGIN message_admin_txt -->
   <tr>
      <td class="row1" rowspan="3" align="center" valign="middle">
      <div class="gensmall">{message_admin_index.message_admin_txt.MES_TXT}</div>
      </td>
   </tr>
   <!-- END message_admin_txt -->
</table>
<!-- END message_admin_index -->

<!-- BEGIN switch_user_login_form_header -->
<form action="{S_LOGIN_ACTION}" method="post" name="form_login">
   <!-- BEGIN switch_fb_connect_no -->
   <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>
   <!-- END switch_fb_connect_no -->

   <!-- BEGIN switch_fb_connect -->
   <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>
   <!-- END switch_fb_connect -->
</form>
<!-- END switch_user_login_form_header -->

{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">
         <!-- BEGIN switch_user_logged_in -->
         <span class="gensmall"><a href="{U_MARK_READ}" class="gensmall">{L_MARK_FORUMS_READ}</a>
         <!-- END switch_user_logged_in -->
         <!-- BEGIN switch_delete_cookies -->
         <br /><a href="{switch_delete_cookies.U_DELETE_COOKIES}" class="gensmall">{switch_delete_cookies.L_DELETE_COOKIES}</a>
         <!-- END switch_delete_cookies -->
         </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>
            <!-- BEGIN switch_on_index -->
               <!-- BEGIN switch_delete_cookies -->
               <br /><a href="{switch_on_index.switch_delete_cookies.U_DELETE_COOKIES}" class="gensmall">{switch_on_index.switch_delete_cookies.L_DELETE_COOKIES}</a>
               <!-- END switch_delete_cookies -->
            <!-- END switch_on_index -->
         </span>
      </td>
   </tr>
</table>
<br/><br/>

<!-- BEGIN switch_user_login_form_footer -->
<form action="{S_LOGIN_ACTION}" method="post" name="form_login">
   <!-- BEGIN switch_fb_connect_no -->
   <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>
   <!-- END switch_fb_connect_no -->

   <!-- BEGIN switch_fb_connect -->
   <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>
   <!-- END switch_fb_connect -->
</form>
<!-- END switch_user_login_form_footer -->




<!-- BEGIN disable_viewonline -->

<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/>

   <!-- BEGIN switch_chatbox_activate -->
         <span class="gensmall">{TOTAL_CHATTERS_ONLINE} :  {CHATTERS_LIST}<br />
            <!-- BEGIN switch_chatbox_popup -->
            <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>
            <!-- END switch_chatbox_popup -->
         </span>
   <!-- END switch_chatbox_activate -->

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

<!-- END disable_viewonline -->





{CHATBOX_BOTTOM}
<br clear="all" />
<!-- BEGIN switch_legend -->
<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> &nbsp;</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>
<!-- END switch_legend -->

{AUTO_DST}

<!-- BEGIN switch_fb_index_login -->
<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>
<!-- END switch_fb_index_login -->


I am a ghost (absence forever). Embarassed 
Je vous nem. I love you
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
Crazy codeuse ♣ RP en pause
Crazy codeuse ♣ RP en pauseGemma Anderson
avatar Messages : 2234
Date d'inscription : 25/12/2012
Localisation : J'ignore où je suis arrivée...

Ô Grand moi
Relations:
Race & Mythologie: Demi-déesse romaine
Pouvoirs:
MessageSujet: 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" />
   <!-- BEGIN switch_compat_meta -->
   <meta http-equiv="X-UA-Compatible" content="IE={switch_compat_meta.VERSION}" />
   <!-- END switch_compat_meta -->
   <!-- BEGIN switch_canonical_url -->
   <link rel="canonical" href="{switch_canonical_url.CANONICAL_URL}" />
   <!-- END switch_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>

   <!-- BEGIN switch_fb_login -->
   <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>
   <!-- END switch_fb_login -->

   <!-- BEGIN switch_ticker -->
   <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>
   <!-- END switch_ticker -->

   <!-- BEGIN switch_ticker_new -->
   <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>
   <!-- END switch_ticker_new -->

   <script type="text/javascript">//<![CDATA[
   $(document).ready(function(){
      <!-- BEGIN switch_enable_pm_popup -->
         pm = window.open('{U_PRIVATEMSGS_POPUP}', '_faprivmsg', 'HEIGHT=225,resizable=yes,WIDTH=400');
         pm.focus();
      <!-- END switch_enable_pm_popup -->
      <!-- BEGIN switch_report_popup -->
         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();
      <!-- END switch_report_popup -->
      <!-- BEGIN switch_ticker -->
         ticker_start({switch_ticker.HEIGHT}, {switch_ticker.SPACING}, {switch_ticker.SPEED}, '{switch_ticker.DIRECTION}', {switch_ticker.STOP_TIME});
      <!-- END switch_ticker -->
   });

   <!-- BEGIN switch_login_popup -->
      var logInPopUpLeft, logInPopUpTop, logInPopUpWidth = {LOGIN_POPUP_WIDTH}, logInPopUpHeight = {LOGIN_POPUP_HEIGHT}, logInBackgroundResize = true, logInBackgroundClass = false;
   <!-- END switch_login_popup -->

   <!-- BEGIN switch_login_popup -->
   $(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
            });
      });
   });
   <!-- END switch_login_popup -->
   //]]>
   </script>
   {GREETING_POPUP}
   <!-- BEGIN switch_ticker_new -->
   <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>
   <!-- END switch_ticker_new -->
   {HOSTING_JS}
   <!-- BEGIN google_analytics_code -->
   <script type="text/javascript">
   //<![CDATA[
    var _gaq = _gaq || [];
    _gaq.push(['_setAccount', '{G_ANALYTICS_ID}']);
    _gaq.push(['_trackPageview']);
   _gaq.push(['_trackPageLoadTime']);

   <!-- BEGIN google_analytics_code_bis -->
   _gaq.push(['b._setAccount', '{G_ANALYTICS_ID_BIS}']);
   _gaq.push(['b._trackPageview']);
   <!-- END google_analytics_code_bis -->

    (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>
   <!-- END google_analytics_code -->
</head>
<body background="{T_BODY_BACKGROUND}" bgcolor="{T_BODY_BGCOLOR}" text="{T_BODY_TEXT}" link="{T_BODY_LINK}" vlink="{T_BODY_VLINK}">
   <!-- BEGIN hitskin_preview -->
   <div id="hitskin_preview" style="display: block;">
      <h1><img src="http://illiweb.com/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>
   <!-- END hitskin_preview -->

   <!-- BEGIN switch_login_popup -->
   <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>
   <!-- END switch_login_popup -->

  <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>
                  <!-- BEGIN switch_logo_left -->


                  <td><a href="{U_INDEX}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1" /></a></td>
                  <!-- END switch_logo_left -->
                  <td align="center" width="100%" valign="middle">
                     <!-- BEGIN switch_logo_center -->
                     <a href="{U_INDEX}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1" /></a>
                     <br />
                     <!-- END switch_logo_center -->
                     <div class="maintitle">{MAIN_SITENAME}</div>
                     <br />
                     <span class="gen">{SITE_DESCRIPTION}<br />&nbsp; </span>
                  </td>
                  <!-- BEGIN switch_logo_right -->
                  <td><a href="{U_INDEX}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1" /></a></td>
                  <!-- END switch_logo_right -->
               </tr>
            </table>

            

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

            <!-- BEGIN switch_ticker_new -->
            <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;">
                              <!-- BEGIN ticker_row -->
                              <li>{switch_ticker.ticker_row.ELEMENT}</li>
                              <!-- END ticker_row -->
                           </ul>
                        </div>
                     </td>
                  </tr>
               </table>
            </div>
            <!-- END switch_ticker_new -->

            <!-- BEGIN switch_ticker -->
            <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">
                                 <!-- BEGIN ticker_row -->
                                 <div>{switch_ticker.ticker_row.ELEMENT}</div>
                                 <!-- END ticker_row -->
                              </div>
                           </div>
                        </div>
                     </td>
                  </tr>
               </table>
            </div>
            <!-- END switch_ticker -->

            <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}">
                                 <!-- BEGIN giefmod_index1 -->
                                 {giefmod_index1.MODVAR}
                                    <!-- BEGIN saut -->
                                    <div style="height:{SPACE_ROW}px"></div>
                                    <!-- END saut -->
                                 <!-- END giefmod_index1 -->
                              </div>
                           </td>
                           <td valign="top" width="100%">
<!-- BEGIN html_validation -->
                           </td>
                        </tr>
                     </tbody>
                  </table>
               </div>
            </div>
         </td>
      </tr>
   </table>
</body>
</html>
<!-- END html_validation -->


I am a ghost (absence forever). Embarassed 
Je vous nem. I love you
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
Crazy codeuse ♣ RP en pause
Crazy codeuse ♣ RP en pauseGemma Anderson
avatar Messages : 2234
Date d'inscription : 25/12/2012
Localisation : J'ignore où je suis arrivée...

Ô Grand moi
Relations:
Race & Mythologie: Demi-déesse romaine
Pouvoirs:
MessageSujet: 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">
         <!-- BEGIN switch_user_authpost -->
         <a href="{U_POST_NEW_TOPIC}" rel="nofollow"><img src="{POST_IMG}" id="{POST_IMG_ID}" border="0" /></a>
         <!-- END switch_user_authpost -->
      </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>


I am a ghost (absence forever). Embarassed 
Je vous nem. I love you
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
Crazy codeuse ♣ RP en pause
Crazy codeuse ♣ RP en pauseGemma Anderson
avatar Messages : 2234
Date d'inscription : 25/12/2012
Localisation : J'ignore où je suis arrivée...

Ô Grand moi
Relations:
Race & Mythologie: Demi-déesse romaine
Pouvoirs:
MessageSujet: 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">
         <!-- BEGIN switch_user_authpost -->
         <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>   
         <!-- END switch_user_authpost -->
         <!-- BEGIN switch_user_authreply -->
         <a href="{U_POST_REPLY_TOPIC}"><img src="{REPLY_IMG}" id="i_reply" alt="{L_POST_REPLY_TOPIC}" align="middle" border="0" /></a>
         <!-- END switch_user_authreply -->
         </span>
      </td>
      <td align="left" valign="middle" nowrap="nowrap">
         <!-- BEGIN switch_twitter_btn -->
         <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>
         <!-- END switch_twitter_btn -->
         <!-- BEGIN switch_fb_likebtn -->
         <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>
         <!-- END switch_fb_likebtn -->
      </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>
            <!-- BEGIN switch_plus_menu -->
             | 
            <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>
            <!-- END switch_plus_menu -->
         </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>
   <!-- BEGIN topicpagination -->
   <tr>
      <td class="row1 pagination" colspan="2" align="right" valign="top"><span class="gensmall">{PAGINATION}</span></td>
   </tr>
   <!-- END topicpagination -->
   {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>
   <!-- BEGIN postrow -->
   <!-- BEGIN displayed -->
   <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">
                  <!-- BEGIN profile_field -->
                  <span class="postdetails poster-profile">{postrow.displayed.profile_field.LABEL}{postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}</span>
                  <!-- END profile_field -->
                  </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://illiweb.com/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">
                  <!-- BEGIN switch_vote_active -->
                  <div class="vote gensmall">
                     <!-- BEGIN switch_vote -->
                     <div class="vote-button"><a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_PLUS}">+</a></div>
                     <!-- END switch_vote -->

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

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

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

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

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

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

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

                                 <!-- BEGIN switch_dl_att -->
                                 <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}
                                 <!-- END switch_dl_att -->

                                 <!-- BEGIN switch_no_dl_att -->
                                 {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}
                                 <!-- END switch_no_dl_att -->
                              </dt>

                              <!-- BEGIN switch_no_comment -->
                              <dd>
                                 <em>{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_comment.ATTACHMENT_COMMENT}</em>
                              </dd>
                              <!-- END switch_no_comment -->

                              <!-- BEGIN switch_no_dl_att -->
                              <dd>
                                 <em><strong>{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.TEXT_NO_DL}</strong></em>
                              </dd>
                              <!-- END switch_no_dl_att -->

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

                     <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}<!-- BEGIN contact_field --> {postrow.displayed.contact_field.CONTENT}<!-- END contact_field --> {postrow.displayed.ONLINE_IMG}
               </td>
            </tr>
         </table>
      </td>
   </tr>
   <!-- BEGIN first_post_br -->
</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>
   <!-- END first_post_br -->
   <!-- END displayed -->
   <!-- BEGIN hidden -->
   <tr>
      <td class="postdetails {postrow.hidden.ROW_CLASS}" colspan="2" align="center">{postrow.hidden.MESSAGE}</td>
   </tr>
   <!-- END hidden -->
   <!-- END postrow -->
   <!-- BEGIN no_post -->
   <tr align="center">
      <td class="row1" colspan="3" height="28">
         <span class="genmed">{no_post.L_NO_POST}</span>
      </td>
   </tr>
   <!-- END no_post -->
   <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>
      <!-- BEGIN topicpagination -->
      <td class="row1" align="right" valign="top" ><span class="gensmall">{PAGINATION}</span></td>
      <!-- END topicpagination -->
   </tr>
   <!-- BEGIN switch_user_logged_in -->
   <!-- BEGIN watchtopic -->
   <tr>
      <td class="row2" colspan="2" align="right" valign="top"><span class="gensmall">{S_WATCH_TOPIC}</span></td>
   </tr>
   <!-- END watchtopic -->
   <!-- END switch_user_logged_in -->
</table>

<!-- BEGIN promot_trafic -->
<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">
         <!-- BEGIN link -->
         » <a style="text-decoration:none" href="{promot_trafic.link.U_HREF}" target="_blank" title="{promot_trafic.link.TITLE}">{promot_trafic.link.TITLE}</a><br />
         <!-- END link -->
      </td>
   </tr>
</table>
<!-- END promot_trafic -->

<!-- BEGIN switch_forum_rules -->
<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>
                  <!-- BEGIN switch_forum_rule_image -->
                  <td class="logo">
                     <img src="{RULE_IMG_URL}" />
                  </td>
                  <!-- END switch_forum_rule_image -->
                  <td class="rules postbody">
                     {RULE_MSG}
                  </td>
               </tr>
            </table>
         </td>
      </tr>
   </tbody>
</table>
<!-- END switch_forum_rules -->

<table class="forumline noprint" width="100%" border="0" cellspacing="0" cellpadding="0">
   <tr>
      <td class="row2" colspan="2" align="center" style="padding:0px">
         <!-- BEGIN switch_user_logged_in -->
         <a name="quickreply"></a>
         {QUICK_REPLY_FORM}<br />
         <!-- END switch_user_logged_in -->
      </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>
      <!-- BEGIN show_permissions -->
      <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>
      <!-- END show_permissions -->
      <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>
                  <!-- BEGIN show_permissions -->
                  <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>
                  <!-- END show_permissions -->
               </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">
            <!-- BEGIN switch_user_authpost -->
            <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>   
            <!-- END switch_user_authpost -->
            <!-- BEGIN switch_user_authreply -->
            <a href="{U_POST_REPLY_TOPIC}"><img src="{REPLY_IMG}" alt="{L_POST_REPLY_TOPIC}" align="middle" border="0" /></a>
            <!-- END switch_user_authreply -->
         </span>
      </td>

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

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

<!-- BEGIN viewtopic_bottom -->
<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="sid" value="{S_SID}" /> -->
            <input type="hidden" name="{SECURE_ID_NAME}" value="{SECURE_ID_VALUE}" />

            <span class="gen">{L_MOD_TOOLS}<br />{S_SELECT_MOD}&nbsp;<input class="liteoption" type="submit" value="{L_GO}" /></span>
         </form>
      </td>
   </tr>
</table>
<!-- END viewtopic_bottom -->

<!-- BEGIN switch_image_resize -->
<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>
<!-- END switch_image_resize -->
<script src="{JS_DIR}addthis/addthis_widget.js" type="text/javascript"></script>


I am a ghost (absence forever). Embarassed 
Je vous nem. I love you
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
Crazy codeuse ♣ RP en pause
Crazy codeuse ♣ RP en pauseGemma Anderson
avatar Messages : 2234
Date d'inscription : 25/12/2012
Localisation : J'ignore où je suis arrivée...

Ô Grand moi
Relations:
Race & Mythologie: Demi-déesse romaine
Pouvoirs:
MessageSujet: 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='';" />&nbsp;
      </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>


I am a ghost (absence forever). Embarassed 
Je vous nem. I love you
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
Crazy codeuse ♣ RP en pause
Crazy codeuse ♣ RP en pauseGemma Anderson
avatar Messages : 2234
Date d'inscription : 25/12/2012
Localisation : J'ignore où je suis arrivée...

Ô Grand moi
Relations:
Race & Mythologie: Demi-déesse romaine
Pouvoirs:
MessageSujet: 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>


I am a ghost (absence forever). Embarassed 
Je vous nem. I love you
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
Crazy codeuse ♣ RP en pause
Crazy codeuse ♣ RP en pauseGemma Anderson
avatar Messages : 2234
Date d'inscription : 25/12/2012
Localisation : J'ignore où je suis arrivée...

Ô Grand moi
Relations:
Race & Mythologie: Demi-déesse romaine
Pouvoirs:
MessageSujet: 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)])
       
        });


I am a ghost (absence forever). Embarassed 
Je vous nem. I love you
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
Crazy codeuse ♣ RP en pause
Crazy codeuse ♣ RP en pauseGemma Anderson
avatar Messages : 2234
Date d'inscription : 25/12/2012
Localisation : J'ignore où je suis arrivée...

Ô Grand moi
Relations:
Race & Mythologie: Demi-déesse romaine
Pouvoirs:
MessageSujet: 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é !


I am a ghost (absence forever). Embarassed 
Je vous nem. I love you
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
Contenu sponsorisé
MessageSujet: Re: Version 1 : Grecs et Romains   

Revenir en haut Aller en bas
 

Version 1 : Grecs et Romains

Voir le sujet précédent Voir le sujet suivant Revenir en haut 
Page 1 sur 1

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
Terre Divine :: Anciennes versions-