Mer 27 Sep - 20:32

Coucou Hallo :) Comme ma commande de maquette est terminé, je viens vers toi pour son codage :) -et là elle est bien terminé xD-


Forum :
Version : Invision
Maquette : https://i.imgur.com/1VBGsbQ.png -index-, https://i.imgur.com/JzhIzBL.png -liste des sujets-, https://i.imgur.com/obNcjZN.png -liste des membres-, https://i.imgur.com/6iE28yb.png -boite à mp-, https://i.imgur.com/uZD7Sfb.png -sujet+profil-
Description (peut compléter la maquette) : Alors pour les bannières, il y en aura cinq, donc si possible inclure un code de bannière aléatoire :) Ensuite j'aimerais si possible qu'au survol de l'avatar, les barres de progressions apparaissent -il y en aura une dizaine-. Elles n'ont pas encore été graphés cependant.
Couleurs : Je t'ai pipetté les couleurs ^^ Le fond des messages et de la barre à gauche c'est #212121, le fond noir c'est #000000, le texte en bleu #454c8e, le texte est en #ffffff, le texte en rouge de l'index c'est #b64a4a, le texte en rouge de la liste des sujets est #923232.
Polices à utiliser : La police des titres Principal c'est Germania One et le reste c'est Arial :)
Images à utiliser :  https://i.imgur.com/VSy6Qsp.png , https://2img.net/r/hpimg11/pics/175487avatar320.png , https://2img.net/r/hpimg11/pics/524208new.png , https://i.imgur.com/EMaVoxU.png, https://i.imgur.com/jtfGDnb.png , https://i.imgur.com/dbyVXv9.png , https://i.imgur.com/HjReT25.png , https://i.imgur.com/64jqW4L.png ,  https://i.imgur.com/57Eml2V.png -ça c'est l'image de fond pour les six groupes :)-, https://2img.net/r/hpimg11/pics/719614header1.png -bannière-
Mode de rendu : Tu peux me le donner ici :)
Éléments à rendre en priorité : Pas d'éléments prioritaire en fait ^^
Autre chose à ajouter ? Merci d'avance

Sam 30 Sep - 17:44

Oh pardon j'avais pas vu :O

Petites questions : l'image "Survivre" ça correspond à "poster un nouveau sujet" ? Et dans tes messages pas de boutons "citer", "éditer" et "supprimer" ? Pas d'images "en ligne" et compagnie ? Pour le staff sur l'accueil, le texte sur l'image c'est des infos en hover ou c'est juste l'image qui est comme ça ?

Pour la police Nightmare 5 il va falloir me trouver une police qui te plait sur Google font, on ne peut pas utiliser les polices de Dafont pour coder un forum (à moins de payer un serveur perso).

Et il manque la bannière dans ta liste :3

Vuala vuala :3

Sam 30 Sep - 21:21

Coucou :) Pas de soucis ^^ Alors pour te répondre :

Citer, éditer, etc : Si, il y aura, Ventdeslys doit avoir oublié de les mettre et de mon côté j'ai pas fais gaffe >< J'aimerais bien les avoir tout en bas à droite si c'est possible :)

Online : Pour le online, là encore c'est un oubli. C'est possible de le coder pour le mettre directement sur l'avatar ?


Voilà :) Sinon j'édite dès maintenant le premier post pour te rajouter des détails auxquels je viens de penser et pour te mettre la bannière :)


EDIT : Voilà qui est fait ^^

Sam 30 Sep - 21:34

Ah bah tes "détails" ils changent tout quand même XD

J'ai jamais fais de bannières aléatoires, donc je vais faire des recherches mais je ne garantis rien. Et pour les barres aléatoires je crois qu'il est possible d'en mettre autant via le profil (puisque c'est limité à trois pour la feuille de personnage) mais du coup tout le profil devra être à cet endroit là.

Sam 30 Sep - 21:53

Hey :) Pour les bannières aléatoires s'il le faut je connais le code à mettre -un des seuls que je connais XD- alors si tu ne trouve pas je peux m'en occuper rendu à ce niveau-là XD Concernant le profil, on ne peut pas séparer les deux ? Par exemple mettre les informations -nombre de messages, argent et race- en bas de l'avatar et tout le reste en hover ?

Sam 30 Sep - 22:47

Je l'ignore, je ne sais pas faire en tout cas.

Sam 30 Sep - 22:56

Hey :) Okay pas de soucis, au pire met tout comme le schéma, te casse pas la tête à faire un hover :)

Ven 6 Oct - 16:59

Plop !

Juste pour dire que je ne t'oublies pas hein, j'ai commencé j'essaie de terminer au plus vite \o/

Ven 6 Oct - 20:56

Coucou :) Pas de soucis, ce n'est pas urgent du tout Halloween :D Merci beaucoup à toi en tout cas

Dim 8 Oct - 11:09

Hey !

Petite question : tu n'as pas de catégories sur ton forum ? Je viens juste de tilter Oo

Et tu n'as pas répondu pour "Survivre", c'est bien un nouveau message ?

Dim 8 Oct - 17:25

Hey :) Si il y en a bien, je ne les ai juste pas encore mise, pas vraiment eu le temps o/ Je fais tout ça d'ici Mercredi soir. Habituellement les catégories c'est quelque chose que je fais quand j'ai assez d'élément graphique o/ Oui, Survivre c'est bien les nouveaux messages :)

Dim 8 Oct - 19:30

Je crois que c'est bon \o/

Dis-moi si ça te va : forum test.

Dim 8 Oct - 19:59

Vwi c'est parfait ma p'tite Hallo Merc beaucoup :D

Dim 8 Oct - 21:07

Aloooors.

CSS

Code:

/*font-family: 'Germania One', cursive;*/
body {
  background: #000;
  font-family: arial;
  position: relative;
}

a {
  text-decoration: none !important;
  color: #454c8e !important;
  transform: all;
  transition: 1s;
}

a:hover {
  text-decoration: none !important;
  color: #fff !important;
  transform: all;
  transition: 1s;
}

.clear {
  clear: both;
}

/* Placement du forum */
#main-content {
    width: 80%;
    right: 0;
    margin-left: 20%;
}

div#logostrip {
    background-image: url(https://2img.net/i/fa/empty.gif);
    background: none;
}

div#logostrip #logo {
    display: block;
    margin-left: 20%;
}

#logo img {
    width: 100%;
}

div.borderwrap {
  padding: 0;
  background: none;
  border: 0;
}

/*********************************************** NAVIGATION ***********************************************/

/* Position et mise en forme générale */
#navigation {
  position: fixed;
  top: 0;
  width: 100%;
  left: 0;
  z-index: 99;
  padding: 1% 0;
  background: #1b1b1b;
  text-transform: uppercase;
}

/* Liens navigation */
#navigation a {
  color: #fff !important;
  font-size: 12px;
}

#navigation a:hover {
  color: #454c8e !important;
  transform: all;
  transition: 1s;
}

#nav_decalage {
  margin-left: 15%;
}

/* Position de l'avatar */
#avatar_navigation {
  width: 100px;
  margin-left: 8%;
  margin-top: 0.2%; 
  position: absolute;
  height: 100px;
}

/* Mise en forme de l'avatar */
#avatar_navigation img {
  object-fit: cover;
  width: 100px;
  border-radius: 50%;
  height: 100px;
}



/*********************************************** BARRE LATERALE ***********************************************/

#barre_laterale {
    color: #fff;
    position: absolute;
    text-align: center;
    top: 135px;
    width: 15%;
    bottom: 0;
    padding: 0 2%;
}

#liens_nav a {
    display: block;
    width: 90%;
    background: #212121;
    margin: auto;
    margin-top: 2%;
    padding: 2%;
    color: #fff;
    text-transform: uppercase;
  transform: all;
  transition: 1s;
}

#liens_nav a:hover {
  background: #454c8e;
  transform: all;
  transition: 1s;
}

.blocs_gris {
    width: 90%;
    margin: auto;
    background: #212121;
    padding: 2%;
}

.blocs_gris a, .dates {
    color: #454c8e;
    margin: 0 2%;
    font-weight: bold;
}

