Ancien codage

**Admin**

Page d'acceuil :

Code:: <div id="pagedaccueil">

<div id="titrepa">
      <img src="https://img11.hostingpics.net/pics/735242Welcome.png" />
</div>

<div id="lienspa">
      <span style="color: #AD5263;"></span> <a style="color: black; font-size: 12px;" href="http://arizona-dream.forumgratuit.be/t13-reglement" target="_blank">Règlement</a> <span style="color: #AD5263;"></span> <a style="color: black; font-size: 12px;" href="http://arizona-dream.forumgratuit.be/t14-contexte" target="_blank">Contexte</a> <span style="color: #AD5263;"></span> <a style="color: black; font-size: 12px;" href="http://arizona-dream.forumgratuit.be/f9-scenarios-des-membres" target="_blank">Scénarios</a> <span style="color: #AD5263;"></span> <a style="color: black; font-size: 12px;" href="http://arizona-dream.forumgratuit.be/f159-petites-annonces" target="_blank">Petites annonces</a> <span style="color: #AD5263;"></span><a style="color: black; font-size: 12px;" href="http://arizona-dream.forumgratuit.be/t24-bottin-des-avatars" target="_blank">Bottin</a> <span style="color: #AD5263;"></span> <a style="color: black; font-size: 12px;" href="http://arizona-dream.forumgratuit.be/t56-nous-lier" target="_blank">Nous lier ?</a> <span style="color: #AD5263;"></span> <a style="color: black; font-size: 12px;" href="http://arizona-dream.forumgratuit.be/f28-invites" target="_blank">Invités</a> <span style="color: #AD5263;"></span>
</div><br />
<div id="staffpa">

   <div class="monBloc">

      <div class="blocVolet">
            <img src="https://img4.hostingpics.net/pics/683245gabi.png" />
      </div>
         <strong>Babs - Fondatrice et admin</strong><br /> <a target="_blank" href="http://arizona-dream.forumgratuit.be/privmsg?mode=post&u=12">Mpotte moi mi amor</a> <br /><span style="color: #009900;">Présente</span><br />Sur le forum, je suis <em>Gabriella, Ellie, Courtney, Octavia, Avery, Declan & Carter</em>
   </div>

   <div class="monBloc">

      <div class="blocVolet">
            <img src="https://img4.hostingpics.net/pics/463097jacob.png" />
      </div>
         <strong>CynthiaDS - Administratrice</strong><br /> <a target="_blank" href="http://arizona-dream.forumgratuit.be/privmsg?mode=post&u=3">Je ne mange pas, mpotte moi !</a> <br /><span style="color: #009900;">Présente</span><br />Sur le forum, je suis <em>Jacob, Lyndsey, Savannah, Ambre, Akasha & Niklaus</em>
   </div>

</div>

<div id="contextepa">
      <img id="imgpacontexte" src="https://i.giphy.com/media/cgEEtVZ8r13va/giphy.webp" /><em>Connaissez-vous l'Arizona Dream ? Non ? Eh bien venez le découvrir, vous ne serez pas déçus ! La route est peut-être longue, poussiéreuse et désertique pour arriver à Phoenix. Surtout lorsqu'on emprunte la célèbre route 66 qui borde les déserts d'Arizona, un paysage à couper les souffle, bordés de cactus et de sable. Celui-ci volant au grès des véhicules qui la parcourent durant de longues heures. Habitants de la ville-même, touristes, camionneurs de passage, mais également par tous ces motards passionnés et en totale osmose avec leur bécane.</em> <a style="color: black;" href="http://arizona-dream.forumgratuit.be/t14-contexte" target="_blank">[ Lire la suite ]</a>
</div>

<div style="clear: both;">
      <br /><br />
   <div id="partenairespa">
         <br />Nos amis<br />
      <center>
            <select class="listpartenaire" onchange="window.open(this.options[this.selectedIndex].value)"><option selected="selected">PARTENAIRES</option><option value="http://mimbulusmimbletonia.forumetoile.com/" target="_blank">♪ Mimbulus Mimbletonia</option><option value="http://clintcity.forum-canada.net/" target="_blank">♪ Clint City</option><option value="http://loseyourway.forumactif.org/" target="_blank">♪ Lose Your Way</option><option value="http://wynwoodu.forumactif.com/" target="_blank">♪ Wynwood University</option><option value="http://the-last-survivors.forums-rpg.com/" target="_blank">♪ The Last Survivors</option><option value="http://bes-bbs.meilleurforum.com//" target="_blank">♪ Baguettes en Sucre</option><option value="http://divinecomedie.jdrforum.com/" target="_blank">♪ Divine Comédie</option><option value="http://greenwood-hills.forumactif.com/" target="_blank">♪ Greenwood Hills</option><option value="http://chicago-city-rpg.forumactif.org/" target="_blank">♪ Chicago Outfit</option><option value="http://arizona-dream.forumgratuit.be/t37-nos-partenaires" target="_blank">♪ Et les autres</option></select>
      </center><br />Tops sites <br />
      <center>
            <select class="listpartenaire" onchange="window.open(this.options[this.selectedIndex].value)"><option selected="selected">TOPS SITES</option><option value="http://www.root-top.com/topsite/pubrpgdesign/in.php?ID=163" target="_blank">♪ Classement PRDéen</option><option value="http://www.root-top.com/topsite/obsession27/in.php?ID=22210" target="_blank">♪ Top Obsession</option><option value="http://www.root-top.com/topsite/loveharvard/in.php?ID=299" target="_blank">♪ I love Harvard</option><option value="http://www.root-top.com/topsite/bazzart/in.php?ID=88" target="_blank">♪ Bazzart Top Site</option></select>
      </center>

   </div>

   <div id="newspa">
         Le forum fête ses <strong>trois ans</strong> ! Il a ouvert ses portes le <span style="text-decoration: underline;">15 septembre 2014</span><br /> <span style="text-decoration: underline;">200 mots minimum</span> sont demandés par poste ! <br /> <span style="text-decoration: underline;">Design version 15</span> - Installé le <em>15 Septembre 2017</em> <br /> <strong>Intrigue</strong>: Une fusillade est en cours dans la fête foraine<br /><strong>Événement</strong>: Summer festival ( Musique, alcool, speed dating, etc )<br /> Si vous voulez être informé de tout, n'hésitez pas <span style="text-decoration: underline;">à nous rejoindre sur notre page fb</span>, c'est par <a style="color: black; font-size: 12px;" href="https://www.facebook.com/groups/1485376131735226/?fref=ts" target="_blank">ici</a>
   </div>

   <div id="mdm">
         <img style="width: 150px; height: 150px;" src="https://img4.hostingpics.net/pics/437626mdmJaxDev.png" />
   </div>

   <div style="clear: both;">

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

   </div><br /><br />
   <div id="creditspa">
         L'intégralité du forum appartient au staff. Merci de bien respecter leur travail. Reproduction partielle ou entière strictement interdite. Le forum est optimisé pour Mozilla Firefox. Le design a été créé par Crom ( KWarner ) et le codage par Gabriella (babs). La vidéo du forum, par Gabriella Vasquez Le staff de ARIZONA DREAM
   </div>

   <div id="scenariospa">
         <a href="http://arizona-dream.forumgratuit.be/t3755-m-stjepan-hauser-negociable-le-pere-de-mon-fils-qui-l-ignore" target="_blank"><img class="opacitéetscenarios" src="https://img15.hostingpics.net/pics/958633StjepanHauser.jpg" /></a> <a href="http://arizona-dream.forumgratuit.be/t2678-f-serayah-mcneill-c-est-toi-que-je-veux" target="_blank"><img class="opacitéetscenarios" src="https://img11.hostingpics.net/pics/253192SerayahMcNeill.jpg" /></a> <a href="http://arizona-dream.forumgratuit.be/t3406-f-amanda-hendrick-ma-soeur-de-coeur" target="_blank"><img class="opacitéetscenarios" src="https://68.media.tumblr.com/avatar_d6d84f49ad7c_128.png" /></a> <a href="http://arizona-dream.forumgratuit.be/t3593-m-francisco-lachowski-frere-cousin-et-love" target="_blank"><img class="opacitéetscenarios" src="https://img15.hostingpics.net/pics/176520franciscolachowski.jpg" /></a> <a href="http://arizona-dream.forumgratuit.be/t1041-m-matthew-gray-gubbler-nos-relations-sont-changeantes-mais-surtout-indefectibles" target="_blank"><img class="opacitéetscenarios" src="https://img15.hostingpics.net/pics/208398MatthewGrayGubler.jpg" /></a> <a href="http://arizona-dream.forumgratuit.be/f7-nous-avons-besoin-d-eux" target="_blank"><img class="opacitéetscenarios" src="https://img11.hostingpics.net/pics/288246more3.jpg" /></a>
   </div>
      <iframe src="https://www.youtube.com/embed/-Xxsi8727Fo?rel=0" frameborder="0" allowfullscreen="" style="width: 200px; height: 113px;"></iframe> <br /> <br />
