Le Deal du moment : -45%
WHIRLPOOL OWFC3C26X – Lave-vaisselle pose libre ...
Voir le deal
339 €

Partagez
 

 Version 5 : Créatures

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
Gemma Anderson 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 5 : Créatures   Version 5 : Créatures Icon_minitimeSam 31 Aoû - 21:42

UC
Revenir en haut Aller en bas
Crazy codeuse ♣ RP en pause
Crazy codeuse ♣ RP en pauseGemma Anderson
Gemma Anderson 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 5 : Créatures   Version 5 : Créatures Icon_minitimeSam 31 Aoû - 21:42

PA

UC
Revenir en haut Aller en bas
Crazy codeuse ♣ RP en pause
Crazy codeuse ♣ RP en pauseGemma Anderson
Gemma Anderson 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 5 : Créatures   Version 5 : Créatures Icon_minitimeSam 31 Aoû - 21:43

CSS provisoire

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


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

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

body {
   background-color: #0E0606;
   background-position: center top;
   background-repeat: no-repeat;
   color: #A55E35;
}
td.bodyline {
   border: none !important;
}
table.bodylinewidth {
   margin: auto;
   margin-top: -10px;
}


   /*** Apparence générale forumline ***/
 
table.largeur {
   width: 800px;
   margin: auto;
}
.forumline {
   border-collapse: collapse;
}


   /*** Liens ***/
 
/* Liens généraux */

a {
    text-decoration: none!important;
   text-decoration: none;
}

a:link, a:visited , .forumline .nav a:link, .forumline .nav a:visited {
    text-decoration: none!important;
   text-decoration: none;
   transition: all 0.5s ease;
   color: #A55E35;
}
a:hover, .forumline .nav a:hover {
    text-decoration: none !important;
   text-decoration: none;
   transition: all 0.5s ease;
   color: #732F24;
}


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

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

a.nav img {
 display: block;
}


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

div.postbody {
   text-align:justify;
   margin: 10px;
}


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

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




               /*** BARRE DE NAVIGATION ***/

.navigation {
 background-color: #FFDD8E;
 padding: 4px;
 margin: 0;
 width: 100%;
 border-radius: 50px;
 margin-top: 20px;
}

a.mainmenu, .partie {
 font-size: 16px;
 text-align: center;
 font-family: Tahoma, Sans-Serif;
 letter-spacing: -1px;
 text-transform: uppercase;
}

a.mainmenu:link, a.mainmenu:visited, .partie {
 text-shadow: 1px 1px 0 #732F24;
 color: #A55E35;
}

a.mainmenu:hover, a.mainmenu:active, a.mainmenu:focus, .partie:hover {
 text-shadow: none;
 font-style: normal;
}
.mainmenu img {
 display: none;
}


 
               /*** BANNIERE ***/
 

#i_logo
{
   margin: 20px;
   height: 600px;
}

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


         /*** Catégorie ***/


th.secondarytitle {
   background: #442C15;
   height: 120px;
   width: 800px;
   border-top-left-radius: 100px;
   border-top-right-radius: 100px;
}

th.secondarytitle h2 {
   font-size: 48px;
   font-family: la-belle-aurore, cursive;
   text-align: center;
   display: block;
   color: #732F24;
   text-shadow: 0 0 4px #732F24;
   text-transform: none;
}

 
         /*** Forums ***/

.fond {
   background: #442C15;
}
td.BlocFo {
   padding-left: 60px!important;
   padding-right: 60px!important;
}
.lastpost {
   float:right;
   width: 150px;
   text-align: center;
   padding: 5px;
}
img.newmsg {
   float: right;
   padding-left: 7px;
   padding-right: 5px;
}

.BlocForum {
   border-radius: 30px;
   background: #26150A;
   padding: 5px 5px 4px 5px;
}