#partenaires img {
  margin: 1%;
}



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

#page_daccueil {
  width: 95%;
  background: #212121;
  padding: 2% 0;
  color: #fff;
  text-align: center;
}

#bloc1, #annonces, #contexte, #staff {
  float: left;
  margin: 0 1%;
}

#bloc1 {
  width: 20%;
}

#staff img {
  width: 80%;
}

#annonces, #contexte {
    background: #000;
    height: 135px;
    overflow: auto;
    padding: 2%;
    text-align: justify;
}

#annonces {
    width: 15%;
}

#contexte {
  width: 23%;
}

#staff {
  width: 190px;
}

.staff_contenu {
  display: inline-block;
  margin: auto;
  margin-left: 2%;
  margin-right: 2%;
}

.pseudo_staff {
  background: #000;
  text-transform: uppercase;
  margin: 2%;
}


/*********************************************** CATEGORIES ***********************************************/

#liens_haut_cate a:hover {
    color: #454c8e !important;
}

#liens_haut_cate a {
    color: #fff !important;
    text-transform: uppercase;
    margin: 0 1%;
}

#liens_haut_cate {
    text-align: center;
    margin: 2% 0;
    color: #fff;
}

div.maintitle {
    background: #212121;
    color: #fff;
    padding: 3%;
}

div.maintitle h2 {
    font-family: 'Germania One', cursive;
    text-transform: uppercase;
    font-size: 30px;
    text-align: right;
    font-weight: normal;
    float: none;
    transform: all;
    transition: 1s;
}

div.maintitle h2:hover, a.forumtitle:hover {
  color: #454c8e !important;
  transform: all;
  transition: 1s;
}

.maintitle.floated div.toggle, .maintitle.floated h1, .maintitle.floated h2, .maintitle.floated h3 {
    float: none;
}

#forum_contenu {
    width: 270px;
    display: inline-block;
    background: #212121;
    color: #fff;
    margin: 1%;
    text-align: center;
    position: relative;
}

#forum_contenu a:hover {
  color: #454c8e !important;
  transform: all;
  transition: 1s;
}

a.forumtitle {
    font-family: 'Germania One', cursive;
    font-size: 22px;
    color: #fff !important;
    text-transform: uppercase;
    display: block;
    margin: -80px 0 10px 0;
    transform: all;
    transition: 1s;
  position: relative;
  z-index: 2;
}

.lastpost-avatar img:hover {
  filter: grayscale(1);
  transform: all;
  transition: 1s;
}

#dernier_message {
    position: relative;
    z-index: 2;
    width: 100%;
}

#dernier_message a {
  color: #fff !important;
}

.lastpost-avatar img {
  width: 100px;
  height: 100px;
  object-fit: cover;
  float: none;
  border-radius: 100px;
  filter: grayscale(0); 
  transform: all;
  transition: 1s;
}

.lastpost-avatar {
  float: none;
}

#ecrit_par a:nth-child(1)::before {
  content: "Ecrit par ";
  color: #fff;
  font-weight: normal;
}

.forum-desc {
    margin: auto;
    background: #000;
    padding: 5%;
    width: 80%;
    margin-top: 5%;
    margin-bottom: 5%;
}

#sous-forum {
    width: 90%;
    text-align: justify;
    margin: auto;
        margin-bottom: auto;
    margin-bottom: 5%;
}

#sous-forum a {
  color: #fff !important;
  text-transform: uppercase;
  transform: all;
  transition: 1s;
}



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

.paonglets {
  width: 213px;
  height: 345px;
  background: url('https://i.imgur.com/57Eml2V.png') no-repeat;
  float: left;
}

.paonglet {
  color: #fff;
  text-transform: uppercase;
  font-size: 18px;
  font-family: 'Germania One', cursive;
  display: block;
  text-align: center;
  padding: 27px 0;
}
     
.paonglet_1 {
  color: #9F0000;
}

.contenu_paonglet {
    background: #212121;
    display: none;
    float: left;
    height: 290px;
    padding: 2%;
    width: 15%;
    color: #fff;
    margin: 0 2% 5% 2%;
    text-transform: uppercase;
}

#stats, #derniers_co, #topsites {
    float: left;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    height: 290px;
}

#stats {
  width: 15%;
}

#derniers_co {
    width: 20%;
    margin: 0 2%;
}

.en_ligne {
    width: 100%;
    height: 140px;
    margin-bottom: 5%;
    overflow: auto;
}

#topsites {
    width: 5%;
}

#topsites a {
  color: #fff !important;
}

#gfooter {
    background: none;
    color: #fff;
    font-size: .8em;
    margin: 8px 0;
    padding: .5em;
    text-align: right;
    width: 80%;
    float: right;
}

#gfooter {
    background: none;
    color: #fff;
    position: relative;
    font-size: .8em;
    margin-bottom: 2%;
    text-align: right;
    width: 76%;
    margin-left: 20%;
    padding: 2%;
}




/*********************************************** LISTE SUJETS ***********************************************/

#fil_ariane {
    width: 100%;
    text-align: center;
    border: 2px solid #212121;
}

#nouveau_mess {
    float: left;
}   

#navstrip li, #navstrip li.begin {
    background: none;
}

#navstrip {
    list-style: none;
    font-size: 18px;
    text-transform: uppercase;
    margin: 0;
    margin-top: 1%;
    float: left;
    font-family: 'Germania One', cursive;
}

#navstrip a {
  color: #fff !important;
}

div.pagination.topic-options {
    text-align: left;
    margin: -1.5% 0 0 6.5%;
}

div.pagination a.goto {
    background: none;
    color: #fff !important;
    font-size: 10px;

}

div.pagination a {
    background: none;
    color: #fff !important;
}

div.pagination b {
    background-color: #454c8e !important;
}

#pagination_bas {
    margin: 1%;
}

#moderer a {
    font-size: 12px !important;
    color: #fff !important;
    text-align: center;
    width: 20%;
    background: #454c8e;
    line-height: 3;
    margin: auto;
    text-transform: uppercase;
    display: block;
    margin-bottom: 2%;
}

#moderer a:hover {
  background: #212121;
  color: #454c8e !important;
}

#moderer {
    font-size: 0;
}

a.topictitle {
    text-transform: uppercase;
    color: #fff !important;
  width: 85%;
  display: inline-block;
}

a.topictitle:hover {
  color: #454c8e !important;
}

#liste_sujets {
    background: #212121;
    padding: 2%;
    width: 96%;
    color: #fff;
}

#dernier_mess_sujets {
    width: 10%;
    display: inline-block;
    color: #fff;
}

#dernier_mess_sujets a {
  text-transform: uppercase;
  font-weight: normal;
}

#sujets_bloc {
    float: right;
    width: 95%;
}

#mef_sujets img {
    float: left;
    margin-top: 1%;
}

#auteur_sujets {
    float: right;
  text-transform: uppercase;
}

#sujets_stats {
    float: left;
}

#footer_sujets {
    background: #000;
    margin: .5% 0;
    width: 91%;
    padding: 0.4% 1%;
}

#mef_sujets {
    margin: 1% 0;
}





/*********************************************** LISTE DES MEMBRES ***********************************************/

#entete_liste_membres fieldset {
    border: 0;
    width: 50%;
    float: left;
}

#entete_liste_membres {
    background: #212121;
    border: 0;
}

#entete_liste_membres  legend {
    color: #fff;
    margin: 1% 0 0 0;
    padding: 0 .5em;
    text-transform: uppercase;
}

#entete_liste_membres input {
    background: #5e5e5e;
    border: 0;
}

.formbuttonrow {
    background: none;
    border: none !important;
    color: #fff;
    margin: 0;
    padding: 2%;
}

#entete_liste_membres {
    background: #212121;
    border: 0;
    margin: 2% 0;
}

.avatar_liste {
    width: 200px;
    height: 320px;
    object-fit: cover;
    margin: auto;
}

.member {
    background: none;
    border: 0;
    float: left;
    width: 200px;
    margin: 2%;
}