</div>

</div>

**Admin**

Feuille CSS :

Code:: /********************* QEEL *******************/

.titre_qeel {font-size: 20px; font-family: Georgia; text-shadow: 1px 1px 2px #fff; line-height: 7px;
text-transform: uppercase; color: #AD5263; letter-spacing: 3px; text-align: center; text-transform : uppercase; }
.fond_qeel { background-color: #D0CECF; width: 800px; height: 360px; border-radius: 70px; -webkit-border-radius: 70px;
border-bottom: 2px solid #AD5263; border-top: 2px solid #AD5263; }

.stat11 {width : 250px; background-color: #E1D8D7; height: 260px; padding: 5px; text-align: justify; border-radius: 10px;
-webkit-border-radius: 10px; text-align: justify; border-left: 2px solid #AD5263; border-right: 2px solid #AD5263;}
.stat2 {width : 200px; background-color: #E1D8D7; height: 260px; padding: 5px; border-radius: 10px;
-webkit-border-radius: 10px; text-align: justify; border-left: 2px solid #AD5263; border-right: 2px solid #AD5263;}
.connecte {height: 130px; overflow: auto;}

.groupe { text-transform : uppercase; font-family : georgia; text-shadow: 1px 1px 2px #fff; margin-top: 20px; }
.groupe1 {margin-top: 10px; text-align: center;}

/*INFOBULLE WE ARE FAMILY*/

.conteneurfamily {
position: relative;
overflow: visible;
}

.conteneurfamily .infobullefamily {
position: absolute;
top: -157px;
left: 80px;
width: 185px;
height: 135px;
background-color: #D0CECF;
opacity: 0;
visibility: hidden;
font-family: Georgia;
font-size: 10px;
padding: 10px;
border-bottom: 2px solid #7C6743;
border-top: 2px solid #7C6743;
border-left: 1px solid #7C6743;
border-right: 1px solid #7C6743;
}

.conteneurfamily:hover .infobullefamily {
opacity: 1;
visibility: visible;
z-index: 999;
}

/*INFOBULLE SHOW MUST GO ON*/

.conteneurshow {
position: relative;
overflow: visible;
}

.conteneurshow .infobulleshow {
position: absolute;
top: -157px;
left: 80px;
width: 205px;
height: 135px;
background-color: #D0CECF;
opacity: 0;
visibility: hidden;
font-size: 10px;
padding: 10px;
border-bottom: 2px solid #2785C2;
border-top: 2px solid #2785C2;
border-left: 1px solid #2785C2;
border-right: 1px solid #2785C2;
}

.conteneurshow:hover .infobulleshow {
opacity: 1;
visibility: visible;
z-index: 999;
}

/*INFOBULLE FIREFLIES*/

.conteneurfireflies {
position: relative;
overflow: visible;
}

.conteneurfireflies .infobullefireflies {
position: absolute;
top: -157px;
left: 40px;
width: 170px;
height: 135px;
background-color: #D0CECF;
opacity: 0;
visibility: hidden;
font-family: Georgia;
font-size: 10px;
padding: 10px;
border-bottom: 2px solid #4B8967;
border-top: 2px solid #4B8967;
border-left: 1px solid #4B8967;
border-right: 1px solid #4B8967;
}

.conteneurfireflies:hover .infobullefireflies {
opacity: 1;
visibility: visible;
z-index: 999;
}

/*INFOBULLE WORLD TO THE WISE*/

.conteneurworld {
position: relative;
overflow: visible;
}

.conteneurworld .infobulleworld {
position: absolute;
top: -157px;
left: 80px;
width: 145px;
height: 135px;
background-color: #D0CECF;
opacity: 0;
visibility: hidden;
font-family: Georgia;
font-size: 10px;
padding: 10px;
border-bottom: 2px solid #BB0000;
border-top: 2px solid #BB0000;
border-left: 1px solid #BB0000;
border-right: 1px solid #BB0000;
}

.conteneurworld:hover .infobulleworld {
opacity: 1;
visibility: visible;
z-index: 999;
}

/*INFOBULLE ANARCKY IN THE UK*/

.conteneuranarchy {
position: relative;
overflow: visible;
}

.conteneuranarchy .infobulleanarchy {
position: absolute;
top: -157px;
left: 80px;
width: 185px;
height: 135px;
background-color: #D0CECF;
opacity: 0;
visibility: hidden;
font-family: Georgia;
font-size: 10px;
padding: 10px;
border-bottom: 2px solid #7940FF;
border-top: 2px solid #7940FF;
border-left: 1px solid #7940FF;
border-right: 1px solid #7940FF;
}

.conteneuranarchy:hover .infobulleanarchy {
opacity: 1;
visibility: visible;
z-index: 999;
}

/*INFOBULLE IRON BROTHERHOOD*/

.conteneuriron {
position: relative;
overflow: visible;
}

.conteneuriron .infobulleiron {
position: absolute;
top: -187px;
left: -80px;
width: 185px;
height: 160px;
background-color: #D0CECF;
opacity: 0;
visibility: hidden;
font-family: Georgia;
font-size: 10px;
padding: 10px;
border-bottom: 2px solid #1C578E;
border-top: 2px solid #1C578E;
border-left: 1px solid #1C578E;
border-right: 1px solid #1C578E;
}

.conteneuriron:hover .infobulleiron {
opacity: 1;
visibility: visible;
z-index: 999;
}

/*INFOBULLE LOVE AND MARRIAGE*/

.conteneurlove {
position: relative;
overflow: visible;
}

.conteneurlove .infobullelove {
position: absolute;
top: -147px;
left: 80px;
width: 185px;
height: 125px;
background-color: #D0CECF;
opacity: 0;
visibility: hidden;
font-family: Georgia;
font-size: 10px;
padding: 10px;
border-bottom: 2px solid #EC00C6;
border-top: 2px solid #EC00C6;
border-left: 1px solid #EC00C6;
border-right: 1px solid #EC00C6;
}

.conteneurlove:hover .infobullelove {
opacity: 1;
visibility: visible;
z-index: 999;
}

/* --------------------------------- CATEGORIES --------------------------------- */

.secondarytitle h2 {
font-family:'Indie Flower';
font-weight: lighter;
font-size: 50px;
color: #AD5263;
}

#categories {
background:transparent;
}
table#categories td {
background: #D0CECF;
}
table#categories td a {
color: black;
transition:color linear 0.2s;
-webkit-transition:color linear 0.2s;
}
table#categories td a:hover {
color: #AD5263;
transition:color linear 0.2s;
-webkit-transition:color linear 0.2s;
}
table#categories td img.imgnewpost {
width:137px;
height:48px;
}
table#categories td.newpost {
border-radius:40px 0px 0px 40px;
padding-left:10px;

border-bottom: 2px solid #B2AFAC;
border-top: 1px solid #B2AFAC;
}
table#categories td span#nbposts {
text-transform:uppercase;
font-size:9px;

}
table#categories td span#lastpost {
height:56px;
width:127px;
overflow:visible;
}
table#categories td.descriptions {
border-radius:0px 40px 40px 0px;
padding-right:10px;