.descforum {
   color: #442C15;
   transition: color .5s ease;
   text-align: justify;
   padding: 0 3px 0 5px;
   margin: 0 0 1px 0;
   overflow: auto;
   height: 60px;
}
.descforum:hover {
   color: #A55E35;
   transition: color .5s ease;
}
.descforum .gras {
   color: #732F24;
   font-weight: bolder;
}

.sousfo {
   text-align: center;
   font-size: 0;
}
.sousfo a {
   font-size: 11px;
   color: #A55E35;
}
.sousfo a:hover {
   color: #A55E35;
}
.sousfo a:after {
   content: " ";
}
.sousfo a:before {
   content: "♣ ";
   color: #732F24;
   transition: all .5s ease;
}
.sousfo a:hover:before {
   content: "♥ ";
   transition: all .5s ease;
}

   /* Titre forum */

span.forumlink a {
   font-size: 40px;
   font-family: la-belle-aurore, cursive;
   text-transform : lowercase;
   text-align: center;
   line-height: 40px;
   display: block;
   margin-top: 15px;
   margin-bottom: 0;
   transition-delay: .3s;
}
span.forumlink:hover a {
   margin-top: 0;
   margin-bottom: 15px;
}
span.forumlink a:link, span.forumlink a:visited {
   color: #A55E35;
   text-shadow: 0 0 5px #A55E35;
}
span.forumlink a:hover, span.forumlink a:focus, span.forumlink a:active {
   color: #732F24;
   text-shadow: 0 0 5px #732F24;
}


   /* Infobulle stats */
   