div.borderwrap .member-list {
    background-color: #000;
    border: none;
    padding: 5px;
}

.informations_liste_membres {
    color: #fff;
    margin-top: -85px;
    text-align: center;
    width: 180px;
    background: rgba(0,0,0,0.7);
    z-index: 2;
    position: relative;
    padding: 10px;
  text-transform: uppercase;
}

#liste_membres_mp {
    font-size: 0;
    margin: 5% 0 2% 0;
    display: block;
}

#liste_membres_mp img {
    margin: 0 2%;
}




/*********************************************** MESSAGES PRIVES ***********************************************/

ul.privmsg {
    float: left;
    list-style: none;
    display: block;
    width: 15%;
}

ul.privmsg li {
    float: none;
    color: #fff !important;
    display: block;
    margin: 2% 5% 2% 0;
    padding: 10%;
    text-align: center;
    text-transform: uppercase;
    width: 80%;
    background: #212121;
}

ul.privmsg li a {
    background: none;
    color: #fff !important;
    display: block;
}

.mp_ipbform {
  width: 83%;
  float: right;
  margin-top: 0.3%;
}

ul.privmsg li div.tabitem {
    padding: 0;
}



/*********************************************** MESSAGES ET PROFIL ***********************************************/

.post {
    background-color: #000;
    border: 0;
}

.postprofile-details {
    margin: 1em;
    word-wrap: break-word;
    text-align: center;
}

#avatar_profil {
    padding-top: 5%;
    border-top: 2px solid #fff;
    width: 200px;
}

#contenu_infos_profil {
    background: #212121;
    padding: 10px;
    color: #fff;
    width: 180px;
    text-align: justify;
}

#pseudo_profil {
    text-align: center;
    font-size: 20px;
    text-transform: uppercase;
    margin: 2% 0 20% 0;
    display: block;
    font-family: 'Germania One', cursive;
}

#pseudo_profil a {
    font-weight: 100 !important;
}

.post .post-header {
    background: #212121;
    min-height: 0;
    padding: 0;
}

.titre_sujet {
    background: #000;
    padding: 5% 0;
    text-align: center;
    color: #fff;
    text-transform: uppercase;
    font-family: 'Germania One', cursive;
}

#date_sujet {
    background: #000;
    color: #fff;
    text-transform: uppercase;
    margin: 2% 0;
    padding: 1%;
    text-align: center;
}

.postbody {
    background-color: #000;
    width: 100%;
}

.post-footer {
    background: #212121;
    border-top: 0;
    clear: both;
    width: 85.3%;
    float: right;
}

.post-entry {
    margin: .5em;
    overflow: hidden;
    background: #212121;
}

.signature_div {
    background: #212121;
}

Template Index_body

Code:

{JAVASCRIPT}

<!-- BEGIN message_admin_index -->
   <!-- BEGIN message_admin_titre -->
      <div class="h3">{message_admin_index.message_admin_titre.MES_TITRE}</div>
   <!-- END message_admin_titre -->

   <!-- BEGIN message_admin_txt -->
      <p>{message_admin_index.message_admin_txt.MES_TXT}</p>
   <!-- END message_admin_txt -->
   
<!-- END message_admin_index --><br /><br />
<div id="liens_haut_cate">
     <a href="{U_TODAY_ACTIVE}">{L_TODAY_ACTIVE}</a> ▬
     <a href="{U_TODAY_POSTERS}">{L_TODAY_POSTERS}</a> ▬
     <a href="{U_OVERALL_POSTERS}">{L_OVERALL_POSTERS}</a>
</div>