border-bottom: 2px solid #B2AFAC;
border-top: 1px solid #B2AFAC;
}
table#categories div.description {
padding:5px;
margin:5px 0px 5px 0px;
overflow:auto;
height:80px;
text-align:justify;
}
table#categories div.forumlink {
text-align:center;
margin-top:-20px;
}
#categories div.forumlink a{
font-size:20px;
color: #AD5263;
font-family:'Indie Flower';
}
table#categories div#details {
text-align:center;
}
table#categories div.lastpost-avatar {
height:120px;
width:80px;
}
table#categories div.lastpost-avatar img {
height:120px;
width:80px;
border: 2px solid #AD5263;

}

.ligne {

border-bottom: 2px solid #B2AFAC;
border-top: 1px solid #B2AFAC;
}

/************************************** Fiches en tout genres *******************/

#bienvenue {
background-color: #E1D8D7;
width: 500px;
margin: auto;
border-top: 3px solid #AD5263;
border-bottom: 3px solid #AD5263;
border-right: 1px solid #AD5263;
border-left: 1px solid #AD5263;
}

#imgfiche {
width: 480px;
border-radius: 25px 25px 0px 0px;
padding-top: 10px;
display: block;
margin-left: auto;
margin-right: auto;
margin-bottom: -15px;
}

#titrefiche {
font-family: 'Shadows Into Light Two', cursive;
font-size: 60px;
color: #AD5263;
text-shadow: 1px 1px 4px black;
}

#textefiche {
margin: 0px 25px 0px 25px;
color: black;
text-align: justify;
}

a {
text-decoration: none;
color: #AD5263;
font-style: italic;
}

#creditfiche {
font-size: 10px;
}

.sstitrefiche {
font-family: 'Shadows Into Light Two', cursive;
font-size: 35px;
color: #AD5263;
text-shadow: 1px 1px 4px white;
margin-bottom: 10px;
}

.lieuxfiche {
font-family: 'Shadows Into Light Two', cursive;
font-size: 16px;
text-shadow: 1px 1px 4px white;
color: #BF6270;
margin-bottom: -40px;
margin-top: -30px;
}

/********************************** Pas de soulignements de liens *********************/

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

/********************************* Profil original ***********************************/

/*AFFICHAGE DE L'AVATAR*/

.name1{
font-family: 'Euphoria Script', cursive;
font-size: 25px;
}

.profilava{
background-color: #E1D8D7; /*couleur de fond*/
width: 230px;
text-align: center;
border-top: 5px solid #868077; /*au-dessus*/
border-bottom: 5px solid #868077; /*en-dessous*/
border-left: 1px dotted #868077;
border-right: 1px dotted #868077;
}

/*INFOS*/

.profilinfo{
background-color: #E1D8D7;
width: 230px;
text-align: justify;
font-size: 12px;
border-top: 5px solid #868077; /*au-dessus*/
border-bottom: 5px solid #868077; /*en-dessous*/
border-left: 1px dotted #868077;
border-right: 1px dotted #868077;
font-size: 11px;
color: #3D6274;
}

.postdetails {
color: #868077;
font-size: 10px;
}

.profilinfo img {
max-width: 200px;
}

/* titre du forum */
a.forumlink {
position: relative;
z-index: 2;
display: block;
width: 100%;
color: #E9E4BE;
text-align: center;
font-size: 12px;
font-weight: bold;
letter-spacing: 1px;
transform: all;
-webkit-transform: all;
transition: 1s;
-webkit-transition: 1s;
font-family: 'Yellowtail', cursive;
}

a.forumlink:hover {
letter-spacing: 4px;
transform: all;
-ms-transform: all; /* utile pour IE9 */
-webkit-transform: all;
transition: 1s;
-webkit-transition: 1s;
color: #E9E4BE;
}

/*INFOBULLES*/

span.profil {
position : relative; }

span.profil span {
display : none;
font-size : 11px;
white-space : normal; }

span.profil:hover {
background : none;
z-index: 999;
cursor : help; }

span.profil:hover span {
display : inline;
position : absolute;
top : -20px;
left : 0px;
background : #E1D8D7; /* fond de l infobulle */
color : #3D6274; /* couleur du texte */
padding : 10px;
border: 2px solid #868077;
text-align : justify;
font-family : Georgia;
font-weight : bolder;
font-variant : small-caps;
font-size : 11px;
width : 210px; }

/* ----------------- Fond de messages ------------------------- */

/*Début corps de message*/
div.postbody {
background-color: #D0CECF;
background-opacity:0.50;
padding: 10px;
margin: 10px;
-webkit-border-bottom-left-radius: 5px;
-webkit-border-bottom-right-radius: 5px;
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
-moz-border-radius-bottomleft: 5px;
-moz-border-radius-bottomright: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
-o-border-radius-bottomleft: 5px;
-o-border-radius-bottomright: 5px;
-o-border-radius-topleft: 5px;
-o-border-radius-topright: 5px;
box-shadow: 0px 0px 2px grey;
-moz-box-shadow: 0px 0px 2px grey;
-htm-box-shadow: 0px 0px 2px grey;
-o-box-shadow: 0px 0px 2px grey;
-webkit-box-shadow: 0px 0px 2px grey;
}

/********************************** Sélection de texte ***************************/
/******* En plus du java ***********/

.selectCode { float:right; text-transform: uppercase; cursor:pointer; }
div.cont_code { clear: right; }

/********************************** image profil largeur ************************/

.profil2_mess img {
border-radius: 10px;
margin-bottom: 10px;
width: 160px;
}

/*** --------------------pa------------------------------ ***/

div#pagedaccueil {
border-top: 3px solid #AD5263;
border-bottom: 3px solid #AD5263;
background: #D0CECF;
border-radius: 25px;
width: 750px;
box-shadow: 0px 4px 7px grey;

}

#titrepa {
align: center;
font-size: 24px;
}

#lienspa {
font-family: 'Kite One', sans-serif;
font-size: 15px;
color: black;
}

#imgpacontexte {
float: left;
width: 150px;
margin-right: 5px;
margin-bottom: 5px;
}

#contextepa {
width: 456px;
height: 140px;
border-left: 2px solid #AD5263;
border-right: 2px solid #AD5263;
padding: 5px 5px 5px 5px;
text-align: justify;
font-family: 'Kite One', sans-serif;
font-size: 12px;
overflow: auto;
color: black;
}

#staffpa {
width: 220px;
height: 150px;
float: left;
margin-left: 15px;
}

.imgstaff {
margin-bottom: 2px;
}

/* Bloc principal */
.monBloc {
position: relative; /* important ! */
overflow: hidden; /* cache tout ce qui dépasse du bloc. Si vous voulez que votre volet dépasse, retirez cette ligne */
width: 220px; /* largeur du bloc */
height: 73px; /* hauteur du bloc */
background: #B2AFAC; /* couleur de fond */
margin-bottom: 2px;
}

/* Bloc de recouvrement */
.blocVolet {
position: absolute; /* positionnement absolu (important) */
top: 0; /* (important) */
left: 0; /* (important) */
width: 220px; /* largeur du bloc (identique au bloc principal) */
height: 73px; /* hauteur du bloc (identique au bloc principal) */

/* réglage de la transition */
-webkit-transition: all 1s linear;
-moz-transition: all 1s linear;
-ms-transition: all 1s linear;
-o-transition: all 1s linear;
transition: all 1s linear;
}

/* Changement au survol */
.monBloc:hover > .blocVolet {
left: -220px; /* le bloc se décalera vers la gauche de 250px; (largeur du bloc) */
}

#mdm {
width: 150px;
height: 150px;
float: left;
margin-left: 15px;
}

/* partenaires */

.listpartenaire {
width: 150px;
}

#partenairespa {
float: left;
width: 170px;
height: 150px;
margin-left: 15px;
font-size: 18px;
border-left: 2px solid #AD5263;
border-right: 2px solid #AD5263;
color: black;
}

#newspa {
float: left;
width: 340px;
height: 130px;
background-color: rgba(134, 128, 119, 0.4);
padding: 10px 10px 10px 10px;
margin-left: 15px;
font-family: 'Kite One', sans-serif;
font-size: 11px;
text-align: left;
color: black;

}

#scenariospa {
float: left;
width: 180px;
height: 80px;
margin-left: 15px;
}