span.forumlink {
   display: block;
   position: relative;   `
   text-align: center;
   margin: auto;
   top: 14px;
}

span.forumlink .stats {
   opacity: 0;
   transition: all .5s ease;
   font-size: 10px;
   text-transform: uppercase;
   display: block;
   margin-top: -24px;
   height: 24px;
   text-align: center;
   color: #26150A;
}

span.forumlink:hover .stats {
   opacity: 1;
   transition: all .5s ease .3s;
}


.forumline .row1, .forumline .row2, .forumline .row3, .forumline .row3Right {
   margin: 0;
   padding: 0;
}



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

input, select, textarea {
    color : #000000;
    font: normal 11px Arial;
    -webkit-border-radius: 10px;
 -moz-border-radius: 10px;
 border-radius: 10px;
 padding: 5px;
}
textarea, select {
    border-left: 3px solid #FFA600;
    border-right: 3px solid #FFA600;
 border-top: none;
 border-bottom: none;
 transition: all 0.5s ease;
}
input {
    border: none;
}
textarea:hover, select:hover {
    border-left: 3px solid #A55E35;
    border-right: 3px solid #A55E35;
 transition: all 0.5s ease;
}

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


 
               /*** AFFICHAGE DES MESSAGES ***/
 

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

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

th, h1.cattitle {
    font-size: 12px;
    text-decoration: none!important;
 text-decoration: none;
 text-align:center;
 text-transform: uppercase;
 font-family: Arial, Serif;
 color: white;
}

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



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

 
.quote, .code, .spoiler_content, .spoiler_closed {
 color: #000000;
 background-color: #FFDCB4;
 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;
 border-radius: 10px;
 display: block;
 background: #FFDCB4;
 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 {
 border-radius: 10px;
 transition: all 0.5s ease;
}
span.Avatar img {
    width: 200px;
  height: 320px;
}
span.Avatar img:hover, span.postdetails.poster-profile img:hover {
 border-radius: 30px;
 transition: all 0.5s ease;
}
span.postdetails.poster-profile img {
 width: 200px;
 max-height: 200px;
}

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

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

.cadre3 {
 background: #A61449;
 -webkit-border-radius: 10px;
 -moz-border-radius: 10px;
 border-radius: 10px;
 padding: 5px;
 border: 5px solid white;
 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;
 text-transform: uppercase;
 color: white;
 text-family: Arial, Serif;
}

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

.nomrang {
}
.profil .label {
}
.profil .postdetails.poster-profile .label:before {
 content: "* ";
 color: white;
 font-weight: bold;
}
.profil .content{
}
.profil .separator{
}
.name textarea {
 border-color: black;
}
.name a:link, .name a:visited {
 opacity: 1;
}
 

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

   /* Liens Top sites et Top partenaires */

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

a.top:active, a.top:focus, a.top:hover {
 text-shadow: 1px 1px 3px black;
}

   /* Lignes PA */

table.pa {
 border-collapse: collapse;
}
table.pa td.haut, table.pa td.bas, table.pa td.moyen {
 width: 245px;
 vertical-align: top;
}
table.pa td.haut p, .news {
 text-align: justify;
 max-height: 100px;
overflow: auto;
}
table.pa td.haut p {
 padding-right: 5px;
}
table.pa td.gauche {
 padding-right: 5px;
 padding-left: 15px;
}
table.pa td.milieu {
 padding-right: 10px;
 padding-left: 10px;
}
table.pa td.droite {
 padding-right: 15px;
 padding-left: 5px;
}


 /* PV/scenarios ET membres */
 /* Infobulle groupes QEEL */

table.pa p.infobulle, p.membres {
 text-align: center;
}
table.pa p.infobulle a, p.membres strong, span.infogrp {
 position: relative;
}
table.pa p.infobulle a span, p.membres strong span, span.infogrp em {
 opacity:0;
 transform:scale(0) rotate(-12deg);
 transition:all .25s;
 position: absolute;
 z-index: 800;
 border-radius: 10px;
 padding: 3px;
 width: 130px;
 color: white;
background:rgba(0,0,0,.9);
box-shadow:0 0 2px rgba(0,0,0,.5);
 z-index: 900;
}
table.pa p.infobulle a span {
 font-size: 11px;
}
span.infogrp em a {
 color: white;
}
table.pa p.infobulle a:hover span, p.membres strong:hover span, span.infogrp:hover em {
 opacity:1;
 transform:scale(1) rotate(0);
transition:all .25s;
}
table.pa p.infobulle a span {
 top: 7px;
 left: -48px;
}
span.infogrp em {
 top: 14px;
 left: -48px;
}
table.pa p.infobulle a span:before, p.membres strong span:before, span.infogrp em:before {
 content:'';
 position:absolute;
 width:0;
 height:0;
 border-bottom:6px solid rgba(0,0,0,.9);
 border-left:6px solid transparent;
 border-right:6px solid transparent;
 top:-5px;
}
table.pa p.infobulle a span:before, span.infogrp em:before {
 left:59px;
}
p.membres strong span#membre1:before {
 left: 15px;
}
p.membres strong span#membre2:before {
 left: 107px;
}

 /* Icones PV/scenarios et membres */

table.pa p.infobulle a {
 opacity: 1;
}
table.pa p.infobulle a img, p.membres img {
 height: 40px;
 width: 40px;
 border-radius: 50px;
    transform: rotate(0deg);
 transition: all 1s ease;
}
table.pa p.infobulle a img:hover, p.membres img:hover {
    transform: rotate(360deg);
 transition: all 1s ease;
}

 /* Membres du mois */

p.membres strong img {
 margin-bottom: -20px;
}
p.membres strong span {
 top: 20px;
 font-weight: normal;
}
p.membres strong span em {
 font-weight: bolder;
}
p.membres strong span#membre2 {
 left: -32px;
}
p.membres strong span#membre1 {
 left: 0;
}

 /* Staff */
 
table.pa div.staff span img {
 height: 50px;
 width: 50px;
 border-radius: 50px;
 z-index: 1;
}
table.pa div.staff {
 position: relative;
 text-align: center;
 height: 100px;
}

table.pa div.staff span {
 position: relative;
 font-size: 10px;
}
table.pa div.staff span span.fond {
 display: block;
    transform: scale(0) rotate(-12deg);
 position: absolute;
 left: -25px;
 top: -65px;
 width: 100px;
 height: 100px;
 z-index: 800;
 border-radius: 50px;
 transition: all 0.3s ease;
}
table.pa div.staff span:hover span.fond {
    transform: scale(1) rotate(0);
 transition: all 0.3s ease;
 z-index: 900;
}
table.pa div.staff span span.fond span {
 background: rgba(255,255,255,0.5);
 display: block;
 width: 90px;
 height: 85px;
 border-radius: 50px;
 position: relative;
 top: 5px;
 left: 5px;
 padding-top: 5px;
}
table.pa div.staff span span.fond strong {
 text-shadow: 1px 1px 0px white;
 font-size: 11px;
}
table.pa div.staff:hover em {
 visibility: hidden;
 opacity: 0;
 transition: all 0.5s ease;
}
table.pa div.staff em {
 visibility: visible;
 opacity: 1;
 transition: all 0.5s ease;
 font-style: normal;
 display: block;
 margin-bottom: 5px;
 margin-top: 5px;
}

 /* Tops */
 
a.top {
 font-size: 18px;
}

 /* Navigation rapide */

.lienpa {
 text-align: center;
 position: relative;
 top: -20px;
}
.lienpa a {
 padding: 4px;
}

 /*** QUI EST EN LIGNE ***/


 table.qeel {
   background: #442C15;
   border-top-left-radius: 100px;
   border-top-right-radius: 100px;
 }
 
.partieqeel {
   border-radius: 30px;
   background: #26150A;
   color: #442C15;
   transition: color .5s ease;
   text-align: justify;
   padding: 10px;
}
.partieqeel .gensmall {
   color: #442C15;
   transition: color .5s ease;
}
.partieqeel:hover, .partieqeel:hover .gensmall {
   color: #A55E35;
   transition: color .5s ease;
 }

.infogrp img {
   margin-top: 10px;
   margin-bottom: 10px;
}


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

               /*** A GARDER ! Ne changer que les couleurs, ecritures, etc. ***/

.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: Verdana, Arial, Serif;
  letter-spacing: -2px;
 font-size: 18px;
 color: white;
}
.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: #FFA600;
 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: #732F24;
 border: 5px solid #FFA600;
 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: white;
}

.nompv, .celeb {
 text-align:center;
 color: #A55E35;
 display: inline-block;
 font-family: Verdana, Arial, Serif;
  letter-spacing: -2px;
}

.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: 2px 2px 0 #732F24;
 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: #FFA600;
 transition: all 0.5s ease;
}

img.imgpv:hover, .iconpv:hover {
 border-color: #A55E35;
 transition: all 0.5s ease;
}

.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: Verdana, Arial, Serif;
  letter-spacing: -1px;
 font-variant: small-caps;
 color: #A55E35;
 font-size: 14px;
}

.demidieu span {
 margin-left: 10px;
}
.demidieu span:before {
 content: "* ";
 color: #A55E35;
 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: 25px;
 -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 #FFA600;
}

.lien2 {
 margin-right:-45px;
 padding-right: 25px;
 -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 #FFA600;
}
.inlien2 {
 direction: ltr;
 text-align: justify;
 display: block;
}

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

.pres1, .pres2 {
 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 #FFA600;
}

.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 #FFA600;
}

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

.textomaj:first-letter{
    float: left;
    margin-right: 5px;
 font-family: Georgia, "Times New Roman", Serif;
 color: #A55E35;
 font-size:36px;
 text-transform: uppercase;
 text-shadow: 2px 2px 0 #732F24;
}

tr td.deco {
 background-image: url('http://imageshack.us/a/img849/4541/rz6.png');
 width: 50px;
 height: 176px;
 background-repeat: no-repeat;
 background-position: center center;
 filter:alpha(opacity=60);
-moz-opacity: 0.6;
opacity: 0.6;
 transition: all 1s linear;
}
tr:hover td.deco {
 filter:alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
 transition: all 1s linear;
}

table.relation {
 background: white;
 -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 #FFA600;
 height: 320px;
 width: 200px;
}

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

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

.derecha fieldset {
 background: #732F24;
 -webkit-border-radius: 10px;
 -moz-border-radius: 10px;
 border-radius: 10px;
    border-left: 3px solid #FFA600;
    border-right: 3px solid #FFA600;
 border-top: none;
 border-bottom: none;
 margin: 5px;
 transition: all 0.5s ease;
}

.derecha fieldset:hover {
    border-left: 3px solid #A55E35;
    border-right: 3px solid #A55E35;
 transition: all 0.5s ease;
}

.derecha select {
 background-color: #732F24;
}

div.imgrp {
 padding: 0px;
 -webkit-border-radius: 10px;
 -moz-border-radius: 10px;
 border-radius: 10px;
 border: 5px solid #A55E35;
 height: 320px;
 display: inline-block;
 transition: all 0.5s ease;
}
div.imgrp:hover {
 border-color: #FFA600;
 transition: all 0.5s ease;
}

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




/*** A GARDER ***/

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

 /* 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;
}
Revenir en haut Aller en bas
Crazy codeuse ♣ RP en pause
Crazy codeuse ♣ RP en pauseGemma Anderson
Gemma Anderson 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 5 : Créatures   Version 5 : Créatures Icon_minitimeSam 31 Aoû - 21:44

TEMPLATE : index_box

Code:
<table width="800" 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><br/><br/>
<!-- BEGIN catrow --><!-- BEGIN tablehead --><table class="forumline" width="800" border="0" cellspacing="1" cellpadding="0" align="center">
   <tr>
      <th 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="row1 over BlocFo fond" valign="bottom">
                  
         <h{catrow.forumrow.LEVEL} class="hierarchy">
            <span class="forumlink">
               <a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a>
               <span class="gensmall stats">{catrow.forumrow.POSTS} messages dans {catrow.forumrow.TOPICS} sujets</span>
            </span>
         </h{catrow.forumrow.LEVEL}>      
         
         <div class="BlocForum">   
         
            <div class="gensmall lastpost">{catrow.forumrow.LAST_POST}</div>         
            
            <img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" class="newmsg"/>
      
            <div class="genmed descforum">{catrow.forumrow.FORUM_DESC}</div>
      
            <!-- BEGIN switch_moderators_links -->
            <span class="gensmall">{catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}</span>
            <!-- END switch_moderators_links -->
         
            <div class=" gensmall sousfo">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div>
         
            
      </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 -->
   <tr>
      <td>
         <img src="http://nsm08.casimages.com/img/2013/08/27//1308270745164748911501391.png"/>
      </td>
   </tr>
</table><img src="{SPACER}" alt="" height="5" width="1" /><!-- END tablefoot --><!-- END catrow -->
Revenir en haut Aller en bas
Crazy codeuse ♣ RP en pause
Crazy codeuse ♣ RP en pauseGemma Anderson
Gemma Anderson 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 5 : Créatures   Version 5 : Créatures Icon_minitimeSam 31 Aoû - 21:44

TEMPLATE : index_body

Code:
{JAVASCRIPT}
<!-- BEGIN message_admin_index -->
<table class="forumline largeur" border="0" cellspacing="1" cellpadding="0">
  <!-- BEGIN message_admin_titre -->
  <tr>
      <th class="secondarytitle largeur"><h2>{message_admin_index.message_admin_titre.MES_TITRE}</h2></th>
  </tr>
  <!-- END message_admin_titre -->
  <!-- BEGIN message_admin_txt -->
  <tr>
      <td class="row1 fond" align="center" valign="middle">
      <div class="gensmall">{message_admin_index.message_admin_txt.MES_TXT}</div>
      </td>
  </tr>
     <tr>
      <td>
         <img src="http://nsm08.casimages.com/img/2013/08/27//1308270745164748911501391.png"/>
      </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 border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline largeur">
      <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 border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline largeur">
      <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}
<table class="largeur" 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></span>
        <!-- END switch_user_logged_in -->
        <!-- BEGIN switch_delete_cookies -->
        <br /><span class="gensmall"><a href="{switch_delete_cookies.U_DELETE_COOKIES}" class="gensmall">{switch_delete_cookies.L_DELETE_COOKIES}</a></span>
        <!-- END switch_delete_cookies -->
      </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>

<!-- 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 border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline largeur">
      <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 largeur qeel" border="0" cellspacing="1" cellpadding="0">
   <tr>
   
      <td class="gensmall" valign="middle" align="center" style="width: 61px; padding: 60px 20px 0 60px;">

         <span class="infogrp">
            <a style="color: #852979;" href="http://terre-divine.lebonforum.com/g3-egyptiens">
               <img src="http://nsm08.casimages.com/img/2013/08/29//1308290957364748911509002.png" alt="Egyptiens"/>
            </a>
            <em>Sur Néméïl, pas de pyramide, mais il se pourrait bien qu'ils y trouvent quelques scorpions.<br/>
            <a href="http://terre-divine.lebonforum.com/t13-la-mythologie-egyptienne">[plus d'info]</a>
            <a href="http://terre-divine.lebonforum.com/t26-les-divinites-egyptiennes">[voir les PV]</a>
            </em>
         </span>
         
         <span class="infogrp">
            <a style="color: #244969;" href="http://terre-divine.lebonforum.com/g5-grecs">
               <img src="http://nsm08.casimages.com/img/2013/08/29//1308290959044748911509021.png" alt="Grecs"/>
            </a>
            <em>Ils peuvent être beaux comme des dieux grecs, cela ne les sauvera pas sur Néméïl.<br/>
            <a href="http://terre-divine.lebonforum.com/t15-les-mythologies-grecque-romaine">[plus d'info]</a>
            <a href="http://terre-divine.lebonforum.com/t24-les-divinites-grecques">[voir les PV]</a>
            </em>
         </span>
         
         <span class="infogrp">
            <a style="color: #5E5858;" href="http://terre-divine.lebonforum.com/g7-humains">
               <img src="http://nsm08.casimages.com/img/2013/08/29//1308290957374748911509004.png" alt="Humains"/>
            </a>
            <em>Mortels, sans pouvoirs, on ne les attendait pas sur Néméïl ; c'est probablement pour cela qu'ils y sont.<br/>
            <a href="http://terre-divine.lebonforum.com/t212-les-humains-de-nemeil">[plus d'info]</a>
            </em>
         </span>
      
      
      </td>
      

      
      <td class="gensmall" style="padding-top: 60px;">

         <div class="partieqeel">
         {TOTAL_USERS}. {TOTAL_POSTS}. {NEWEST_USER} que l'on accueille bien chaleureusement ! On vous aime, venez. ♥<br/>
            {TOTAL_USERS_ONLINE}<br/>
            {LOGGED_IN_USER_LIST}
         </div>
         <br/><br/>
         <img src="{L_ONLINE_IMG}" id="i_whosonline" alt="{L_WHO_IS_ONLINE}" style="width: 518px;"/>
         <br/><br/>
         <div class="partieqeel">
      <table>{L_CONNECTED_MEMBERS}</table>
         </div>      
         
      </td>
      
      <td class="gensmall" style="width: 61px; padding: 60px 60px 0 20px;">

         <span class="infogrp" valign="middle">
            <a style="color: #825334;" href="http://terre-divine.lebonforum.com/g6-romains">
               <img src="http://nsm08.casimages.com/img/2013/08/29//1308290957384748911509005.png" alt="Romains"/>
            </a>
            <em>Ils peuvent chercher tant qu'ils veulent, sur Néméïl aucun chemin ne les mènera à Rome.<br/>
            <a href="http://terre-divine.lebonforum.com/t15-les-mythologies-grecque-romaine">[plus d'info]</a>
            <a href="http://terre-divine.lebonforum.com/t27-les-divinites-romaines">[voir les PV]</a>
            </em>
         </span>
         
         <span class="infogrp">
            <a style="color: #3A6334;" href="http://terre-divine.lebonforum.com/g4-scandinaves">
               <img src="http://nsm08.casimages.com/img/2013/08/29//1308290957394748911509008.png" alt="Scandinaves"/>
            </a>
            <em>Ils craignaient plus que tout la fin du monde, heureusement ils ont trouvé une terre d'asile... Néméïl.<br/>
            <a href="http://terre-divine.lebonforum.com/t11-la-mythologie-scandinave">[plus d'info]</a>
            <a href="http://terre-divine.lebonforum.com/t25-les-divinites-nordiques">[voir les PV]</a>
            </em>
         </span>
         
         <span class="infogrp">
            <a style="color: #392145;" href="http://terre-divine.lebonforum.com/g8-creatures">
               <img src="http://nsm08.casimages.com/img/2013/08/29//1308290957364748911509001.png" alt="Créatures"/>
            </a>
            <em>Bien différentes, et pourtant les créatures pourraient bien s'unir pour régner sur Néméïl.<br/>
            <a href="http://terre-divine.lebonforum.com/t8-les-creatures-mythiques">[plus d'info]</a>
            <a href="http://terre-divine.lebonforum.com/t28-les-creatures">[voir les PV]</a>
            </em>
         </span>
      
      </td>
      
   </tr>
   
   <tr>
      <td colspan="3">
         <img src="http://nsm08.casimages.com/img/2013/08/27//1308270745164748911501391.png"/>
      </td>   
   </tr>


  <!-- BEGIN switch_chatbox_activate -->
  <tr>
      <td class="row1" colspan="3">
        <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>
      </td>
  </tr>
  <!-- END switch_chatbox_activate -->
 
</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>  </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 -->
Revenir en haut Aller en bas
Crazy codeuse ♣ RP en pause
Crazy codeuse ♣ RP en pauseGemma Anderson
Gemma Anderson 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 5 : Créatures   Version 5 : Créatures Icon_minitimeSam 31 Aoû - 21:46

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>
  <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="//use.edgefonts.net/la-belle-aurore:n4:all.js"></script>


  <script type="text/javascript" src="http://tinyurl.com/var-fa"></script>
  <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');
        if(pm != null) { 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}');
        if(report != null) { 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://2img.net/i/fa/hitskin/hitskin_logo.png" alt="" /> Hit<em>skin</em>.com</h1>
      <div class="content">
        <p>
            {hitskin_preview.L_THEME_SITE_PREVIEW}
            <br />
            <span>{hitskin_preview.U_INSTALL_THEME}<a href="http://{hitskin_preview.U_RETURN_THEME}">{hitskin_preview.L_RETURN_THEME}</a></span>
        </p>
      </div>
  </div>
  <!-- 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}
 
            <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 />  </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>
           
  <table class="bodylinewidth" width="{T_BODY_TABLE_WIDTH}" cellspacing="0" cellpadding="10" border="0" align="center">
      <tr>
        <td class="bodyline">
            <table cellspacing="0" cellpadding="0" border="0" align="{MENU_POSITION}">
              <tr>
                  <td align="{MENU_POSITION}"{MENU_NOWRAP}><div class="navigation">{GENERATED_NAV_BAR}</div></td>
              </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 largeur">
                  <tr>
                    <td 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 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 -->
Revenir en haut Aller en bas
Contenu sponsorisé
MessageSujet: Re: Version 5 : Créatures   Version 5 : Créatures Icon_minitime

Revenir en haut Aller en bas
 

Version 5 : Créatures

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

 Sujets similaires

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

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