<!-- BEGIN switch_user_login_form_header -->
<div class="borderwrap module">
   <form action="{S_LOGIN_ACTION}" method="post" name="form_login">
      <div class="box-content ipbform user_login_form center" style="padding:5px 0;">
         <label><span class="genmed">{L_USERNAME}:</span> <input class="" type="text" size="10" name="username" /></label>  
         <label><span class="genmed">{L_PASSWORD}:</span> <input class="" type="password" size="10" name="password"/></label>  
         <label><span class="gensmall">{L_AUTO_LOGIN}</span> <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} /></label>  
         {S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" />
           
            <!-- BEGIN switch_social_login -->
            <div class="mt10">
                <div class="social_btn">
                    <!-- BEGIN fb_connect -->
                    <div class="fb-login-button"></div>
                    <!-- END fb_connect -->
                    <!-- BEGIN topicit_connect -->
                    <div class="ti-connect"></div>
                    <!-- END topicit_connect -->
                </div>
            </div>
            <!-- END switch_social_login -->
      </div>
   </form>
</div>
 <br />
<!-- END switch_user_login_form_header -->

{CHATBOX_TOP}

{BOARD_INDEX}




<!-- BEGIN disable_viewonline -->
<div id="fo_stat" class="borderwrap"> 
             <script type="text/javascript">
                //<!--
                        function change_paonglet(name)
                        {
                                document.getElementById('paonglet_'+anc_paonglet).className = 'paonglet_0 paonglet';
                                document.getElementById('paonglet_'+name).className = 'paonglet_1 paonglet';
                                document.getElementById('contenu_paonglet_'+anc_paonglet).style.display = 'none';
                                document.getElementById('contenu_paonglet_'+name).style.display = 'block';
                                anc_paonglet = name;
                        }
                //-->
                </script>
        <div class="paonglets">
                    <span class="paonglet_0 paonglet" id="paonglet_groupe1" onclick="javascript:change_paonglet('groupe1');">Groupe un</span>
                    <span class="paonglet_0 paonglet" id="paonglet_groupe2" onclick="javascript:change_paonglet('groupe2');">Groupe deux</span>
                    <span class="paonglet_0 paonglet" id="paonglet_groupe3" onclick="javascript:change_paonglet('groupe3');">Groupe trois</span>
          <span class="paonglet_0 paonglet" id="paonglet_groupe4" onclick="javascript:change_paonglet('groupe4');">Groupe quatre</span>
                    <span class="paonglet_0 paonglet" id="paonglet_groupe5" onclick="javascript:change_paonglet('groupe5');">Groupe cinq</span>
                </div>

                <div class="contenu_paonglets">
                       <div class="contenu_paonglet" id="contenu_paonglet_groupe1">Contenu groupe 1</div>
                     <div class="contenu_paonglet" id="contenu_paonglet_groupe2">Contenu groupe 2</div>
                     <div class="contenu_paonglet" id="contenu_paonglet_groupe3">Contenu groupe 3</div>
                     <div class="contenu_paonglet" id="contenu_paonglet_groupe4">Contenu groupe 4</div>
                     <div class="contenu_paonglet" id="contenu_paonglet_groupe5">Contenu groupe 5</div>
      </div>
 
        <div class="blocs_gris" id="stats"><br /><br /><br /><br /><br />
                     <span id="yosh">{NEWEST_USER}</span>
                   <script type="text/javascript">document.getElementById('yosh').innerHTML=document.getElementById('yosh').innerHTML.replace(/L'utilisateur enregistré le plus récent est/,"Bienvenue à");</script>
                     <br /><br />
                     <span id="matt">{TOTAL_USERS}</span>
                   <script type="text/javascript">document.getElementById('matt').innerHTML=document.getElementById('matt').innerHTML.replace(/membres enregistrés/,"membres");</script>
                     <span id="bert">{TOTAL_POSTS}.</span>
                       <script type="text/javascript">document.getElementById('bert').innerHTML=document.getElementById('bert').innerHTML.replace(/Nos membres ont posté un total de/," qui ont posté");</script>
                     <br /><br />
                     Projet Zakeryos appartient à ses administrateurs. Merci de ne pas reproduire ce forum.
        </div>
        <div class="blocs_gris" id="derniers_co">
                     <div class="en_ligne">
                             <span id="alpha">{LOGGED_IN_USER_LIST}</span>
                      <script type="text/javascript">document.getElementById('alpha').innerHTML=document.getElementById('alpha').innerHTML.replace(/Utilisateurs enregistrés/,"Connectés en ligne");</script>
                     </div>
                     <div class="en_ligne">
                             <table id="kaboum">{L_CONNECTED_MEMBERS}</table>
                <script type="text/javascript">jQuery('#kaboum span.gensmall').html(jQuery('#kaboum span.gensmall').html().replace('Membre connecté au cours des 48 dernières heures : ','Il y a 48h, ils étaient là : '));</script>
                     </div>
        </div>
        <div class="blocs_gris" id="topsites">
                     <br /><br /><br /><br />
                     <a href="#" target="_blank">Top site</a><br /><br />
                        <a href="#" target="_blank">Top site</a><br /><br />
                        <a href="#" target="_blank">Top site</a><br /><br />
                        <a href="#" target="_blank">Top site</a><br /><br />
                     <a href="#"><img src="https://cdn.worldvectorlogo.com/logos/discord.svg" style="width: 50px;"/></a>
        </div>
 
  <div class="clear"></div>
            <script type="text/javascript">
                //<!--
                        var anc_paonglet = 'groupe1';
                        change_paonglet(anc_paonglet);
                //-->
                </script>
 

</div>

<!-- END disable_viewonline -->
<br />
{CHATBOX_BOTTOM}


<!-- BEGIN switch_user_login_form_footer -->
<div class="borderwrap module">
   <form action="{S_LOGIN_ACTION}" method="post" name="form_login">
      <div class="box-content ipbform user_login_form center" style="padding:5px 0;">
         <label><span class="genmed">{L_USERNAME}:</span> <input class="" type="text" size="10" name="username" /></label>  
         <label><span class="genmed">{L_PASSWORD}:</span> <input class="" type="password" size="10" name="password"/></label>  
         <label><span class="gensmall">{L_AUTO_LOGIN}</span> <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} /></label>  
         {S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" />
            <!-- BEGIN switch_social_login -->
            <div class="mt10">
                <div class="social_btn">
                    <!-- BEGIN fb_connect -->
                    <div class="fb-login-button"></div>
                    <!-- END fb_connect -->
                    <!-- BEGIN topicit_connect -->
                    <div class="ti-connect"></div>
                    <!-- END topicit_connect -->
                </div>
            </div>
            <!-- END switch_social_login -->
      </div>
   </form>
</div>
<!-- END switch_user_login_form_footer -->

{AUTO_DST}

Template Index_box

Code:

<!-- BEGIN catrow -->
   <!-- BEGIN tablehead -->
   <div class="borderwrap">
      <div class="maintitle floated clearfix">
         {catrow.tablehead.L_FORUM}
      </div>

   <!-- END tablehead -->

   <!-- BEGIN forumrow -->
                         
   <div id="forum_contenu">
             <img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" class="icon" />
             <a href="{catrow.forumrow.U_VIEWFORUM}" class="forumtitle">{catrow.forumrow.FORUM_NAME}</a>
             <div id="dernier_message">
                     <!-- BEGIN avatar -->
                     <div class="lastpost-avatar">{catrow.forumrow.avatar.LAST_POST_AVATAR}</div><br />
                   <!-- END avatar -->
                     <span>
                             <span id="ecrit_par">
                                     {catrow.forumrow.USER_LAST_POST}<br />
                             </span>
                           <!-- BEGIN switch_topic_title -->
            <a href="{catrow.forumrow.U_LATEST_TOPIC}" title="{catrow.forumrow.LATEST_TOPIC_TITLE}">{catrow.forumrow.LATEST_TOPIC_NAME}</a>
            <!-- END switch_topic_title -->
         </span>                 
             </div>
             <p class="forum-desc">{catrow.forumrow.FORUM_DESC}</p>
             <div id="sous-forum">
                     <span id="subforums">
                        {catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
         </span>
             </div>
          <script type="text/javascript">
jQuery('#subforums').html(jQuery('#subforums').html().replace(/, /g,' - ')).removeAttr('id');
</script>
        </div>
   <!-- END forumrow -->

   <!-- BEGIN tablefoot -->
      <br />
   <!-- END tablefoot -->
<!-- END catrow -->

<!-- BEGIN switch_on_index -->
<div id="liens_haut_cate">
     <!-- BEGIN switch_delete_cookies -->
   <a href="{switch_on_index.switch_delete_cookies.U_DELETE_COOKIES}" rel="nofollow">{switch_on_index.switch_delete_cookies.L_DELETE_COOKIES}</a> ▬
   <!-- END switch_delete_cookies -->
   <!-- BEGIN switch_user_logged_in -->
   <a href="{U_MARK_READ}">{L_MARK_FORUMS_READ}</a>
   <!-- END switch_user_logged_in -->
</div>
</div>
<!-- END switch_on_index -->

Template memberlist_body

Code:

<ul id="navstrip" class="clearfix">
   <li class="begin"><a href="{U_INDEX}"><span>{L_INDEX}</span></a></li>
   {NAV_CAT_DESC}
   <li>{L_MEMBERLIST}</li>
</ul>

<!-- BEGIN switch_pagination -->
<div class="pagination">
   {PAGINATION}
</div>
<div class="clearfix"></div>
<br />
<!-- END switch_pagination -->

<form action="{S_MODE_ACTION}" method="get" class="ipbform">
   <div class="borderwrap memberlist">
         
      <div class="maintitle">
         <h3>{L_ORDER_OR_SELECT}</h3>
      </div>
          <div id="entete_liste_membres">
      <fieldset>
         <legend>{L_USER_SELECT}</legend>
         <dl>
            <dt></dt>
            <dd><input type="text" class="inputbox" name="username" maxlength="25" size="20" value="{L_USER_SELECT_VALUE}" /></dd>
         </dl>
      </fieldset>
      <div class="formbuttonrow in-padding clearfix">
         <div class="centerer">
            <del>
               <dl class="search-filter">
                  <dt>{L_SELECT_SORT_METHOD}</dt>
                  <dd>{S_MODE_SELECT}</dd>
               </dl>
               <dl class="search-filter">
                  <dt>{L_ORDER}</dt>
                  <dd>{S_ORDER_SELECT}</dd>
               </dl>

               <dl class="search-filter">
                  <dt>&nbsp;</dt>
                  <dd>
                     {S_HIDDEN_SID}
                     <input type="submit" name="submit" value="{L_SUBMIT}" class="button" />
                  </dd>
               </dl>
            </del>
         </div>
      </div>
            <div class="clear"></div>
          </div>
   </div>
</form>
<br />

<div class="borderwrap member-list">
   <div class="maintitle floated clearfix">
      <h2 style="text-align: left;">{PAGE_TITLE}</h2>
   </div>
   <div class="box-content member-list clearfix">

   <!-- BEGIN memberrow -->
      <div class="member">
         <div class="avatar_liste">{memberrow.AVATAR_IMG}</div>
                     <div class="informations_liste_membres">
                             <span class="membername">{memberrow.USERNAME}</span><br />
                             {memberrow.LASTVISIT}<br />
                             <span id="liste_membres_mp">
                                     {memberrow.PM_IMG}
                                     {memberrow.PROFILE_IMG}
                             </span>
                     </div>
      </div>
   <!-- END memberrow -->

   <!-- BEGIN switch_no_user -->
   {switch_no_user.L_NO_USER}
   <!-- END switch_no_user -->

   </div>
</div>

<!-- BEGIN switch_pagination -->
<div class="pagination">
   {PAGINATION}
</div>
<br />
<!-- END switch_pagination -->
<br />

Template overall_footer_begin

Code:

<!-- BEGIN html_validation -->
<div>
   <div>
      <div>
         <div>
            <div>
               <div>
                  <div>
<!-- END html_validation -->
                  </div>
               </div>
            </div>
         </div>
         <div id="{ID_RIGHT}">
            <!-- BEGIN giefmod_index2 -->
            {giefmod_index2.MODVAR}
            <!-- BEGIN saut -->
            <div style="height:{SPACE_ROW}px"></div>
            <!-- END saut -->
            <!-- END giefmod_index2 -->
         </div>
      </div>
   </div>
</div>
<div class="clearfix"></div>
<div id="gfooter">
   <div class="clearfix">
      <form action="{S_JUMPBOX_ACTION}" method="get" name="jumpbox" onsubmit="if(document.jumpbox.f.value == -1){return false;}" id="qjump">
         <fieldset>{S_JUMPBOX_SELECT}</fieldset>
      </form>
      <div class="current-time">{CURRENT_TIME}</div>
      <div class="centerer footer-links">
         <del>
            <ul>
               <li>
<!-- BEGIN html_validation -->
               </li>
            </ul>
         </del>
      </div>
   </div>
</div>
<div class="clear"></div>
<!-- END html_validation -->

Dim 8 Oct - 21:11

Template overall_footer_end

Code:

<!-- BEGIN html_validation -->
<!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>
<div>
   <div>
      <div>
         <div>
            <div>
               <div>
                  <div>
                     <del>
                        <ul>
                           <li>
<!-- END html_validation -->
                           </li>
                        </ul>
                        <!-- BEGIN switch_footer_links -->
                        <ul>
                           <li>
                              <!-- BEGIN footer_link -->
                                 <!-- BEGIN switch_separator --> | <!-- END switch_separator -->
                                 {switch_footer_links.footer_link.FOOTER_LINK_SEPARATOR}<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>
                              <!-- END footer_link -->
                           </li>
                        </ul>
                        <!-- END switch_footer_links -->
                     </del>
                  </div>
               </div>
            </div>
            {PROTECT_FOOTER}
            <p class="center">
               <strong>{ADMIN_LINK}</strong>
            </p>
         </div>
      </div>
   </div>
  <div class="clear"></div>
</div>

<!-- BEGIN switch_facebook_login -->
<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>
<!-- END switch_facebook_login -->
<!-- BEGIN switch_topicit_connect -->
<script>
    $(document).ready( function() {
        $('div.ti-connect').attr({
            'data-loc' : '{switch_topicit_connect.TOPICIT_URL}',
            'data-login' : '{switch_topicit_connect.BOARD_LOGIN}',
            'data-version' : '{switch_topicit_connect.TOPICIT_VERSION}',
            'data-lang' : '{switch_topicit_connect.BOARD_LANG}'
        });

        (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 = "{switch_topicit_connect.TOPICIT_ENDPOINT}";
            fjs.parentNode.insertBefore(js, fjs);
        }(document, 'script', 'topicit-connect'));
    });
</script>
<!-- END switch_topicit_connect -->

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

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}" lang="{L_LANG_HTML}" xml:lang="{L_LANG_HTML}" {NAMESPACE_FB} {NAMESPACE_FB_LIKE} {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}" />
  <link href="https://fonts.googleapis.com/css?family=Germania+One" rel="stylesheet" />
   {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>
    <!-- BEGIN switch_recent_jquery -->
    <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>
    <!-- END switch_recent_jquery -->
   <script src="{JS_DIR}{L_LANG}.js" type="text/javascript"></script>
    {RICH_SNIPPET_GOOGLE}

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

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

   <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 -->
         $(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}
            });
         });
      <!-- END switch_ticker -->
   });

   <!-- BEGIN switch_login_popup -->
      var logInPopUpLeft, logInPopUpTop, logInPopUpWidth = {LOGIN_POPUP_WIDTH}, logInPopUpHeight = {LOGIN_POPUP_HEIGHT}, logInBackgroundResize = false, logInBackgroundClass = 'box-content';
   <!-- 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}
   <script src="{JS_DIR}invision.js" type="text/javascript"></script>


   <!-- BEGIN switch_ticker_new -->
   <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() {

         $('#fa_ticker_content').css('display','block');

         var width_max = $('ul#fa_ticker_content').width();
         var width_item = Math.floor(width_max / {switch_ticker.SIZE});

         if (width_max > 0)
         {
            $('ul#fa_ticker_content li').css('float','left').css('list-style','none').width(width_item).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);
               }
            });

            if (slid_vert)
         {
               var height_max = h_perso;

            $('ul#fa_ticker_content li').each( function () {
                  if ($(this).height() > height_max)
                  {
                     height_max = $(this).height();
                  }
               } );

            $('ul#fa_ticker_content').width(width_item).height(height_max).css('marginLeft','auto').css('marginRight','auto');
            $('ul#fa_ticker_content li').height(height_max);
         }

            $('#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>

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

   .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>
<!-- BEGIN hitskin_preview -->
<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>
<!-- END hitskin_preview -->

<!-- BEGIN switch_login_popup -->
<div id="login_popup" class="module borderwrap" style="z-index: 10000 !important;">
   <div id="login_popup_content">
      <div id="login_popup_background">
         <div id="login_popup_title" class="maintitle"><h3>{SITENAME}</h3></div>
         <div class="box-content">
            {LOGIN_POPUP_MSG}
            <div id="login_popup_buttons">
               <form action="{S_LOGIN_ACTION}" method="get" target="_parent">
                  <input type="submit" class="button" value="{L_LOGIN}" />
                  <input type="button" class="button" value="{L_REGISTER}" onclick="parent.location='{U_REGISTER}';" />
                  <input id="login_popup_close" type="button" class="button" value="{L_DONT_DISPLAY_AGAIN}" />
               </form>
            </div>
         </div>
      </div>
   </div>
</div>
<!-- END switch_login_popup -->

<div class="minwidth_IE">
   <div class="layout_IE">
      <div class="container_IE">

         <div id="ipbwrapper">

            <a id="top" name="top" accesskey="t"></a>
                <div id="navigation">
                                        <div class="js-useravatar" id="avatar_navigation"></div>
                                             <div id="nav_decalage">
                                                     {GENERATED_NAV_BAR}
                                             </div>
                                </div>

                         <div style="clear: both;"></div>
            <div id="logostrip" class="clearfix">
               <a href="{U_INDEX}" id="logo" title="{L_INDEX}"><img src="{LOGO}" alt="{L_INDEX}" /></a>
            </div>
                         
                             <div id="barre_laterale">
                                     <div id="liens_nav">
                                             <a href="#">Règlement</a>
                                        <a href="#">Bottin des avatars</a>
                                        <a href="#">Partenariat</a>
                                        <a href="#">Annexes</a>
                                        <a href="#">Zone invités</a>
                                        <a href="#">Crédits & Co</a>
                                        </div>
                                        <br /><br />
                                        <img src="https://i.imgur.com/HjReT25.png" />
                                        <div class="blocs_gris">
                                             Les fleuves de la rivière <a href="#">www</a><br /><br />
                                             Les envies de meurtre <a href="#">www</a><br /><br />
                                             Notre dame en péril <a href="#">www</a>
                                        </div>
                                        <br /><br />
                                        <img src="https://i.imgur.com/64jqW4L.png" />
                                        <div class="blocs_gris">
                                             <span class="dates">00/00/2017</span> Ouverture du forum<br />
                                             <span class="dates">00/00/2017</span> Ouverture du forum<br />
                                             <span class="dates">00/00/2017</span> Ouverture du forum<br />
                                             <span class="dates">00/00/2017</span> Ouverture du forum<br />
                                             <span class="dates">00/00/2017</span> Ouverture du forum<br />
                                             <span class="dates">00/00/2017</span> Ouverture du forum<br />
                                             <span class="dates">00/00/2017</span> Ouverture du forum<br />
                                             <span class="dates">00/00/2017</span> Ouverture du forum<br />
                                        </div>
                                        <br /><br />
                                        <img src="https://i.imgur.com/dbyVXv9.png" /> <br />
                                        <div id="partenaires">
                                              <a href="#" target="_blank"><img src="https://i.imgur.com/VSy6Qsp.png" /></a>
                                              <a href="#" target="_blank"><img src="https://i.imgur.com/VSy6Qsp.png" /></a>
                                              <a href="#" target="_blank"><img src="https://i.imgur.com/VSy6Qsp.png" /></a>
                                              <a href="#" target="_blank"><img src="https://i.imgur.com/VSy6Qsp.png" /></a>
                                              <a href="#" target="_blank"><img src="https://i.imgur.com/VSy6Qsp.png" /></a>
                                              <a href="#" target="_blank"><img src="https://i.imgur.com/VSy6Qsp.png" /></a>
                                              <a href="#" target="_blank"><img src="https://i.imgur.com/VSy6Qsp.png" /></a>
                                              <a href="#" target="_blank"><img src="https://i.imgur.com/VSy6Qsp.png" /></a>
                                        </div>
                             </div>


            <!-- BEGIN switch_ticker_new -->
            <div id="fa_ticker_block" style="margin-top:4px;margin-bottom:4px;">
               <div class="module borderwrap">
                  <div class="box-content">
                     <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>
                  </div>
               </div>
            </div>
            <!-- END switch_ticker_new -->

            <!-- BEGIN switch_ticker -->
            <div id="fa_ticker_block" style="margin-top:4px;margin-bottom:4px;">
               <div class="module borderwrap">
                  <div class="box-content">
                     <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>
                  </div>
               </div>
            </div>
            <!-- END switch_ticker -->

            <div id="{ID_CONTENT_CONTAINER}"{CLASS_CONTENT_CONTAINER}>
               <div id="outer-wrapper">
                  <div id="wrapper">
                     <div id="container">
                        <div id="content">

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

                           <div id="main">
                              <div id="main-content">

Template topics_list_box

Code:

<div id="liste_sujets"><!-- BEGIN topics_list_box -->
   <!-- BEGIN row -->
      <!-- BEGIN header_table -->
         <!-- BEGIN multi_selection -->
            <script type="text/javascript">
               //<![CDATA[
               function check_uncheck_main_{topics_list_box.row.header_table.BOX_ID}()
               {
                  var all_checked = true;
                  for (i = 0; (i < document.{topics_list_box.FORMNAME}.elements.length) && all_checked; i++)
                  {
                     if (document.{topics_list_box.FORMNAME}.elements[i].name == '{topics_list_box.FIELDNAME}[]{topics_list_box.row.header_table.BOX_ID}')
                     {
                        all_checked = document.{topics_list_box.FORMNAME}.elements[i].checked;
                     }
                  }
                  document.{topics_list_box.FORMNAME}.all_mark_{topics_list_box.row.header_table.BOX_ID}.checked = all_checked;
               }
               function check_uncheck_all_{topics_list_box.row.header_table.BOX_ID}()
               {
                  for (i = 0; i < document.{topics_list_box.FORMNAME}.length; i++)
                  {
                     if (document.{topics_list_box.FORMNAME}.elements[i].name == '{topics_list_box.FIELDNAME}[]{topics_list_box.row.header_table.BOX_ID}')
                     {
                        document.{topics_list_box.FORMNAME}.elements[i].checked = document.{topics_list_box.FORMNAME}.all_mark_{topics_list_box.row.header_table.BOX_ID}.checked;
                     }
                  }
               }
               //]]>
            </script>
         <!-- END multi_selection --><!-- END header_table -->
<!-- BEGIN header_row -->
         <strong>{topics_list_box.row.L_TITLE}</strong>
      <!-- END header_row -->

<!-- BEGIN topic -->
   
     <div id="mef_sujets">
             
       
             <img title="{topics_list_box.row.L_TOPIC_FOLDER_ALT}" src="{topics_list_box.row.TOPIC_FOLDER_IMG}" alt="{topics_list_box.row.L_TOPIC_FOLDER_ALT}" />
             <!-- BEGIN single_selection -->
         <input type="radio" name="{topics_list_box.FIELDNAME}" value="{topics_list_box.row.FID}" {topics_list_box.row.L_SELECT} />
      <!-- END single_selection -->
      <div id="sujets_bloc">
                     {topics_list_box.row.TOPIC_TYPE} 
      
                <a class="topictitle" href="{topics_list_box.row.U_VIEW_TOPIC}">{topics_list_box.row.TOPIC_TITLE}</a> 
             
                <div id="dernier_mess_sujets">
                        {topics_list_box.row.LAST_POST_TIME}<br />{topics_list_box.row.L_BY} {topics_list_box.row.LAST_POST_AUTHOR}
                </div>
                <br />
                <div id="footer_sujets">
                        <div id="sujets_stats">
                           {topics_list_box.row.REPLIES} réponses // {topics_list_box.row.VIEWS} vues
                        </div>
                        <div id="auteur_sujets">
                                Ecrit par {topics_list_box.row.TOPIC_AUTHOR}
                        </div>
                             <div class="clear">
                             </div>
                </div>
             </div>
         
             <div class="clear"></div>
     </div>
<div class="clear"></div>
         
<!-- END topic -->


      <!-- BEGIN no_topics -->
               <div class="row1 centered" colspan="8"><strong>{topics_list_box.row.L_NO_TOPICS}</strong></div>
               
      <!-- END no_topics -->

      <!-- BEGIN bottom -->
            
      <!-- END bottom -->

      <!-- BEGIN spacer -->
         
      <!-- END spacer -->
   <!-- END row -->
<!-- END topics_list_box --></div>

Template Viewforum_body

Code:

<div id="fil_ariane">
     <!-- BEGIN switch_user_authpost -->
      <a id="nouveau_mess" href="{U_POST_NEW_TOPIC}" accesskey="n" rel="nofollow"><img src="{POST_IMG}" class="{POST_IMG_ID}" alt="{L_POST_NEW_TOPIC}" /></a>
   <!-- END switch_user_authpost -->
   <ul id="navstrip" class="clearfix">
      <li class="begin"><a href="{U_INDEX}"><span>{L_INDEX}</span></a></li>
      {NAV_CAT_DESC}
   </ul>
     <div class="clear"></div>
   <div class="pagination topic-options">
      {PAGINATION}
   </div>
     <div class="clear">
     </div>
</div>

<div class="borderwrap">
   {TOPICS_LIST_BOX}
</div>
<br /><br />
<div id="fil_ariane">
   <!-- BEGIN switch_user_authpost -->
      <a id="nouveau_mess" href="{U_POST_NEW_TOPIC}" accesskey="n" rel="nofollow"><img src="{POST_IMG}" class="{POST_IMG_ID}" alt="{L_POST_NEW_TOPIC}" /></a>
   <!-- END switch_user_authpost -->
     <div class="pagination topic-options" id="pagination_bas">
      {PAGINATION}
   </div>
     <div class="clear"></div>
</div>

{BOARD_INDEX}

<div id="moderer">
   {S_AUTH_LIST}
</div>

Template Viewtopic_body

Code:

<script type="text/javascript">
//<![CDATA[
var multiquote_img_off = '{JS_MULTIQUOTE_IMG_OFF}', multiquote_img_on = '{JS_MULTIQUOTE_IMG_ON}', _atr = '{JS_DIR}addthis/', _ati = '{PATH_IMG_FA}addthis/'{ADDTHIS_LANG}, addthis_localize = { share_caption: "{L_SHARE_CAPTION}", email: "{L_EMAIL}", email_caption: "{L_EMAIL_CAPTION}", favorites: "{L_SHARE_BOOKMARKS}", print: "{L_PRINT}", more: "{L_MORE}" };
$(function(){
    if(typeof(_atc) == "undefined") {
        _atc = {  };
    }
});

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>

<ul id="navstrip" class="clearfix">
   <li class="begin"><a href="{U_INDEX}"><span>{L_INDEX}</span></a></li>
   {NAV_CAT_DESC}
</ul>

<!-- BEGIN topicpagination -->
<div class="pagination topic-options">
   {PAGINATION}
</div>
<!-- END topicpagination -->

<div class="posting-options topic-options">
   <ul class="posting-buttons clearfix">
      <!-- BEGIN switch_user_authpost -->
         <li class="post-icon"><a href="{U_POST_NEW_TOPIC}" accesskey="n" rel="nofollow"><img src="{POST_IMG}" class="{POST_IMG_ID}" alt="{L_POST_NEW_TOPIC}" /></a></li>
      <!-- END switch_user_authpost -->
      <!-- BEGIN switch_user_authreply -->
         <li class="post-icon"><a href="{U_POST_REPLY_TOPIC}"><img src="{REPLY_IMG}" class="i_reply" alt="{L_POST_REPLY_TOPIC}" /></a></li>
      <!-- END switch_user_authreply -->
   </ul>
</div>

<div class="clearfix empty-clear"></div>

<div class="borderwrap">
   
   {POLL_DISPLAY}

   <!-- BEGIN postrow -->
   
   <!-- BEGIN hidden -->
   <div class="postdetails {postrow.hidden.ROW_CLASS}" colspan="2" align="center">{postrow.hidden.MESSAGE}</div>
   <!-- END hidden -->
   
   <!-- BEGIN first_post_br -->
</div>
<hr id="first-post-br" />
<div class="borderwrap">
   <!-- END first_post_br -->
   
   <!-- BEGIN displayed -->
   <div id="p{postrow.displayed.U_POST_ID}" class="post {postrow.displayed.ONLINE_IMG_NEW} clearfix post--{postrow.displayed.U_POST_ID}"{postrow.displayed.THANK_BGCOLOR} style="{postrow.displayed.DISPLAYABLE_STATE}">
      <div class="post-container"{postrow.displayed.THANK_BGCOLOR}>
         <div class="postbody clearfix">
            <div class="postprofile" id="profile{postrow.displayed.U_POST_ID}">

               <dl class="postprofile-details postdetails">
                                             {postrow.displayed.RANK_IMAGE}<br />
                                             <div id="avatar_profil">
                                                     {postrow.displayed.POSTER_AVATAR}
                                             </div>
                                             <div id="contenu_infos_profil">
                                                     <div id="pseudo_profil">
                                                        {postrow.displayed.POSTER_NAME}
                                                </div>
                  
                     <dd>
                        <!-- BEGIN profile_field -->
                        {postrow.displayed.profile_field.LABEL}{postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}
                        <!-- END profile_field -->
                        {postrow.displayed.POSTER_RPG}
                     </dd>
                                             </div>
               </dl>
            </div>

         <div class="postbody-head postdetails post-header"{postrow.displayed.THANK_BGCOLOR}>
                             <div class="titre_sujet">
               <h1>{TOPIC_TITLE}</h1>
            </div>
                 <p id="date_sujet">
                                     {postrow.displayed.POST_DATE_NEW}
                             </p>
         </div>

         <div class="post-entry">
            <!-- BEGIN switch_vote_active -->
            <div class="vote gensmall">
               <!-- BEGIN switch_vote -->
               <div class="vote-button"><a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_PLUS}">+</a></div>
               <!-- END switch_vote -->

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

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

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

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

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

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

                        <!-- BEGIN switch_no_dl_att -->
                        {postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.ATTACHMENT} {postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.ATTACHMENT_DEL}
                        <!-- END switch_no_dl_att -->
                     </dt>

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

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

                     <dd>({postrow.displayed.switch_attachments.switch_post_attachments.FILE_SIZE}) {postrow.displayed.switch_attachments.switch_post_attachments.NB_DL}</dd>
                  </dl>
                  <!-- END switch_post_attachments -->
               </dd>
            </dl>
            <!-- END switch_attachments -->
            <div class="clear"></div>
            {postrow.displayed.EDITED_MESSAGE}
         </div>


         <!-- BEGIN switch_signature -->
         <br />
         <div id="sig{postrow.displayed.U_POST_ID}" class="signature_div">{postrow.displayed.SIGNATURE_NEW}</div>
         <!-- END switch_signature -->

      </div>

   </div>

      <div class="post-footer clearfix"{postrow.displayed.THANK_BGCOLOR}>
         <ul class="misc-icons">
            <li><a href="#top">{L_BACK_TO_TOP}</a></li>
            <li>{postrow.displayed.REPORT_IMG_NEW}</li>
         </ul>
         <ul class="posting-icons">
            <li>{postrow.displayed.THANK_IMG}</li>
            <li>{postrow.displayed.MULTIQUOTE_IMG}</li>
            <li>{postrow.displayed.QUOTE_IMG}</li>
            <li>{postrow.displayed.EDIT_IMG}</li>
            <li>{postrow.displayed.DELETE_IMG}</li>
         </ul>
      </div>
   </div> <!-- closing tag post -->
   <!-- END displayed -->
   <!-- END postrow -->
   <div class="topic-footer clearfix">
      <!-- BEGIN minisearch -->
      <div class="search-footer-box">
         <form method="get" id="forum-search" action="{S_SEARCHBOX_ACTION}">
            <fieldset>
               <input type="text" name="search_keywords" id="search_keywords" size="20" value="{L_SEARCH}" onclick="if (this.value == '{L_SEARCH}') this.value = '';" onblur="if (this.value == '') this.value = '{L_SEARCH}';" />
                <input class="button" type="submit" value="{L_SEARCH}" />
               <input type="hidden" value="{SEARCH_WHERE}" name="search_where" />
               <input type="hidden" value="{SEARCH_TOPIC}" name="search_topic" />
               <input type="hidden" value="posts" name="show_results" />
            </fieldset>
         </form>
      </div>
      <!-- END minisearch -->
      <div class="next-prev">
         « <a href="{U_VIEW_OLDER_TOPIC}">{L_IPB_PREVIOUS_TOPIC}</a> · <a href="{U_VIEW_NEWER_TOPIC}">{L_IPB_NEXT_TOPIC}</a> »
      </div>
   </div>