.opacitéetscenarios {
opacity:0.75;
-webkit-transition: opacity 0.5s ease-in-out;/*chrome*/
-moz-transition: opacity 0.5s ease-in-out;/*mozilla*/
transition: opacity 0.5s ease-in-out;/*autre navigateur*/
height: 43px;
border: 1px solid grey;
margin-right: 3px;
margin-bottom: 5px;
margin-top: 5px;
}

.opacitéetscenarios:hover {
opacity: 1;
}

#creditspa {
float: left;
width: 280px;
height: 85px;
border-left: 2px solid #AD5263;
border-right: 2px solid #AD5263;

padding: 16px 10px 10px 10px;
font-style: italic;
color: black;
font-size: 10px;
margin-left: 15px;
}

#playlist {
align: center;
padding-top: 10px;
}

/* ------------------Enlever dernière édition des messages ---------*/

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

/* ---------------boutons-------------------*/

input.mainoption {
background-color: #AD5263;
}

input.liteoption {
background-color: #AD5263;
}

/***************************************** barre navigation ****************************************/

/* NAVIGATION */
#navSIT {
position:absolute; top:0; left:50px; /* MODIFIABLE - DETERMINE LA POSITION */
width:175px; padding:40px 5px 25px; border-radius:0 0 50px 50px;
background: #868077; /* MODIFIABLE */
box-shadow: 0px 7px 7px grey;
}
.mainmenu img{
display:none;
}
/* LIEN NAVIGATION */
#navSIT a{
display:block;
text-transform:uppercase; text-align:center; font-size:12px;
color:white; /* MODIFIABLE */
}
/* SURVOL LIEN NAVIGATION */
#navSIT a:hover {
font-weight:bold;
}

/***********************cadre autour du corps du forum ******************************/

.bodyline {
border: 3px solid #AD5263;
box-shadow: 0px 4px 15px black;
}

/******************** catégories en image **********************************/

a.cattitle span, .secondarytitle h2 span, .table-title h2 span, .maintitle h2 span, .page-title h2 span { display: none; }
a.cattitle img, .secondarytitle h2 img, .table-title h2 img, .maintitle h2 img, .page-title h2 img { display: inline!important; }

/* MODIFICATION SUR LA BALISE CODE */
.code {
border: 1px #4E5C74 solid; /* Mettre une bordure */
border-radius: 15px; /* Mettre des arrondis */
}

/* MODIFICATION SUR LA BALISE SPOILER FERMÉE */
.spoiler_closed {
border: 1px #4E5C74 solid; /* Mettre une bordure */
border-radius: 15px; /* Mettre des arrondis */
}

/* MODIFICATION SUR LA BALISE SPOILER OUVERTE */
.spoiler_content{
border: 1px #4E5C74 solid; /* Mettre une bordure */
border-radius: 15px; /* Mettre des arrondis */
color: black; /* Changer la couleur du texte */
}

/***************************** AFFICHAGE LISTE DES MEMBRES *********************************/
/* ENTÊTE - RECHERCHER UN UTILISATEUR OU MODIFIER ORDRE AFFICHAGE */
.tleLMBER {
margin:0 auto 5px; width:640px; padding:5px 0;
background:none; /* MODIFIABLE */
}
/* BLOC LISTE DES MEMBRES */
#LMBER {
margin:auto; width:660px; text-align:center;
}
/* BLOC MEMBRE */
#MBER {
float:left; margin:15px 10px 10px;
width:200px; height:325px; font-family:Arial;
}
/* BLOC PSEUDONYME */
#nameLMBER {
position:absolute; z-index:3; margin-top:-10px; margin-left:85px;
width:100px; height:auto;
}
/* OMBRES BLOC PSEUDONYME */
.triLMBER {
position:absolute; z-index:2; margin-top:-10px; margin-left:80px;
width:0; height:0; border-style:solid; border-width:0 0 15px 5px; border-color:transparent;
border-bottom-color:grey; /* MODIFIABLE */
}
.triRMBER {
position:absolute; margin-top:-10px; margin-left:185px;
width:0; height:0; border-style:solid; border-width:15px 0 0 5px; border-color:transparent;
border-left-color:grey; /* MODIFIABLE */
}
/* PSEUDONYME */
.nameLMBER{
width:80px; padding:10px 10px 0;
text-align:center; text-transform:uppercase;
background:rgba(255,255,255,0.9); /* MODIFIABLE */
}
/* IMAGES MP * WWW */
.btnLMBER {
margin-top:5px; text-align:center;
}
/* TRIANGLE BAS PSEUDONYME */
.triMBER {
width:0; height:0; border-style:solid; border-width:20px 50px 0 50px; border-color:transparent;
border-top-color:rgba(255,255,255,0.9); /* MODIFIABLE */
}
/* AVATAR */
.imgLMBER img{
position:absolute; z-index:2; margin-left:-100px; width:200px; height:320px;
transition:all 0.85s linear; -webkit-transition:all 0.85s linear;
}
.imgLMBER {
width:200px; height:320px; overflow:hidden;
}
.imgLMBER div {
position:relative;
width:200px; height:320px; overflow:hidden;
}
/* BLOC MESSAGES / INSCRIPTION / DERNIERE VISITE */
.imgLMBER div div{
width:190px; height:145px; padding:5px; overflow:hidden;
font-size:11px; text-align:center;
transition:transform 0.85s linear; -webkit-transition:transform 0.85s linear;
}
.imgLMBER:hover div div{
transform:translateY(240px); -webkit-transform:translateY(240px);
}
.imgLMBER:hover img{
transform:translateY(-85px); -webkit-transform:translateY(-85px);
}
/* FOND MESSAGES / INSCRIPTION / DERNIERE VISITE */
.imgLMBER div div span{
display:inline-block; vertical-align:top; height:17px; padding-top:3px;
text-align:center; text-transform:uppercase; font-size:10px;
background:rgba(250,250,250,0.6); /* MODIFIABLE */
}

/**************************************** Modifs cb ******************************/

#chatbox_header, td.catBottom, #chatbox_header.main-head {
background: #B2AFAC;
}

#chatbox_messenger .catBottom, body.chatbox, #chatbox_footer {
background: #D0CECF;
}

#chatbox {
background: #D0CECF;
}

#chatbox_members {
background: #D0CECF}

#fa_chat_container {
background:#FFF;
border:1px solid #868077;
border-radius:3px;
position:fixed;
right:3px;
z-index:999;
overflow:hidden;
min-width:500px;
min-height:250px;
transition:300ms;
}

#fa_chat {
border:none;
width:100%;
height:100%;
}

#fa_chat_button {
color: black;
line-height:30px;
margin-left:10px;
padding:0 5px;
cursor:pointer;
}

#fa_chat_button.fa_chat_active {
color:#333;
background:#FFF;
}

/************************************** Up Down **********************************/

.upbottom {
position: fixed;
bottom : 0px ;
margin-left : 90% }

**Admin**

index-body :

Code:: {JAVASCRIPT}

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

<tr>
   <td class="catHead" height="28"><span class="cattitle">{message_admin_index.message_admin_titre.MES_TITRE}</span></td>
</tr>


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

</table>



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

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

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



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

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

</form>

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


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

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

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



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

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

</form>




<div class="fond_qeel">
<h1 class="titre_qeel"> Qui est à Phoenix ? </h1>
<table border="0" cellspacing="0" width="100%">
<tr>
<td>
<img src="https://img11.hostingpics.net/pics/7308122174147119612061108027981121846875n.png"> </td>
<td valign="top" align="center">
<div class="stat11">
<span class="gensmall">Soyez le bienvenu sur <b> ARIZONA DREAM </b> ! Mais surtout bienvenue à Phoenix. La chaleur ne vous fait pas peur, les cactus sont la plus belle des végétations, bah vous avez trouvé l'endroit idéal pour vous installer.
{TOTAL_POSTS}<br /><br />
{TOTAL_USERS}<br /><br />
{NEWEST_USER}, qui vient de rejoindre notre grande famille. On lui souhaite la bienvenue <br /><br />
{RECORD_USERS}<br /><br />
{TOTAL_USERS_ONLINE}</span></div>