</div>

<!-- BEGIN viewtopic_bottom -->
<br />
<div class="borderwrap">
   <div class="bar clearfix">
      <div class="left rtl-inversion-left">
         <input type="hidden" name="t" value="{TOPIC_ID}" />

         <!-- <input type="hidden" name="sid" value="{S_SID}" /> -->
         <input type="hidden" name="{SECURE_ID_NAME}" value="{SECURE_ID_VALUE}" />

         {S_TOPIC_ADMIN}
      </div>
      <div class="right rtl-inversion-right">
         {L_TABS_PERMISSIONS} <br />{S_AUTH_LIST}
      </div>
   </div>
</div>
<!-- END viewtopic_bottom -->

<!-- BEGIN topicpagination -->
<div class="pagination topic-options">
   {PAGINATION}
</div>
<!-- END topicpagination -->

<div class="posting-options topic-options">
   <ul class="posting-buttons clearfix">
      <!-- BEGIN switch_user_authpost -->
      <li class="post-icon">
         <a href="{U_POST_NEW_TOPIC}" accesskey="n" rel="nofollow"><img src="{POST_IMG}" class="{POST_IMG_ID}" alt="{L_POST_NEW_TOPIC}" /></a>
      </li>
      <!-- END switch_user_authpost -->
      <!-- BEGIN switch_user_authreply -->
      <li class="post-icon">
         <a href="{U_POST_REPLY_TOPIC}"><img src="{REPLY_IMG}" class="i_reply" alt="{L_POST_REPLY_TOPIC}" /></a>
      </li>
      <!-- END switch_user_authreply -->
   </ul>