</td>
<td valign="top" align="center">
<div class="stat2">
<div class="connecte">
<span class="gensmall"> {LOGGED_IN_USER_LIST}</span></div>
<div class="connecte"><table>{L_CONNECTED_MEMBERS}</table></div>
</div>
</td>
<tr>
<td colspan="3">
<div class="groupe1">
<span class="groupe"><span class="conteneurfamily"> <a href="http://arizona-dream.forumgratuit.be/g3-we-are-family"><b><font color=#7C6743 size="2"><span class="objet_visefamily">✓ We are family</span></font> <div class="infobullefamily">Vous êtes proche de votre famille, vous ne vous verriez jamais vivre sans une ribambelle de gamins à vos côtés ou sans vos frères et soeur. Ce groupe est pour vous alors ! Il faut dire que la famille c'est sacré. On peut toujours compter sur eux et ce sont souvent les seuls qui vous comprennes vraiment.</div></b></a></span></span>
<span class="groupe"><span class="conteneurshow"> <a href="http://arizona-dream.forumgratuit.be/g5-show-must-go-on"><b><font color=#2785C2 size="2"><span class="objet_viseshow">✓ Show must go on </span></font> <div class="infobulleshow">Tous les soirs, vous êtes de sortie, vous allez faire la fiesta avec amis, familles et même les plus totals inconnus. L'important pour vous est de vivre la vie à fond, sans jamais rien regretter. Quoique quelques fois, le réveil doit être douloureux. Enfin soit, si vous aimez vous amuser, faire la fête tous les soirs, the show must go on !</div></b></a></span></span>
<span class="groupe"><span class="conteneurfireflies"> <a href="http://arizona-dream.forumgratuit.be/g6-fireflies"><b><font color=#4B8967 size="2"><span class="objet_visefireflies">✓ Fireflies </span></font> <div class="infobullefireflies">Mystérieux, envoutant, troublant, voici autant d'adjectifs qui pourraient vous convenir. Car vous êtes quelqu'un qui n'aime pas se livrer ou plutôt qui aime jouer avec les apparences en gardant votre jardin secret. Quoiqu'il arrive, c'est un groupe fait pour vous !</div></b></a></span></span>
<span class="groupe"><span class="conteneurworld"> <a href="http://arizona-dream.forumgratuit.be/g7-world-to-the-wise"><b><font color=#BB0000 size="2"><span class="objet_viseworld">✓ World to the wise </span></font> <div class="infobulleworld">La sagesse, le calme, la réflexion, voici ce qui vous caractérise. Vous ne vous lancez jamais sans y réfléchir à vingt fois. Ce qui vous vaut malheureusement de passer, quelque fois, à côté de très belles choses. Ce groupe est fait pour vous !</div></b></a></span></span>
<span class="groupe"><span class="conteneuranarchy"> <a href="http://arizona-dream.forumgratuit.be/g8-anarchy-in-the-u-k"><b><font color=#7940FF size="2"><span class="objet_viseanarchy">✓ Anarchy in the U.K. </span></font> <div class="infobulleanarchy">Rebel, anarchiste, se foutant des lois et des conséquences, vous êtes plus fort que la plupart des gens veulent bien le croire. Vous vous amusez sans limites et sans contraintes. Dans un sens, beaucoup vous envie ! Vous ne connaissez pas l'autorité et la rejetez même au plus haut point.</div></b></a></span></span>
<span class="groupe"><span class="conteneuriron"> <a href="http://arizona-dream.forumgratuit.be/g24-iron-brotherhood"><b><font color=#1C578E size="2"><span class="objet_viseiron">✓ Iron Brotherhood </span></font> <div class="infobulleiron">Il s'agit du gang de motards qui règne sur une partie de la ville et sur le trafic de drogue en Arizona. Ils sont maintenant monté au niveau mondial et sont obligatoirement connu dans la région. Groupe fermé - Attention, si vous voulez faire partie de ce groupe, vous devez impérativement en demander les conditions et l'adhésion à Crom Martigan par mp !</div></b></a></span></span>
<span class="groupe"><span class="conteneurlove"> <a href="http://arizona-dream.forumgratuit.be/g28-love-and-marriage"><b><font color=#EC00BD size="2"><span class="objet_viselove">✓ Love and Marriage </span></font> <div class="infobullelove">L'amour, le vrai, le beau, avec un grand A, vous en rêvez la nuit et vous le cherchez le jour. Ou bien vous faites partie des plus chanceux, vous avez déjà trouvé chaussure à votre pieds. Enfin quoiqu'il arrive, si c'est l'amour qui vous importe le plus dans la vie, voici votre groupe !</div></b></a></span></span>
</td>
</tr>
</table>
</div>


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

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


{AUTO_DST}


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

**Admin**

Index_box :

Code:: <table width="100%" border="0" cellspacing="1" cellpadding="0" align="center">
<tr>
<td valign="bottom">

<span class="gensmall">{LAST_VISIT_DATE}<br />
{CURRENT_TIME}<br />
</span>

<div class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC}</div>
</td>
<td class="gensmall" align="right" valign="bottom">

<a class="gensmall" href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a><br />
<a class="gensmall" href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a><br />

<a class="gensmall" href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a>
</td>
</tr>
</table>
<table class="forumline" width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<th colspan="{catrow.tablehead.INC_SPAN}" nowrap="nowrap" width="100%" class="secondarytitle"> {catrow.tablehead.L_FORUM}</th>

</tr>
<table class="forumline" width="100%" border="0" cellspacing="7" cellpadding="5" id="categories">

<tr>
<td class="{catrow.cathead.CLASS_CAT}" colspan="3" 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>
</tr>


<tr class="ligne">
<td class="newpost" align="center" valign="middle">
<img class="imgnewpost" title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
<span id="lastpost" class="gensmall"><br /><br />{catrow.forumrow.LAST_POST}</span>
</td>
<td align="center" valign="middle" class="ligne">
<div class="lastpost-avatar">{catrow.forumrow.avatar.LAST_POST_AVATAR}</div>
</td>
<td valign="top" width="100%" class="descriptions">
<div class="forumlink"><link href='http://fonts.googleapis.com/css?family=Indie+Flower' rel='stylesheet' type='text/css' /><a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a><br /> <span id="nbposts" class="gensmall"><b>{catrow.forumrow.POSTS}</b> messages || <b>{catrow.forumrow.TOPICS}</b> sujets</span></div>
<div class="description"><span class="genmed">{catrow.forumrow.FORUM_DESC}</span></div>
<div id="details" class="gensmall">
<span id="lienssousforums">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
<script type="text/javascript">
jQuery('#lienssousforums').html(jQuery('#lienssousforums').html().replace(/, /g,' ✩ ')).removeAttr('id');
</script>
</span>
</div>
</td>
</tr>


<tr>

<td class="{catrow.catfoot.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>

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


</table><img src="{SPACER}" alt="" height="5" width="1" /><div style="color: rgba(0,0,0,0.2); font-weight: bold; font-size: 8px; margin-top: -10px; text-align: center;">015 Catégories by Lunay on <a href="http://www.never-utopia.com/">NU</a></div>

**Admin**

memberlist_body :

Code:: <form action="{S_MODE_ACTION}" method="get">
<table cellspacing="0" cellpadding="5" border="0" align="center" class="tleLMBER">
<tr>
<td>
<table cellspacing="0" cellpadding="0" border="0" align="center" class="genmed">
<tr>
<td width="100%">{L_USER_SELECT} <input type="text" class="post" name="username" maxlength="25" size="20" value="{L_USER_SELECT_VALUE}" />
{L_SELECT_SORT_METHOD} {S_MODE_SELECT}
{L_ORDER} {S_ORDER_SELECT}
{S_HIDDEN_SID}
<input class="liteoption" type="submit" name="submit" value="{L_SUBMIT}" /></td>
</tr>
</table>
</td>
</tr>
</table>
</form>
<table class="forumline" width="100%" border="0" cellspacing="0" cellpadding="0">
<tr><td class="{memberrow.ROW_CLASS}" align="center">

<div id="LMBER"><div id="MBER"><div class="triLMBER"></div><div class="triRMBER"></div><div id="nameLMBER"><div class="nameLMBER"><a class="gen" href="{memberrow.U_VIEWPROFILE}">{memberrow.USERNAME}</a><div class="btnLMBER">{memberrow.PM_IMG} {memberrow.WWW_IMG}</div></div><div class="triMBER"></div></div>
<div class="imgLMBER"><div>{memberrow.AVATAR_IMG}<div class="boxLMBER"><a style="display:none;" href="{memberrow.U_VIEWPROFILE}">{memberrow.USERNAME}</a><span style="width:90px; margin-right:5px;">{memberrow.POSTS} messages</span><span style="width:95px;">{memberrow.JOINED}</span><br/><span style="width:100%; margin:5px auto; letter-spacing:2px;">dernière visite :</span><span style="width:100%;">{memberrow.LASTVISIT}</span></div></div></div><script type="text/javascript">//<![CDATA[
$( document ).ready(function() {$('a[href*="/u"] span').each(function(){var color = $(this).css("color");
$(this).closest('.boxLMBER').css("background-color", color);});}); $( document ).ready(function() {$('a[href*="/u"] span').each(function(){var color = $(this).css("color");
$(this).closest('.boxLMBER').css("color", color);});});//]]></script>

<span style="display:none;">{memberrow.GROUPS}</span>

</div></div>

</td>
</tr>

<tr>
<td class="catBottom" colspan="{switch_no_user.COLSPAN_NUMBER}" height="28" align="center"><span class="gensmall">{switch_no_user.L_NO_USER}</span></td>
</tr>

</table>

<table style="margin:auto; width:640px;" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><span class="nav">{PAGE_NUMBER}</span></td>
<td align="right"><span class="nav">{PAGINATION}</span></td>
</tr>
</table>
<br />

**Admin**

Overall_footer_end :

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">
<body>
<table>
<tr>
   <td>
      <div>
         <div>
            <div>

            </div>
         </div>
         
         <div align="center">
            <div class="gen">
               
                   | 
                  <a name="bottom" class="copyright" href="{switch_footer_links.footer_link.U_FOOTER_LINK_HREF}" rel="{switch_footer_links.footer_link.FOOTER_LINK_REL}" target="{switch_footer_links.footer_link.FOOTER_LINK_TARGET}" title="{switch_footer_links.footer_link.L_FOOTER_LINK_TITLE}">{switch_footer_links.footer_link.L_FOOTER_LINK_TEXT}</a>
               
            </div>
         </div>
         
      </div>
      {PROTECT_FOOTER}
   </td>
</tr>
</table>


<div id="fb-root"></div>
<script type="text/javascript">
$(document).ready( function() {
$('div.fb-login-button, span.fb-login-button').attr({
"data-scope": "{switch_facebook_login.FB_SCOPE}",
"data-max-rows": "{switch_facebook_login.FB_MAX_ROWS}",
"data-size": "{switch_facebook_login.FB_BUTTON_SIZE}",
"data-show-faces": "{switch_facebook_login.FB_SHOW_FACES}",
"data-auto-logout-link": "{switch_facebook_login.FB_AUTO_LOGOUT}"
});
$('div.fb-login-button, span.fb-login-button').each(function() {
if(typeof $(this).attr('onlogin') == typeof undefined || $(this).attr('onlogin') === false) {
$(this).attr('onlogin', '{switch_facebook_login.FB_ONLOGIN}');
}
if($(this).html() == '') {
$(this).html('{switch_facebook_login.FB_LABEL}');
}
});

FB.init({
appId : "{switch_facebook_login.FB_APP_ID}",
cookie : {switch_facebook_login.FB_COOKIE},
xfbml : {switch_facebook_login.FB_XFBML},
oauth : {switch_facebook_login.FB_OAUTH},
version : '{switch_facebook_login.FB_VERSION}'
});

(function(d, s, id){
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) {return;}
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/{switch_facebook_login.FB_LOCAL}/sdk.js";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
});
function onLoginFB() {
window.location.replace('{switch_facebook_login.FB_ONLOGIN_URL}')
}
</script>

<script type="text/javascript">
//<![CDATA[
fa_endpage();
//]]>
</script>

<table class="upbottom"><tr><td><a href="#bottom"><img src="https://img15.hostingpics.net/pics/929816Down.png" border="0" height="XX" width="XX"></a></td>
<td><a href="#top"><img src="https://img15.hostingpics.net/pics/33106996up.png" height="XX" width="XX"></a></td></tr></table>

</body>
</html>

**Admin**

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}>
<link href='http://fonts.googleapis.com/css?family=Shadows+Into+Light+Two' rel='stylesheet' type='text/css'><link href='http://fonts.googleapis.com/css?family=Kite+One' rel='stylesheet' type='text/css'><link href='https://fonts.googleapis.com/css?family=Shadows+Into+Light' rel='stylesheet' type='text/css'><link href='http://fonts.googleapis.com/css?family=Shadows+Into+Light+Two' rel='stylesheet' type='text/css'>
<link href="https://fonts.googleapis.com/css?family=Euphoria+Script" rel="stylesheet">
<head><link href="https://fonts.googleapis.com/css?family=Rouge+Script" rel="stylesheet">
<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" />

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


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

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

<script src="{JS_DIR}jquery1.9/jquery-migrate-1.4.1.js" type="text/javascript"></script>
<script src="{JQUERY_DIR}browser/v1.0/jquery.browser.min.js" type="text/javascript"></script>
<script src="{JQUERY_DIR}support/jquery.support.js" type="text/javascript"></script>

<script src="{JS_DIR}{L_LANG}.js" type="text/javascript"></script>
{RICH_SNIPPET_GOOGLE}


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



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



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

switch( tickerDirParam ) {
case 'top' :
slid_vert = true;
break;
case 'left':
break;
case 'bottom':
slid_vert = true;
auto_dir = 'prev';
break;
case 'right':
auto_dir = 'prev';
break;
default:
slid_vert = true;
}

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

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

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

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

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

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

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

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


<script type="text/javascript">//<![CDATA[
$(document).ready(function(){

pm = window.open('{U_PRIVATEMSGS_POPUP}', '_faprivmsg', 'HEIGHT=225,resizable=yes,WIDTH=400');
if(pm != null) { pm.focus(); }


report = window.open('{switch_report_popup.U_REPORT_POPUP}', '_phpbbreport', 'HEIGHT={switch_report_popup.S_HEIGHT},resizable=yes,scrollbars=no,WIDTH={switch_report_popup.S_WIDTH}');
if(report != null) { report.focus(); }


$(document).ready(function() {
Ticker.start({
height : {switch_ticker.HEIGHT},
spacing : {switch_ticker.SPACING},
speed : {switch_ticker.SPEED},
direction : '{switch_ticker.DIRECTION}',
pause : {switch_ticker.STOP_TIME}
});
});

});


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



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

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

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

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

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

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

{HOSTING_JS}

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


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


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

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

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



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


<a name="top"></a>
{JAVASCRIPT}

<table class="bodylinewidth" width="{T_BODY_TABLE_WIDTH}" cellspacing="0" cellpadding="10" border="0" align="center">
<tr>
<td class="bodyline">
<table width="100%" cellspacing="0" cellpadding="0" border="0">
<tr>

<td><a href="{U_INDEX}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1" /></a></td>

<td align="center" width="100%" valign="middle">

<a href="{U_INDEX}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1" /></a>
<br />

<div class="maintitle">{MAIN_SITENAME}</div>
<br />
<span class="gen">{SITE_DESCRIPTION}<br />  </span>
</td>

<td><a href="{U_INDEX}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1" /></a></td>

</tr>
</table>

<table cellspacing="0" cellpadding="0" border="0" align="{MENU_POSITION}" id="navSIT">
<tr><td align="{MENU_POSITION}"{MENU_NOWRAP}>{GENERATED_NAV_BAR}</td></tr>
</table>

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


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

<li>{switch_ticker.ticker_row.ELEMENT}</li>

</ul>
</div>
</td>
</tr>
</table>
</div>



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