</div>

<div class="clearfix empty-clear"></div>

<!-- BEGIN promot_trafic -->
<div class="row2">
   <div id="ptrafic_close" class="clearfix" style="display:none">
      <div class="maintitle floated">
         <h3>{PROMOT_TRAFIC_TITLE}</h3>
         <div class="right rtl-inversion-right">
            <a href="javascript:ShowHideLayer('ptrafic_open','ptrafic_close');"><img src="{TABS_MORE_IMG}" alt="+" align="" border="0" /></a>
         </div>
      </div>
   </div>
   <div id="ptrafic_open" class="clearfix" style="display:''">
      <div class="maintitle floated">
         <h3>{PROMOT_TRAFIC_TITLE}</h3>
         <div class="right rtl-inversion-right">
            <a href="javascript:ShowHideLayer('ptrafic_open','ptrafic_close');"><img src="{TABS_LESS_IMG}" alt="-" align="" border="0" /></a>
         </div>
      </div>
      <div>
         <!-- BEGIN link -->
         » <a href="{promot_trafic.link.U_HREF}" target="_blank" title="{promot_trafic.link.TITLE}" rel="nofollow">{promot_trafic.link.TITLE}</a><br />
         <!-- END link -->
      </div>
   </div>
</div>
<!-- END promot_trafic -->