<div>{switch_ticker.ticker_row.ELEMENT}</div>

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


<div id="page-body">
<div id="{ID_CONTENT_CONTAINER}"{CLASS_CONTENT_CONTAINER}>
<table cellpadding="0" cellspacing="0" width="100%" class="three-col">
<tbody>
<tr>
<td valign="top" width="{C1SIZE}">
<div id="{ID_LEFT}">

{giefmod_index1.MODVAR}

<div style="height:{SPACE_ROW}px"></div>


</div>
</td>
<td valign="top" width="100%">

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


<div id="banlist" style="display:none;">
<a>https://img11.hostingpics.net/pics/235284REBELLEBELLE4.png</a>
<a>https://img11.hostingpics.net/pics/691181REBELLEBELLE6.png</a>
<a>https://img11.hostingpics.net/pics/626845REBELLEBELLE2.png</a>
<a>https://img11.hostingpics.net/pics/322456REBELLEBELLE3.png</a>

</div>
<script>
$num = Math.floor(Math.random()*$('#banlist a').length);
$('#i_logo').attr('src',$('#banlist a').eq($num).text());
</script>

**Admin**

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();
}
});
});

var hiddenMsgLabel = { visible:'{JS_HIDE_HIDDEN_MESSAGE}', hidden:'{JS_SHOW_HIDDEN_MESSAGE}' };
showHiddenMessage = function(id)
{
try
{
var regId = parseInt(id, 10);
if( isNaN(regId) ) { regId = 0; }

if( regId > 0)
{
$('.post--' + id).toggle(0, function()
{
if( $(this).is(":visible") )
{
$('#hidden-title--' + id).html(hiddenMsgLabel.visible);
}
else
{
$('#hidden-title--' + id).html(hiddenMsgLabel.hidden);
}
});
}
}
catch(e) { }

return false;
};

//]]>
</script>

<table width="100%" border="0" cellspacing="2" cellpadding="0">
<tr>
<td align="left" valign="middle" nowrap="nowrap">
<span class="nav">

<a href="{U_POST_NEW_TOPIC}" rel="nofollow"><img src="{POST_IMG}" id="{POST_IMG_ID}one" alt="{L_POST_NEW_TOPIC}" align="middle" border="0" /></a>


<a href="{U_POST_REPLY_TOPIC}"><img src="{REPLY_IMG}" id="i_reply" alt="{L_POST_REPLY_TOPIC}" align="middle" border="0" /></a>

</span>
</td>
<td align="left" valign="middle" nowrap="nowrap">

<span id="twitter_btn" style="margin-left: 6px; ">
<a href="https://twitter.com/share" class="twitter-share-button" data-count="horizontal">Tweet</a>
<script type="text/javascript" src="https://platform.twitter.com/widgets.js"></script>
</span>


<span id="fb_likebtn" style="margin-left: 6px; ">
<iframe src="https://www.facebook.com/plugins/like.php?href={FORUM_URL}{TOPIC_URL}&layout=button_count&show_faces=false&width=100&action=like&colorscheme=light&height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:100px; height:21px;" allowTransparency="true"></iframe>
</span>

</td>
<td class="nav" valign="middle" width="100%"><span class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_SEP}<a class="nav" href="{U_ALBUM}">{L_ALBUM}</a>{NAV_CAT_DESC_SECOND}</span></td>
<td align="right" valign="bottom" nowrap="nowrap" width="100%">
<span class="gensmall bold">
<a class="addthis_button" href="https://www.addthis.com/bookmark.php?v=250&pub=forumotion">{L_SHARE}</a>

| .
<script type="text/javascript">//<![CDATA[
var url_favourite = '{U_FAVOURITE_JS_PLUS_MENU}';
var url_newposts = '{U_NEWPOSTS_JS_PLUS_MENU}';
var url_egosearch = '{U_EGOSEARCH_JS_PLUS_MENU}';
var url_unanswered = '{U_UNANSWERED_JS_PLUS_MENU}';
var url_watchsearch = '{U_WATCHSEARCH_JS_PLUS_MENU}';

insert_plus_menu('f{FORUM_ID}&t={TOPIC_ID}','{JS_SESSION_ID}', {JS_AUTH_FAVOURITES});
//]]>
</script>

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

<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0" style="border-bottom: 0px;">
<tr align="right">
<td class="catHead" 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">
<h1 class="cattitle"> {TOPIC_TITLE}</h1>
</td>
<td align="right" width="9%" class="browse-arrows"><a href="{U_VIEW_OLDER_TOPIC}">{L_VIEW_PREVIOUS_TOPIC}</a> <a href="{U_VIEW_NEWER_TOPIC}">{L_VIEW_NEXT_TOPIC}</a> <a href="#bottom">{L_GOTO_DOWN}</a> </td>
</tr>
</table>
</td>
</tr>

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

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


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



<tr class="post post--{postrow.displayed.U_POST_ID}" id="p{postrow.displayed.U_POST_ID}" style="{postrow.displayed.DISPLAYABLE_STATE}">

<td class="{postrow.displayed.ROW_CLASS}"{postrow.displayed.THANK_BGCOLOR} valign="top" width="150"><table width="240px" align="center" valign="middle" cellspacing="5px"><tr><td>{postrow.displayed.RANK_IMAGE}</td></tr>
<tr><td class="profilava">

<span class="postdetails poster-profile"><br />
<span class="name1"><a name="{postrow.displayed.U_POST_ID}"></a>{postrow.displayed.POSTER_NAME}</span><br />

{postrow.displayed.POSTER_AVATAR}<br /><br />

{postrow.displayed.POSTER_RANK}<br /><br />
</td></tr><td class="profilinfo"><br />



{postrow.displayed.profile_field.LABEL} {postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}
 <br />

<span class="profil">En savoir plus ?<span>{postrow.displayed.POSTER_RPG}</span></span>
<br />
</span><br />
<img src="https://2img.net/i/fa/empty.gif" alt="" style="width:150px;height:1px" />
<br /></td></tr></table></td>
<td class="{postrow.displayed.ROW_CLASS}"{postrow.displayed.THANK_BGCOLOR} valign="top" width="100%" height="28" colspan="2">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><span class="postdetails"><img src="{postrow.displayed.MINI_POST_IMG}" alt="{postrow.displayed.L_MINI_POST_ALT}" title="{postrow.displayed.L_MINI_POST_ALT}" border="0" />{L_POST_SUBJECT}: {postrow.displayed.POST_SUBJECT} <img src="{postrow.displayed.MINI_TIME_IMG}" alt="" border="0" />{postrow.displayed.POST_DATE}</span></td>
<td valign="top" nowrap="nowrap" class="post-options">
{postrow.displayed.THANK_IMG} {postrow.displayed.MULTIQUOTE_IMG} {postrow.displayed.QUOTE_IMG} {postrow.displayed.EDIT_IMG} {postrow.displayed.DELETE_IMG} {postrow.displayed.IP_IMG} {postrow.displayed.REPORT_IMG}
</td>
</tr>
<tr>
<td colspan="2" class="hr">
<hr />
</td>
</tr>
<tr>
<td colspan="2">

<div class="vote gensmall">

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



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

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



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

</div>



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



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

</div>


<div class="postbody">

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


<dl class="attachbox">
<dt>{postrow.displayed.switch_attachments.L_ATTACHMENTS}</dt>
<dd>

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


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



{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.ATTACHMENT} {postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.ATTACHMENT_DEL}

</dt>


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



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


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

</dd>
</dl>


<div class="clear"></div>

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


</div>

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

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




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

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

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

</tr>


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


</table>


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

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

» <a style="text-decoration:none" href="{promot_trafic.link.U_HREF}" target="_blank" title="{promot_trafic.link.TITLE}">{promot_trafic.link.TITLE}</a><br />

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



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

<td class="logo">
<img src="{RULE_IMG_URL}" />
</td>

<td class="rules postbody">
{RULE_MSG}
</td>
</tr>
</table>
</td>
</tr>
</tbody>
</table>


<table class="forumline noprint" width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td class="row2" colspan="2" align="center" style="padding:0px">

<a name="quickreply"></a>
{QUICK_REPLY_FORM}<br />

</td>
</tr>
<tr>
<td style="margin:0; padding: 0;" colspan="2">
<table border="0" cellpadding="0" width="100%" cellspacing="0" id="info_open" style="display:''">
<tbody>

<tr>
<td class="row2" valign="top" width="25%"><span class="gensmall">{L_TABS_PERMISSIONS}</span></td>
<td class="row1" valign="top" width="75%"><span class="gensmall">{S_AUTH_LIST}</span></td>
</tr>

<tr>
<td class="catBottom" colspan="2" height="28">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td valign="middle" width="100%"><span class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_SEP}<a class="nav" href="{U_ALBUM}">{L_ALBUM}</a>{NAV_CAT_DESC_SECOND}</span></td>

<td align="right" valign="middle"><span class="gensmall"><a href="javascript:ShowHideLayer('info_open','info_close');"><img src="{TABS_LESS_IMG}" alt="-" align="middle" border="0" /></a></span></td>

</tr>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr>
<td style="margin:0; padding: 0;" colspan="2">
<table border="0" cellpadding="0" cellspacing="0" width="100%" id="info_close" style="display:none;">
<tbody>
<tr>
<td class="catBottom" colspan="2" height="28">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td valign="middle" width="100%"><span class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_SEP}<a class="nav" href="{U_ALBUM}">{L_ALBUM}</a>{NAV_CAT_DESC_SECOND}</span></td>
<td align="right" valign="middle"><span class="gensmall"><a href="javascript:ShowHideLayer('info_open','info_close');"><img src="{TABS_MORE_IMG}" alt="+" align="middle" border="0" /></a></span></td>
</tr>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</table>

<form action="{S_JUMPBOX_ACTION}" method="get" name="jumpbox" onsubmit="if(document.jumpbox.f.value == -1){return false;}">
<table class="noprint" width="100%" border="0" cellspacing="2" cellpadding="0" align="center">
<tr>
<td align="left" valign="middle" nowrap="nowrap" {WIDTH_GALLERY}>
<span class="nav">

<a href="{U_POST_NEW_TOPIC}" rel="nofollow"><img src="{POST_IMG}" id="{POST_IMG_ID}Newtopic" alt="{L_POST_NEW_TOPIC}" align="middle" border="0" /></a>


<a href="{U_POST_REPLY_TOPIC}"><img src="{REPLY_IMG}" alt="{L_POST_REPLY_TOPIC}" align="middle" border="0" /></a>

</span>
</td>


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



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

</tr>
</table>
</form>


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


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

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



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

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

**Admin**

javascript cb sur la toolbar :

Code:: (function() {
if (!window.FA) window.FA = {};
if (FA.Chat) {
if (window.console) console.warn('FA.Chat has already been initialized');
return;
}

FA.Chat = {

// chatbox settings
config: {
height: '60%',
width: '70%',

live_notif: true,
sound_notif: {
enabled: true,
file: 'https://illiweb.com/fa/fdf/zelda.mono.mp3'
},
notifRate: 10000
},

// language settings
lang: {
chatbox: 'Chatbox',
new_msg: 'Un nouveau message a été posté sur la <a href="javascript:FA.Chat.toggle();">chatbox</a>.'
},

// technical data below
node: {}, // node cache
users: 0, // users in chat
messages: 'initial', // total chat messages
actif: false, // tells us if the chatbox is opened
notifActif: false, // tells us if the notifications are active

// initial setup of the chatbox
init: function() {
var right = document.getElementById('fa_right'),
container = document.createElement('DIV'),
button = document.createElement('A'),
audio;

button.id = 'fa_chat_button';
button.innerHTML = FA.Chat.lang.chatbox + ' <span id="fa_chatters">(0)</span>';
button.onclick = FA.Chat.toggle;
FA.Chat.node.button = button;

container.id = 'fa_chat_container';
container.innerHTML = '<iframe id="fa_chat" src="/chatbox/index.forum"></iframe>';
container.style.width = FA.Chat.config.width;
container.style.height = FA.Chat.config.height;
container.style.bottom = '-' + FA.Chat.config.height;
container.style.visibility = 'hidden';

if (right) {
right.insertBefore(button, right.lastChild); // add the chat button to the right side of the toolbar
document.body.appendChild(container);

// create the notification audio element
if (FA.Chat.config.sound_notif.enabled) {
audio = document.createElement('AUDIO');
audio.src = FA.Chat.config.sound_notif.file;
if (audio.canPlayType) {
FA.Chat.node.audio = audio;
document.body.appendChild(audio);
}
}

FA.Chat.node.container = document.getElementById('fa_chat_container');
FA.Chat.node.chatters = document.getElementById('fa_chatters');
FA.Chat.node.frame = document.getElementById('fa_chat');
FA.Chat.node.frame.onload = FA.Chat.getFrame;
}

delete FA.Chat.init;
},

// get the frame window, document, and elements
getFrame: function() {
if (FA.Chat.poll) window.clearInterval(FA.Chat.poll);
if (this.contentDocument || this.contentWindow) {
FA.Chat.window = this.contentWindow;
FA.Chat.document = this.contentDocument ? this.contentDocument : FA.Chat.window.document;

FA.Chat.node.message = FA.Chat.document.getElementById('message');
FA.Chat.node.members = FA.Chat.document.getElementById('chatbox_members');

FA.Chat.poll = window.setInterval(FA.Chat.listen, 300); // listen for changes every 0.3 seconds
}
},

// listen for changes in the chatbox
listen: function() {
var users = FA.Chat.node.members.getElementsByTagName('LI').length,
messages = FA.Chat.window.chatbox.messages.length;

// update user count
if (users > FA.Chat.users || users < FA.Chat.users) {
FA.Chat.users = users;
FA.Chat.node.chatters.innerHTML = '(' + FA.Chat.users + ')';
}

// initial / active updates
if ((FA.Chat.messages == 'initial' && messages) || FA.Chat.notifActif || FA.Chat.actif) FA.Chat.messages = messages;

// notify new messages while connected and the chatbox is closed
if (!FA.Chat.actif && !FA.Chat.notifActif && FA.Chat.window.chatbox.connected && (messages > FA.Chat.messages || messages < FA.Chat.messages)) {
FA.Chat.messages = messages; // update message count
FA.Chat.notifActif = true;

if (FA.Chat.config.live_notif) FA.Chat.notify(FA.Chat.lang.new_msg); // show live notification
if (FA.Chat.config.sound_notif.enabled && FA.Chat.node.audio) FA.Chat.node.audio.play(); // play sound notification

// wait before notifying the user again
window.setTimeout(function() {
FA.Chat.notifActif = false;
}, FA.Chat.config.notifRate);
}
},

// create a custom notification
notify: function(msg) {

var notif = document.createElement('DIV'),
live = document.getElementById(Toolbar.LIVE_NOTIF);

notif.className = 'fa_notification';
notif.innerHTML = '<div class="content ellipsis">' + msg + '</div>';
notif.style.display = 'none';

$(notif).mouseover(function() {
$(this).stop(true, true)
});
$(notif).mouseleave(function() {
$(this).delay(5000).fadeOut()
});

live.insertBefore(notif, live.firstChild);
$(notif.firstChild).dotdotdot();

$(notif).fadeIn(100, function() {
$(this).delay(10000).fadeOut()
});
},

// toggle the display state of the chatbox
toggle: function() {
var container = FA.Chat.node.container.style;

if (/hidden/i.test(container.visibility)) {
FA.Chat.node.button.className = 'fa_chat_active';
FA.Chat.actif = true;

container.visibility = 'visible';
container.bottom = '3px';

// auto focus the message field
window.setTimeout(function() {
FA.Chat.node.message.focus();
}, 350); // some browsers ( firefox ) need a delay
} else {
FA.Chat.node.button.className = '';
FA.Chat.actif = false;

container.visibility = 'hidden';
container.bottom = '-' + FA.Chat.config.height;
}
}

};

$(function() {
// initialize the chat when the document is ready and the user is logged in
if (_userdata.session_logged_in) $(FA.Chat.init);
});
})();

**Admin**

lkdqjflqdjksfl

Contenu sponsorisé