<!-- BEGIN switch_forum_rules -->
<div class="row1" id="forum_rules">
   <div class="maintitle">
      <h3>{L_FORUM_RULES}</h3>
   </div>
   <table>
      <tr>
         <!-- BEGIN switch_forum_rule_image -->
         <td class="logo">
            <img src="{RULE_IMG_URL}" alt=""/>
         </td>
         <!-- END switch_forum_rule_image -->
         <td class="rules post-entry">
            {RULE_MSG}
         </td>
      </tr>
   </table>
</div>
<!-- END switch_forum_rules -->

<!-- BEGIN switch_user_logged_in -->
<br />
<a name="quickreply"></a>
{QUICK_REPLY_FORM}
<!-- END switch_user_logged_in -->

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

<script src="//s7.addthis.com/js/300/addthis_widget.js#pubid=forumotion" type="text/javascript"></script>

Dans la partie "Poster & Messages privés" des template, le template privmsgs_body

Code:

<ul id="navstrip" class="clearfix">
   <li class="begin"><a href="{U_INDEX}"><span>{L_INDEX}</span></a></li>
   {NAV_CAT_DESC}
   <li>{L_PM}</li>
</ul>

<div class="pagination">{PAGINATION} {PAGE_NUMBER}</div>

<div class="posting-options">
   <ul class="posting-buttons clearfix">
      <li class="post-icon">{POST_PM_IMG}</li>
   </ul>
</div>
<ul class="privmsg clearfix">
   <li><div class="tabitem">{INBOX}</div></li>
   <li><div class="tabitem">{SENTBOX}</div></li>
   <li><div class="tabitem">{OUTBOX}</div></li>
   <li><div class="tabitem">{SAVEBOX}</div></li>
</ul>
<form action="{S_PRIVMSGS_ACTION}" method="post" name="privmsg_list" class="mp_ipbform">
   <div class="borderwrap" style="clear: both;">

      <div class="maintitle clearfix">
         <h3></h3>
         <p class="options">
            {L_DISPLAY_MESSAGES}:
            <select name="msgdays">{S_SELECT_MSG_DAYS}</select> 
            <input type="submit" name="submit_msgdays" value="{L_GO}" class="button" />
         </p>
      </div>
      <div class="subtitle"><!-- BEGIN switch_box_size_notice -->{BOX_SIZE_STATUS}<!-- END switch_box_size_notice --></div>
         <div class="box-content">
         <table class="ipbtable" cellpadding="0" cellspacing="0">
            <thead>
               <tr>
                  <th class="icon"></th>
                  <th class="icon"></th>
                  <th class="subject">{L_SUBJECT}</th>
                  <th class="select-items">{L_MARK}</th>
               </tr>
            </thead>

            <tbody class="statused">
               <!-- BEGIN listrow -->
               <tr>
                  <td class="row1 centered"><img src="{listrow.PRIVMSG_FOLDER_IMG}" alt="" /></td>
                  <td class="row1 centered">{listrow.PRIVMSG_ICON}</td>
                  <td class="row1">
                     <a href="{listrow.U_READ}" class="topictitle">{listrow.SUBJECT}</a> {listrow.L_BY} {listrow.FROM} - {listrow.DATE}
                  </td>
                  <td class="row2 centered"><input type="checkbox" name="mark[]2" value="{listrow.S_MARK_ID}" /></td>
               </tr>
               <!-- END listrow -->

               <!-- BEGIN switch_no_messages -->
               <tr>
                  <td></td>
                  <td></td>
                  <td class="row2"><strong>{L_NO_MESSAGES}</strong></td>
                  <td class="row2"> </td>
               </tr>
               <!-- END switch_no_messages -->
            </tbody>
         </table>

      <div class="formbuttonrow clearfix">
         <p class="right"><a href="javascript:select_switch_privmsg(true);">{L_MARK_ALL}</a> ::<a href="javascript:select_switch_privmsg(false);">{L_UNMARK_ALL}</a></p>
         <p class="left">
            {S_HIDDEN_FIELDS}
            <!-- BEGIN switch_save -->
            <input type="submit" name="save" value="{L_SAVE_MARKED}" class="button" />  
            <!-- END switch_save -->
            <!-- BEGIN switch_move_profile -->
            <input type="submit" name="moveprofile" value="{L_MOVE_PROFILE_MARKED}" class="button" />  
            <!-- END switch_move_profile -->
            <input type="submit" name="delete" value="{L_DELETE_MARKED}" class="button" /> &nbsp;
            <input type="submit" name="deleteall" value="{L_DELETE_ALL}" class="button" />
         </p>
      </div>
   </div>
   </div>

   <div class="pagination">{PAGINATION} {PAGE_NUMBER}</div>
   <div class="posting-options">
      <ul class="posting-buttons clearfix">
         <li class="post-icon">{POST_PM_IMG}</li>
      </ul>
   </div>
</form>

La PA

Code:

<div id="page_daccueil">
                        
   <div id="contenu_accueil">
      
      <div id="bloc1">
                     <img src="https://i.imgur.com/jtfGDnb.png" />  <br /><a href="#"><img src="https://img11.hostingpics.net/pics/854305Sanstitre2.jpg" /></a>         
      </div>
                           
      <div id="annonces">
                     Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur tellus mauris, mattis quis est tincidunt, tincidunt ullamcorper enim. Vivamus luctus nisi ac risus mollis, consequat varius augue placerat. In tellus ante, finibus a urna et, tincidunt facilisis mi. Ut id condimentum est, vitae placerat dolor. Sed porta sapien nec erat fringilla elementum. Sed tincidunt sagittis eros id vulputate. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Vivamus non luctus odio. Quisque eu cursus massa. Nam tortor arcu, cursus quis purus vitae, dignissim rhoncus odio. Aliquam tristique eros vel sollicitudin consequat. Duis malesuada efficitur nisl facilisis scelerisque. Cras nulla mauris, tempor non faucibus id, bibendum a purus.           
      </div>
                           
      <div id="contexte">
                     Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur tellus mauris, mattis quis est tincidunt, tincidunt ullamcorper enim. Vivamus luctus nisi ac risus mollis, consequat varius augue placerat. In tellus ante, finibus a urna et, tincidunt facilisis mi. Ut id condimentum est, vitae placerat dolor. Sed porta sapien nec erat fringilla elementum. Sed tincidunt sagittis eros id vulputate. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Vivamus non luctus odio. Quisque eu cursus massa. Nam tortor arcu, cursus quis purus vitae, dignissim rhoncus odio. Aliquam tristique eros vel sollicitudin consequat. Duis malesuada efficitur nisl facilisis scelerisque. Cras nulla mauris, tempor non faucibus id, bibendum a purus.           
      </div>
                           
      <div id="staff">
                     <img src="https://i.imgur.com/EMaVoxU.png" />         
         <div class="test">
            
            <div class="staff_contenu">
                     <img src="https://img11.hostingpics.net/pics/590870gYvqdH3.png" />     
               <div class="pseudo_staff">
                        Nom Prénom     
               </div>
                          
            </div>
                       
            <div class="staff_contenu">
                     <img src="https://img11.hostingpics.net/pics/590870gYvqdH3.png" />    <br /> 
               <div class="pseudo_staff">
                        Nom Prénom     
               </div>
                          
            </div>
            
         </div>
                      
      </div>
                         
      <div class="clear">
                            
      </div>
   </div>
</div>

Et enfin le code javascript à afficher sur toutes les pages (pense bien à activer la gestion du JS) :

Code:

/* On attend le chargement */
$(function(){
    /* on récupère les endroits où on doit ajouter l'avatar */
    var $loadAvatar = $('.js-useravatar');
   
    /* s'il y a des endroits où on doit ajouter l'avatar */
    if ($loadAvatar.length > 0) {
       
        /* on remplace le contenu de .js-useravatar en mettant l'avatar */
        $loadAvatar.html(_userdata.avatar);
       
    }
});

Je pense ne rien avoir oublié. A toi d'ajouter les images dans le panneau de configuration. Je t'écoute pour les beugs \o/