+

    [Codage] - Maquette

    le Mar 4 Juil - 20:33

  • Bouh ~
    Tu peux laisser tel quel, je ne voudrais pas te faire recoder ça, en plus ce n'est qu'un petit détail ! ^-^ Ça me convient très bien comme ça :miou:



    le Mar 4 Juil - 21:07

  • Comme tu le sens :)

    Voila les codes alors (accroche-toi !), en plusieurs posts parce que sinon ça passe pas TT


    En description de chaque forum :
    Code:
    <div class="description_txt">
       Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam erat arcu, consequat ac risus viverra, tincidunt pulvinar eros. Duis hendrerit nibh sapien, vel sollicitudin mauris pulvinar a. Duis dapibus metus non ipsum rhoncus ornare. Aliquam a ultrices velit, eget viverra nunc. Praesent accumsan pulvinar ullamcorper. Vestibulum luctus lorem ut mi mollis, ut mattis ex pulvinar. Vestibulum id hendrerit massa. Fusce condimentum sapien ligula, ut fermentum purus facilisis vel. Nulla porta velit in malesuada rutrum.
    </div>
     <img class="description_img" src="http://www.zupimages.net/up/17/22/lab5.png" />


    CSS
    Code:
    a {
      text-decoration: none;
    }

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

    .clear {
      clear: both;
    }

    body {
      background: #f3f3f3;
      width: 920px;
      border-left: 5px solid #374016;
      border-right: 5px solid #374016;
      margin: auto;
      font-family: calibri;
      margin-top: 38px;
    }

    .bodyline{
      width: 920px;
      margin: auto;
      padding: 0;
    }

    #navigation {
      font-family: 'Alice', serif;
      position: fixed;
      z-index: 999;
      top: 0;
      left: 0;
      width: 100%;
      text-align: center;
      background: #53920b;
      border-bottom: 2px solid #fff;
    }

    #navigation img {
      display: none;
    }

    #navigation a {
      color: #fff;
      text-transform: uppercase;
      font-size: 15px;
      margin: auto;
      padding: 10px;
      width: auto;
      display: inline-block;
      text-align: center;
      transition: all 1s;
    }

    #navigation a:hover {
      background: #fff;
      color: #53920b;
      transition: all 1s;
    }

    .debut_img_cloture {
      margin-top: -1px;
    }


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

    #pa {
      width: 97%;
      font-family: 'Alice', serif;
    }

    #pa_gauche {
      float: left;
      width: 28%;
    }

    .contexte {
      width: 250px;
      height: 250px;
      overflow: hidden;
    }

    .contexte_img {
      position: relative;
      z-index: 2;
      width: 250px;
      height: 250px;
      margin-left: 0px;
          transition: all ease-in-out 1s;
    }

    .contexte:hover .contexte_img {
      z-index: 1;
      transition: all ease-in-out 1s;
    }

    .contexte_description {
      position: relative;
      z-index: 1;
      width: 210px;
      height: 210px;
      font-family: 'Alice', serif;
      margin-top: -242px;
      font-size: 12px;
      text-align: justify;
      color: #263d16;
      font-style: italic;
      padding: 5%;
      background-color: rgba(255, 255, 255, 0.8);
      display: block;
      transition: all ease-in-out 1s;
    }

    #bouton_contexte {
      display: block;
      width: 80%;
      padding: 3% 2%;
      text-align: center;
      color: #fff;
      text-transform: uppercase;
      background: #e1ae11;
      margin: 0 auto;
      font-style: normal;
    }

    .membre_du_mois {
      background: #eaeaea;
      border: 10px solid #e4e4e4;
      width: 89%;
      margin-top: 5%;
      padding: 4% 2%;
      color: #8d8d8d;
      text-transform: uppercase;
      font-size: 14px;
      text-align: left;
    }

    .mdm_gauche {
      float: left;
      text-align: left;
    }

    .mdm_pseudo {
      font-size: 22px;
      color: #35230f;
    }

    .mdm_droit {
      text-align: right;
    }

    .mdm_droit a {
      color: #8d8d8d;
    }
     
    #pa_droite {
      float: right;
      width: 70%;
    }

    #pa_2_gauche {
      float: left;
      width: 50%;
    }

    #pa_2_droit {
      float: left;
      margin-left: 2%;
    }

    .bloc_staff {
      background: #e4e4e4;
      padding: 1%;
      clear: both;
    }

    .staff {
      width: 60px;
      height: 140px;
      margin: 1%;
      float: left;
      overflow: hidden;
    }

    .staff_img {
      position: relative;
      z-index: 2;
      width: 60px;
      height: 140px;
      margin-left: 0px;
      transform: all;
    }

    .staff:hover .staff_img {
      transform: all;
      z-index: 1;
      transition: 1s;
    }

    .staff_description {
      position: relative;
      z-index: 1;
      width: 56px;
      height: 130px;
      font-family: 'Alice', serif;
      margin-top: -138px;
      font-size: 12px;
      text-align: center;
      color: #263d16;
      background-color: rgba(255, 255, 255, 0.8);
      display: block;
      padding: 5% 0;
    }

    .staff_description a {
      color: #263d16;
      text-transform: uppercase;
    }

    .titre_staff_pa {
      color: #53920b;
      font-size: 22px;
      margin-left: 70%;
      margin-top: 30%;
      position: relative;
      text-transform: uppercase;
      transform: rotate(-90deg);
      width: 50%;
    }

    #rotator1492882490182 {
      height: 200px;
      position: relative;
      z-index: 1;
    }

    #rotator1492882490182 a {
      position: absolute;
    }

    #rotator1492882490182 img {
      height: 200px;
    }

    .titre_predef_pa {
      color: #53920b;
      float: left;
      font-size: 22px;
      margin-left: -12%;
      margin-top: 8%;
      text-transform: uppercase;
      transform: rotate(-90deg);
      width: 30%;
    }

    .predef {
      width: 100px;
      height: 50px;
      margin: 1%;
      float: left;
      overflow: hidden;
    }

    .predef_img {
      position: relative;
      z-index: 2;
      width: 100px;
      height: 50px;
      margin-left: 0px;
      transform: all;
    }

    .predef:hover .predef_img {
      transform: all;
      z-index: 1;
      transition: 1s;
    }

    .predef_description {
      position: relative;
      z-index: 1;
      width: 90px;
      height: 30px;
      font-family: 'Alice', serif;
      margin-top: -45px;
      font-size: 12px;
      text-align: center;
      color: #263d16;
      background-color: rgba(255, 255, 255, 0.8);
      display: block;
      padding: 5% 0;
    }

    .liens_utiles {
      width: 100%;
      display: block;
      margin: auto;
    }

    .boutons_utiles {
      float: left;
      color: #8f7865;
      margin: 1% 0.5%;
      font-size: 11px;
      padding: 2% 0;
    }

    .boutons_utiles a {
      color: #8f7865;
    }

    .partenaires_pa {
      width: 100%;
      background: #e4e4e4;
    }

    .partenaires {
      float: left;
      display block;
      margin: 1% 0.5%;
    }

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


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

    .secondarytitle {
      background: #e4e4e4;
      width: 97%;
      margin: auto;
      padding: 0 0;
      text-align: center;
      display: block;
      clear: both;
    }

    .titre_categories h2 {
      background: #53920b;
      width: 90%;
      font-family: 'Alice', serif;
      font-size: 35px;
      color: #fff;
      display: block;
      margin: auto;
      text-transform: uppercase;
      padding: 2% 0;
      font-weight: normal;
    }

    .contenu_bloc {
      width: 97%;
      background: #ececec;
      display: block;
      margin: auto;
      margin-top: 2%;
      margin-bottom: 2%;
    }

    .titre_forum {
      background: #c5c5c5;
      color: #fff !important;
      font-family: 'Alice', serif;
      font-size: 18px;
      text-align: center;
      width: 100%;
      display: block;
      padding: 0.5% 0;
    }

    #img_statut {
      margin: 1% 0 0 -1%;
      float: left;
    }

    #description {
      width: 73%;
      float: left;
      padding: 0.5%;
    }

    .description_txt {
      background: #f3f3f3;
      font-size: 11px;
      text-align: justify;
      width: 50%;
      margin-right: 0.5%;
      padding: 1%;
      overflow: auto;
      height: 86px;
      float: left;
      color: #999999;
    }

    .description_img {
      float: left;
    }

    .derniers_messages {
      background: #f3f3f3;
      color: #b0b0b0;
      width: 20%;
      height: 53px;
      position: relative;
      margin: 0.5% -2%;
      float: left;
      padding: 1% 0;
      font-size: 11px;
      text-align: center;
    }

    .derniers_messages a {
      color: #151515;
      font-size: 18px;
    }

    .sous_forum {
      width: 100%;
      text-align: center;
      padding-bottom: 1%;
    }

    .sous_forum a {
      font-family: calibri;
      text-transform: uppercase;
      color: #828282;
    }

    .derniers_messages a:nth-child(1) {
      color: #151515;
      font-style: italic;
      font-size: 16px;
      text-transform: lowercase;
    }

    .derniers_messages:nth-child(2) {
      position: absolute;
      top: 15px;
      font-family: calibri;
      font-size: 12px;
      text-transform: uppercase;
      color: #b0b0b0;
    }

    .derniers_messages a:nth-child(2) {
      position: absolute;
      top: 0px; 
      font-size: 15px;
      text-transform: uppercase;
      color: #151515;
    }

    .sujets_messages {
      background: #f3f3f3;
      color: #b0b0b0;
      margin: 0.8%;
      width: 9.2%;
      float: left;
      font-size: 11px;
      color: #6a6a6a;
      display: block;
      text-align: center;
    }


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


    /******************************************** QUI EST EN LIGNE ? ********************************************/
    .forumline {
      position: relative;
    }


    #ligne_qeel {
      width: 100%;
      margin: auto;
      display: flex;
      text-align: center;
    }

    .contenu_bloc_qeel {
      padding: 1%;
      width: 95%;
      position: relative;
    }

    .fond_titre_qeel {
      background: #e4e4e4;
      width: 97%;
      margin: auto;
      padding: 2% 0;
      text-align: center;
      display: block;
      clear: both;
    }

    .titre_qeel h2 {
      background: #53920b;
      width: 90%;
      font-family: 'Alice', serif;
      font-size: 35px;
      color: #fff;
      display: block;
      margin: auto;
      text-transform: uppercase;
      padding: 2% 0;
      font-weight: normal;
    }

    #contenu_mess_qeel {
      width: 20%;
      float: left;
    }

    .bloc_nbre {
      background: #fff;
      margin: 0% 2% 6% 1%;
      text-align: center;
      padding: 9% 2%;
      font-family: 'Alice', serif;
      font-size: 18px;
      text-transform: uppercase;
    }

    .statistiques_qeel {
      background: #fff;
      float: left;
      font-size: 12px;
      text-align: justify;
      width: 40%;
      height: 170px;
      color: #656565;
      padding: 2%;
      overflow: auto;
    }

    .img_qeel {
      position: absolute;
      top: 69%;
      left: 69%;
    }

    .qeel_24 {
      width: 22%;
      margin: 0 0 0 2%;
    }

    #groupes {
      width: 100%;
      margin: auto;
      font-family: 'Alice', serif;
      text-align: center;
      margin-bottom: 2%;
    }

    .liens_groupes {
      padding: 1% 4%;
      text-transform: uppercase;
      font-size: 12px;
      color: #fff;
      margin: 0 0.5%;
    }

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


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

    /* HAUT SUJETS */

    #header_liste_sujets {
      background: #e4e4e4;
      margin: auto;
      width: 97%;
      padding: 1% 0 0 0;
      margin-top: 1%;
      text-align: center;
    }

    .titre_header_sujets {
      background: #53920b;
      width: 90%;
      margin: auto;
      text-transform: uppercase;
      padding: 1% 0;
      font-weight: normal;
    }

    .titre_header_sujets a {
      font-family: 'Alice', serif;
      font-size: 35px;
      color: #fff;
      font-weight: normal;
    }

    .liens_header_sujets {
      text-align: left;
      width: 98%;
      margin-top: 1%;
      background: #d6d6d6;
      padding: 1%;
    }

    .nav {font-size:0;}

    .nav a {
      font-size: 12px;
      color: #fff;
      font-family: calibri;
      text-align: left;
      text-transform: uppercase;
    }

    a.nav:before {content:" > "; color: #53920b;}
    .nav > a.nav:empty:before, .nav > a.nav:first-child:before { content:"" }

    .sujets_boutons_top {
      width: 97%;
      margin: auto;
    }

    .sujets_lus {
      float: right;
      background: #e4e4e4;
      padding: 1%;
      font-family: 'Alice', serif;
    }

    .sujets_lus a {
      color: #fff;
      text-transform: uppercase;
    }

    /* FIN HAUT SUJETS */


    #contenu_sujets {
      width: 98.5%;
      display: block;
      margin: 0 auto;
    }

    .fond_sujets {
      background: #e7e7e7;
      padding: 0 1.5%;
      font-size: 11px;
      display: block;
      margin-top: 2%;
      min-height: 60px;
    }

    #img_sujets {
      display: block;
      float: left;
      width: 50px;
      margin-left: -1%;
    }

    .sujets_gauche {
      float: left;
      width: 50%;
      line-height: 100%;
      margin-left: 2%;
      text-transform: uppercase;
      font-size: 11px;
    }

    .sujets_gauche a {
      font-family: 'Alice', serif;
      font-size: 20px;
      font-weight: normal;
    }

    .sujets_droite1 {
      float: right;
      width: 10%;
      padding: 1%;
      height: 25px;
      margin-top: 0.5%;
      margin-right: 1%;
      text-align: right;
      border-right: 1px solid #9f9f9f;
      text-transform: uppercase;
    }

    .sujets_droite2 {
      float: right;
      width: 20%;
      margin: auto;
      margin-top: 1%;
      text-align: center;
    }

    .sujets_stats {
      float: left;
      width: 44%;
      display: block;
      margin:  auto;
      margin: 2% 2%;
      background: #f3f3f3;
      text-align: center;
      padding: 0.5%;
    }

    .footer_sujets {
      margin-top: 2%;
      float: right;
      display: block;
      font-size: 11px;
    }

    .moderer {
      font-size:0 ;
    }

    .moderer a {
      font-size: 11px;
      display: block;
      width: 30%;
      text-align: center;
      background: #d6d6d6;
      text-transform: uppercase;
      color: #fff;
      padding: 1%;
    }


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

    <!-- BEGIN switch_user_login_form_header -->
    <form action="{S_LOGIN_ACTION}" method="post" name="form_login">
        <table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
            <tr>
                <td width="50%" valign="top" align="{switch_user_login_form_header.V_ALIGN}" class="row1">

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

                <!-- BEGIN switch_social_login -->
                <td width="10%" align="center" valign="middle" class="row1">
                    <span class="genmed fb_or">{switch_user_login_form_header.switch_social_login.L_OR}</span>
                </td>
                <td width="40%" class="align_gauche row1">
                    <div class="social_btn">
                    <!-- BEGIN fb_connect -->
                    <div class="fb-login-button"></div>
                    <!-- END fb_connect -->
                    </div>
                </td>
                <!-- END switch_social_login -->

            </tr>
        </table>
    </form>
    <!-- END switch_user_login_form_header -->

    {CHATBOX_TOP}
    {BOARD_INDEX}


    <!-- BEGIN switch_user_login_form_footer -->
    <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 width="50%" valign="top" align="right" class="row1">

                    <table>
                        <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"/>&nbsp;</td>
                            <td>{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></td>
                        </tr>
                    </table>
                </td>

                <!-- BEGIN switch_social_login -->
                <td width="10%" align="center" valign="middle" class="row1">
                    <span class="genmed fb_or">{switch_user_login_form_footer.switch_social_login.L_OR}</span>
                </td>
                <td width="40%" class="align_gauche row1">
                    <div class="social_btn">
                    <!-- BEGIN fb_connect -->
                    <div class="fb-login-button"></div>
                    <!-- END fb_connect -->
                    </div>
                </td>
                <!-- END switch_social_login -->

            </tr>
        </table>
    </form>
    <!-- END switch_user_login_form_footer -->

    <!-- BEGIN disable_viewonline -->

    {CHATBOX_BOTTOM}




    <div class="forumline"><br />
      <div class="fond_titre_qeel"><div class="titre_qeel"><h2>Qui est en ligne ?</h2></div></div>
     
      <div class="contenu_bloc contenu_bloc_qeel"><div id="contenu_mess_qeel"><div class="bloc_nbre"><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/,"").replace(/messages/,"Messages");
                    </script> </div>
        <div class="bloc_nbre"><span id="matt">{TOTAL_USERS}</span>
                    <script type="text/javascript">document.getElementById('matt').innerHTML=document.getElementById('matt').innerHTML.replace(/Nous avons/,"").replace(/membre enregistré/,"Membres");
                    </script> </div>
        <div class="bloc_nbre"><span id="yosh"><span style="font-size: 11px;">Bienvenue à</span>{NEWEST_USER}</span>
          <script type="text/javascript">document.getElementById('yosh').innerHTML=document.getElementById('yosh').innerHTML.replace(/L'utilisateur enregistré le plus récent est/,"<br />");
            </script></div></div>
        <img src="http://www.zupimages.net/up/17/22/e477.png" alt="" style="margin: 0 2%; float: left;" />
        <div class="statistiques_qeel">{TOTAL_USERS_ONLINE}<br />{RECORD_USERS}<br /><br />    <span id="alpha">{LOGGED_IN_USER_LIST}</span>
          <script type="text/javascript">document.getElementById('alpha').innerHTML=document.getElementById('alpha').innerHTML.replace(/Utilisateurs enregistrés :/,"<b>Membres enregistrés</b><br />");</script></div>
        <img src="http://www.zupimages.net/up/17/22/3svl.png" class="img_qeel" />
        <div class="qeel_24 statistiques_qeel"><table>{L_CONNECTED_MEMBERS}</table></div><div class="clear"></div> 
      </div>
        <div id="groupes"><a href="#" class="liens_groupes" style="background: #82a6e7;">Personnel</a>      <a href="#" class="liens_groupes" style="background: #d7ba19;">Deuxième année</a>  <a href="#" class="liens_groupes" style="background: #db5164;">Troisième année</a>  <a href="#" class="liens_groupes" style="background: #9b1212;">Universitaires</a>      <a href="#" class="liens_groupes" style="background: #651919;">Extérieurs à Amai</a><br />
          <br /><br /><a href="#" class="liens_groupes" style="background: #143d86;">Première année</a><br /><div style="margin-top: 1%; color: #143d86;">A privilégier</div></div>


       
    </div>
    <!-- END disable_viewonline -->
    <br clear="all" />


    {AUTO_DST}




    Viens dans ma boutique, c'est fantastique ! ▬ Rainy Pumpkins

    le Mar 4 Juil - 21:09

  • Template Index_Box
    Code:
    <!-- BEGIN catrow --><!-- BEGIN tablehead --><div class="forumline">
       
              <div nowrap="nowrap" width="100%" class="secondarytitle"> <div class="titre_categories">{catrow.tablehead.L_FORUM}&nbsp;</div></div>
    <div class="clear"></div>
       <!-- END tablehead -->
       
       <!-- BEGIN forumrow -->
    <div class="contenu_bloc"><a class="titre_forum" href="{catrow.forumrow.U_VIEWFORUM}">- {catrow.forumrow.FORUM_NAME} -</a>
    <img id="img_statut" title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
      <div id="description">{catrow.forumrow.FORUM_DESC}</div>
        <div class="derniers_messages">{catrow.forumrow.LAST_POST}</div>
      <div class="sujets_messages" style="margin-left: -2%;">{catrow.forumrow.TOPICS} S.</div> <div class="sujets_messages">{catrow.forumrow.POSTS} R.</div>
      <div class="clear"></div>
     
        <div class="sous_forum" id="subforums">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div></div>
      <script type="text/javascript">
    jQuery('#subforums').html(jQuery('#subforums').html().replace(/, /g,' - ')).removeAttr('id');
    </script>
       <!-- END forumrow -->
       <!-- BEGIN catfoot -->
       
       <!-- END catfoot -->
       <!-- BEGIN tablefoot -->
    <!-- END tablefoot --><!-- END catrow --><img src="http://www.zupimages.net/up/17/22/9w0o.png" style="display: block; margin: auto;" alt="barre" />


    Template Overall_header
    Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" dir="{S_CONTENT_DIRECTION}" id="min-width" lang="{L_LANG_HTML}" xml:lang="{L_LANG_HTML}" {NAMESPACE_FB_LIKE} {NAMESPACE_FB} {NAMESPACE_BBCODE}>
    <head>
        <title>{SITENAME_TITLE}{PAGE_TITLE}</title>
        <meta http-equiv="content-type" content="text/html; charset={S_CONTENT_ENCODING}" />
        <meta http-equiv="content-script-type" content="text/javascript" />
        <meta http-equiv="content-style-type" content="text/css" />
        <!-- BEGIN switch_compat_meta -->
        <meta http-equiv="X-UA-Compatible" content="IE={switch_compat_meta.VERSION}" />
        <!-- END switch_compat_meta -->
        <!-- BEGIN switch_canonical_url -->
        <link rel="canonical" href="{switch_canonical_url.CANONICAL_URL}" />
        <!-- END switch_canonical_url -->
        {META_FAVICO}
        {META}
        {META_FB_LIKE}
      <link href="https://fonts.googleapis.com/css?family=Alice|Simonetta" rel="stylesheet">
        <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>
        <!-- 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 -->

        <!-- 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() {
                var w_cont = $('#fa_ticker_container').width();

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

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

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

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

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

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

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

        <script type="text/javascript">//<![CDATA[
        $(document).ready(function(){
            <!-- BEGIN switch_enable_pm_popup -->
            pm = window.open('{U_PRIVATEMSGS_POPUP}', '_faprivmsg', 'HEIGHT=225,resizable=yes,WIDTH=400');
            if(pm != null) { pm.focus(); }
            <!-- END switch_enable_pm_popup -->
            <!-- BEGIN switch_report_popup -->
            report = window.open('{switch_report_popup.U_REPORT_POPUP}', '_phpbbreport', 'HEIGHT={switch_report_popup.S_HEIGHT},resizable=yes,scrollbars=no,WIDTH={switch_report_popup.S_WIDTH}');
            if(report != null) { report.focus(); }
            <!-- END switch_report_popup -->
            <!-- BEGIN switch_ticker -->
            $(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 = true, logInBackgroundClass = false;
        <!-- END switch_login_popup -->

        <!-- BEGIN switch_login_popup -->
        $(document).ready( function() {
            $(window).resize(function() {
                var windowWidth = document.documentElement.clientWidth;
                var popupWidth = $("#login_popup").width();
                var mypopup = $("#login_popup");

                $("#login_popup").css({
                "left": windowWidth/2 - popupWidth/2
                    });
            });
        });
        <!-- END switch_login_popup -->
        //]]>
        </script>
        {GREETING_POPUP}
        <!-- BEGIN switch_ticker_new -->
        <style>
        .jcarousel-skin-tango .jcarousel-item {
            text-align:center;
            width: 10px;
        }

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

        .jcarousel-skin-tango .jcarousel-item-vertical {
            margin-bottom: {switch_ticker.SPACING}px;
        }
        </style>
        <!-- END switch_ticker_new -->
        {HOSTING_JS}
        <!-- BEGIN google_analytics_code -->
        <script type="text/javascript">
        //<![CDATA[
        var _gaq = _gaq || [];
        _gaq.push(['_setAccount', '{G_ANALYTICS_ID}']);
        _gaq.push(['_trackPageview']);
        _gaq.push(['_trackPageLoadTime']);

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

        (function() {
            var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
            ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
            var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
        })();
        //]]>
        </script>
        <!-- END google_analytics_code -->
    </head>
    <body background="{T_BODY_BACKGROUND}" bgcolor="{T_BODY_BGCOLOR}" text="{T_BODY_TEXT}" link="{T_BODY_LINK}" vlink="{T_BODY_VLINK}">
        <!-- BEGIN hitskin_preview -->
        <div id="hitskin_preview" style="display: block;">
            <h1><img src="https://illiweb.com/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" 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>
        <!-- END switch_login_popup -->

        <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 align="center" width="100%" valign="middle">
                                <!-- BEGIN switch_logo_center -->
                                <a href="{U_INDEX}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1" /></a>
                             
                                <!-- END switch_logo_center -->
                               
                             
                            </td>
                           
                        </tr>
                    </table>

                   
                          <div id="navigation">{GENERATED_NAV_BAR}</div>

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

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

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

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


    Template Topic_List_box
    Code:
    <!-- BEGIN topics_list_box --><!-- BEGIN row --><!-- BEGIN multi_selection -->
    <script type="text/javascript">
    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 -->
    <div id="contenu_sujets">

    <!-- BEGIN topic -->
    {topics_list_box.row.END_TABLE_STICKY}
      <div id="img_sujets"><img style="max-width: 49px;" 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}" /></div>
    <div class="fond_sujets">
            <div class="sujets_gauche">
                <h2><a class="topictitle" href="{topics_list_box.row.U_VIEW_TOPIC}">{topics_list_box.row.TOPIC_TITLE}</a></h2>
                   <!-- BEGIN switch_description -->
             {topics_list_box.row.topic.switch_description.TOPIC_DESCRIPTION}
          <!-- END switch_description -->
            </div>
             
     
      <div class="sujets_droite2">
           <div class="sujets_stats">{topics_list_box.row.REPLIES} R.</div>
        <div class="sujets_stats">{topics_list_box.row.VIEWS} V.</div>  <div class="clear"></div>
           {topics_list_box.row.LAST_POST_TIME} | {topics_list_box.row.LAST_POST_AUTHOR} {topics_list_box.row.LAST_POST_IMG}
      </div>

      <div class="sujets_droite1">Posté par <br />
                {topics_list_box.row.TOPIC_AUTHOR}
      </div><div class="clear"></div>
      </div>
      <div class="clear"></div>
              </div>
       <!-- END topic --><!-- BEGIN no_topics -->
       <tr>
          <td class="row1" colspan="{topics_list_box.row.COLSPAN}" align="center" valign="middle" height="30"><span class="gen">{topics_list_box.row.L_NO_TOPICS}</span></td>
       </tr>
       <!-- END no_topics -->
     <!-- BEGIN bottom --><div class="footer_sujets">{PAGINATION} {L_BACK_TO_TOP}</div><!-- END bottom -->
                <!-- BEGIN footer_table -->
    <!-- END footer_table --><!-- BEGIN spacer --><br class="gensmall" /><!-- END spacer --><!-- END row --><!-- END topics_list_box -->


    Template Viewforum_body
    Code:
    {BOARD_INDEX}

    <div id="header_liste_sujets"><div class="titre_header_sujets"><a class="nav" href="{U_INDEX}"><span>{L_INDEX}</span></a></div><div class="liens_header_sujets"><div class="nav">{NAV_CAT_DESC}</div></div>
    </div>
    <br />
    <div class="sujets_boutons_top">
      <a href="{U_POST_NEW_TOPIC}" rel="nofollow"><img src="{POST_IMG}" id="{POST_IMG_ID}" alt="{L_POST_NEW_TOPIC}" border="0" /></a>
      <div class="sujets_lus"><a href="{U_MARK_READ}">{L_MARK_TOPICS_READ}</a></div>
    </div>

    {TOPICS_LIST_BOX}<div class="clear"></div>
    <br /><img src="http://www.zupimages.net/up/17/22/9w0o.png" alt="" />
    <br /><br />
    <div class="moderer">{S_AUTH_LIST}</div>




    Viens dans ma boutique, c'est fantastique ! ▬ Rainy Pumpkins

    le Mar 4 Juil - 21:10

  • La PA
    Code:
    <div id="pa">
                                                                                                                          
       <div id="pa_gauche">
                                                                                                                           
          <div class="contexte">
                                                                                                                                  
             <div class="contexte_img">
                                                                            <img src="http://www.zupimages.net/up/17/22/0g8i.png" />                                                           
             </div>
                                                                                                                                  
             <div class="contexte_description">
                                                                            Amai Gakuen, c'est à Kobe déjà, dans le District Koyane, et il a été fondée par un vieux, un vieux... Vraiment vieux, qu'on ne voit pas souvent d'ailleurs mais si tu le vois, de toute façon, ça veut dire que t'as fait une énorme connerie. J'crois que la construction du lycée remonte il y a onze ans, mais l'Université est récente parce que tu sais, le vieux, il a vu que son business marchait plutôt bien. Donc il nous a pondu une super université. <br /><br /> <a id="bouton_contexte" href="http://amai-gakuen.forumactif.org/t3-contexte-vie-du-lycee">Lire la suite</a>                                                         
             </div>
                                                                                                                                
          </div>
                                                                                                               
          <div class="membre_du_mois">
                                                                                                                  
             <div class="mdm_gauche">
                                                                    Membre du mois<br /><span class="mdm_pseudo">Pseudo</span>                                                   
             </div>
                                                                                                                  
             <div class="mdm_droit">
                                                                    <a href="#">Profil</a><br /><a href="#">MP</a>                                                   
             </div>
                                                                                                                  
          </div>
                                                                                                             
       </div>
                                                                                                        
       <div id="pa_droite">
                                                                                                           
          <div id="pa_2_gauche">
                                                                                                            
             <div class="bloc_staff">
                                                                                                               
                <div style="width: 90%;">
                                                                                                                      
                   <div class="staff">
                                                                                                                                           
                      <div class="staff_img">
                                                                                     <img src="http://www.zupimages.net/up/17/22/o17z.png" />                                                           
                      </div>
                                                                                                                                           
                      <div class="staff_description">
                                                                                 <br /><br />  <span style="font-weight: bold; color: #8d0303;">Shion KURAMA</span><br /><br /><em>Admin</em><br /><a href="#">Contact</a>                                                         
                      </div>
                                                                                                                                         
                   </div>
                                                                                                                  
                   <div class="staff">
                                                                                                                                           
                      <div class="staff_img">
                                                                                     <img src="http://www.zupimages.net/up/17/22/o17z.png" />                                                           
                      </div>
                                                                                                                                           
                      <div class="staff_description">
                                                                                 <br /><br />  <span style="font-weight: bold; color: #8d0303;"> Shion KURAMA</span><br /><br /><em>Admin</em><br /><a href="#">Contact</a>                                                         
                      </div>
                                                                                                                                         
                   </div>
                                                                                                                  
                   <div class="staff">
                                                                                                                                           
                      <div class="staff_img">
                                                                                     <img src="http://www.zupimages.net/up/17/22/o17z.png" />                                                           
                      </div>
                                                                                                                                           
                      <div class="staff_description">
                                                                                   <br /><br /> <span style="font-weight: bold; color: #8d0303;">Shion KURAMA</span><br /><br /><em>Admin</em><br /><a href="#">Contact</a>                                                         
                      </div>
                                                                                                                                         
                   </div>
                                                                                                                  
                   <div class="staff">
                                                                                                                                           
                      <div class="staff_img">
                                                                                     <img src="http://www.zupimages.net/up/17/22/o17z.png" />                                                           
                      </div>
                                                                                                                                           
                      <div class="staff_description">
                                                                                   <br /><br /><span style="font-weight: bold; color: #8d0303;"> Shion KURAMA</span><br /><br /><em>Admin</em><br /><a href="#">Contact</a>                                                         
                      </div>
                                                                                                                                         
                   </div>
                                                                                                                                      
                </div>
                                                                                                               
                <div class="titre_staff_pa">
                                                                   - Staff -                                               
                </div>
                                                                                                 
                <div class="clear">
                                                                                                    
                </div>
                                                                                                               
             </div><a href="#" target="_blank"><img src="http://www.zupimages.net/up/17/22/tdud.png" /></a> <a href="#" target="_blank"><img src="http://www.zupimages.net/up/17/22/tdud.png" /></a> <a href="#" target="_blank"><img src="http://www.zupimages.net/up/17/22/tdud.png" /></a> <a href="#" target="_blank"><img src="http://www.zupimages.net/up/17/22/tdud.png" /></a>                                                       
          </div>
                                                                                                           
          <div id="pa_2_droit">
                                                                                                                
             <div id="rotator1492882490182">
                                                                      <a target="_blank" title="Diaporama un" href="#" style="z-index:999" id="itemActif1492882490182"><img alt="Diaporama un" src="https://img4.hostingpics.net/pics/376746781.jpg" /></a>        <a target="_blank" title="Diaporama deux" href="#"><img alt="Diaporama deux" src="http://www.zupimages.net/up/17/22/ol39.png" /></a> <a target="_blank" title="Diaporama Trois" href="#"><img alt="Diaporama trois" src="https://img4.hostingpics.net/pics/376746781.jpg" /></a>                                                 
             </div>
                                                               <script type="text/javascript">(function(){var r = document.getElementById("rotator1492882490182"), l = r.getElementsByTagName("A"), rotate = window.setInterval(function() {var a = document.getElementById("itemActif1492882490182"), n = jQuery(a).next()[0] || l[0]; if (!a) return window.clearInterval(rotate); n.style.opacity = 1;n.style.zIndex = 998;jQuery(a).animate({"opacity":0},800,"linear",function() {a.id = "";a.style.zIndex = "";n.id = "itemActif1492882490182";n.style.zIndex = 999})},3500)})();</script>                                             
          </div>
                                                     
          <div class="bloc_staff">
                                                                                                          
             <div class="titre_predef_pa">
                                                                - Prédefs -                                               
             </div>
                                                    
             <div style="width: 100%; float: left; margin-top:-13%; margin-left:8%">
                                                                                                                 
                <div class="predef">
                                                                                                                                      
                   <div class="predef_img">
                                                                                <img src="http://www.zupimages.net/up/17/22/slc5.png" />                                                         
                   </div>
                                                                                                                                      
                   <div class="predef_description">
                                                                              <span style="font-weight: bold; color: #8d0303; text-transform: uppercase;"> Prénom NOM</span><br /><em>Groupe</em>                                               
                   </div>
                                                                                                                                    
                </div>
                                                                                                             
                <div class="predef">
                                                                                                                                      
                   <div class="predef_img">
                                                                                <img src="http://www.zupimages.net/up/17/22/slc5.png" />                                                         
                   </div>
                                                                                                                                      
                   <div class="predef_description">
                                                                              <span style="font-weight: bold; color: #8d0303; text-transform: uppercase;"> Prénom NOM</span><br /><em>Groupe</em>                                               
                   </div>
                                                                                                                                    
                </div>
                                               
                <div class="predef">
                                                                                                                                      
                   <div class="predef_img">
                                                                                <img src="http://www.zupimages.net/up/17/22/slc5.png" />                                                         
                   </div>
                                                                                                                                      
                   <div class="predef_description">
                                                                              <span style="font-weight: bold; color: #8d0303; text-transform: uppercase;"> Prénom NOM</span><br /><em>Groupe</em>                                               
                   </div>
                                                                                                                                    
                </div>
                                               
                <div class="predef">
                                                                                                                                      
                   <div class="predef_img">
                                                                                <img src="http://www.zupimages.net/up/17/22/slc5.png" />                                                         
                   </div>
                                                                                                                                      
                   <div class="predef_description">
                                                                              <span style="font-weight: bold; color: #8d0303; text-transform: uppercase;"> Prénom NOM</span><br /><em>Groupe</em>                                               
                   </div>
                                                                                                                                    
                </div>
                                               
                <div class="predef">
                                                                                                                                      
                   <div class="predef_img">
                                                                                <img src="http://www.zupimages.net/up/17/22/slc5.png" />                                                         
                   </div>
                                                                                                                                      
                   <div class="predef_description">
                                                                              <span style="font-weight: bold; color: #8d0303; text-transform: uppercase;"> Prénom NOM</span><br /><em>Groupe</em>                                               
                   </div>
                                                                                                                                    
                </div><br />           
                <div class="predef">
                                                                                                                                      
                   <div class="predef_img">
                                                                                <img src="http://www.zupimages.net/up/17/22/slc5.png" />                                                         
                   </div>
                                                                                                                                      
                   <div class="predef_description">
                                                                              <span style="font-weight: bold; color: #8d0303; text-transform: uppercase;"> Prénom NOM</span><br /><em>Groupe</em>                                               
                   </div>
                                                                                                                                    
                </div>
                                       
                <div class="predef">
                                                                                                                                      
                   <div class="predef_img">
                                                                                <img src="http://www.zupimages.net/up/17/22/slc5.png" />                                                         
                   </div>
                                                                                                                                      
                   <div class="predef_description">
                                                                              <span style="font-weight: bold; color: #8d0303; text-transform: uppercase;"> Prénom NOM</span><br /><em>Groupe</em>                                               
                   </div>
                                                                                                                                    
                </div>
                                       
                <div class="predef">
                                                                                                                                      
                   <div class="predef_img">
                                                                                <img src="http://www.zupimages.net/up/17/22/slc5.png" />                                                         
                   </div>
                                                                                                                                      
                   <div class="predef_description">
                                                                              <span style="font-weight: bold; color: #8d0303; text-transform: uppercase;"> Prénom NOM</span><br /><em>Groupe</em>                                               
                   </div>
                                                                                                                                    
                </div>
                                       
                <div class="predef">
                                                                                                                                      
                   <div class="predef_img">
                                                                                <img src="http://www.zupimages.net/up/17/22/slc5.png" />                                                         
                   </div>
                                                                                                                                      
                   <div class="predef_description">
                                                                              <span style="font-weight: bold; color: #8d0303; text-transform: uppercase;"> Prénom NOM</span><br /><em>Groupe</em>                                               
                   </div>
                                                                                                                                    
                </div>
                                       
                <div class="predef">
                                                                                                                                      
                   <div class="predef_img">
                                                                                <img src="http://www.zupimages.net/up/17/22/slc5.png" />                                                         
                   </div>
                                                                                                                                      
                   <div class="predef_description">
                                                                              <span style="font-weight: bold; color: #8d0303; text-transform: uppercase;"> Prénom NOM</span><br /><em>Groupe</em>                                               
                   </div>
                                                                                                                                    
                </div>
                                           
                <div class="clear">
                                                                                                  
                </div>
                                                                                                                             
             </div>
                                                                                                                                                
             <div class="clear">
                                                                                               
             </div>
                                                                                                          
          </div>
                                                                                                                                                                   
       </div>
                                                                                                      
       <div class="liens_utiles">
                  <a href="#"><img class="boutons_utiles" src="http://www.zupimages.net/up/17/22/50ba.png" /></a>  <a href="#"><img class="boutons_utiles" src="http://www.zupimages.net/up/17/22/r6fh.png" /></a> <a href="#"><img class="boutons_utiles" src="http://www.zupimages.net/up/17/22/m50q.png" /></a> <a href="#"><img class="boutons_utiles" src="http://www.zupimages.net/up/17/22/sggy.png" /></a> <a href="#"><img class="boutons_utiles" src="http://www.zupimages.net/up/17/22/dw4y.png" /></a> <a href="#"><img class="boutons_utiles" src="http://www.zupimages.net/up/17/22/u1o8.png" /></a>       
          <div style="margin-top: 2%;" class="boutons_utiles">
                   Thème par <a href="http://www.neverminddreams.com/f79-graphmania" "="" target="_blank">Sygea</a><br />Codage par <a href="http://www.neverminddreams.com/f78-rainy-pumpkins" target="_blank">Halloween</a>     
          </div>
                       
       </div>
        
       <div class="clear">
           
       </div>
            
       <div class="partenaires_pa">
              <a class="partenaires" target="_blank" href="#"><img src="https://img4.hostingpics.net/pics/301468partenaires.jpg" /></a>  <a class="partenaires" target="_blank" href="#"><img src="https://img4.hostingpics.net/pics/301468partenaires.jpg" /></a> <a class="partenaires" target="_blank" href="#"><img src="https://img4.hostingpics.net/pics/301468partenaires.jpg" /></a> <a class="partenaires" target="_blank" href="#"><img src="https://img4.hostingpics.net/pics/301468partenaires.jpg" /></a> <a class="partenaires" target="_blank" href="#"><img src="https://img4.hostingpics.net/pics/301468partenaires.jpg" /></a> <a class="partenaires" target="_blank" href="#"><img src="https://img4.hostingpics.net/pics/301468partenaires.jpg" /></a> <a class="partenaires" target="_blank" href="#"><img src="https://img4.hostingpics.net/pics/301468partenaires.jpg" /></a> <a class="partenaires" target="_blank" href="#"><img src="https://img4.hostingpics.net/pics/301468partenaires.jpg" /></a> <a class="partenaires" target="_blank" href="#"><img src="https://img4.hostingpics.net/pics/301468partenaires.jpg" /></a> <a class="partenaires" target="_blank" href="#"><img src="https://img4.hostingpics.net/pics/301468partenaires.jpg" /></a> <a class="partenaires" target="_blank" href="#"><img src="https://img4.hostingpics.net/pics/301468partenaires.jpg" /></a> <a class="partenaires" target="_blank" href="#"><img src="https://img4.hostingpics.net/pics/301468partenaires.jpg" /></a> <a class="partenaires" target="_blank" href="#"><img src="https://img4.hostingpics.net/pics/301468partenaires.jpg" /></a> <a class="partenaires" target="_blank" href="#"><img src="https://img4.hostingpics.net/pics/301468partenaires.jpg" /></a> <a class="partenaires" target="_blank" href="#"><img src="https://img4.hostingpics.net/pics/301468partenaires.jpg" /></a> <a class="partenaires" target="_blank" href="#"><img src="https://img4.hostingpics.net/pics/301468partenaires.jpg" /></a> <a class="partenaires" target="_blank" href="#"><img src="https://img4.hostingpics.net/pics/301468partenaires.jpg" /></a> <a class="partenaires" target="_blank" href="#"><img src="https://img4.hostingpics.net/pics/301468partenaires.jpg" /></a> <a class="partenaires" target="_blank" href="#"><img src="https://img4.hostingpics.net/pics/301468partenaires.jpg" /></a> <a class="partenaires" target="_blank" href="#"><img src="https://img4.hostingpics.net/pics/301468partenaires.jpg" /></a> <a class="partenaires" target="_blank" href="#"><img src="https://img4.hostingpics.net/pics/301468partenaires.jpg" /></a> <a class="partenaires" target="_blank" href="#"><img src="https://img4.hostingpics.net/pics/301468partenaires.jpg" /></a> <a class="partenaires" target="_blank" href="#"><img src="https://img4.hostingpics.net/pics/301468partenaires.jpg" /></a> <a class="partenaires" target="_blank" href="#"><img src="https://img4.hostingpics.net/pics/301468partenaires.jpg" /></a> <a class="partenaires" target="_blank" href="#"><img src="https://img4.hostingpics.net/pics/301468partenaires.jpg" /></a> <a class="partenaires" target="_blank" href="#"><img src="https://img4.hostingpics.net/pics/301468partenaires.jpg" /></a> <a class="partenaires" target="_blank" href="#"><img src="https://img4.hostingpics.net/pics/301468partenaires.jpg" /></a> <a class="partenaires" target="_blank" href="#"><img src="https://img4.hostingpics.net/pics/301468partenaires.jpg" /></a> <a class="partenaires" target="_blank" href="#"><img src="https://img4.hostingpics.net/pics/301468partenaires.jpg" /></a> <a class="partenaires" target="_blank" href="#"><img src="https://img4.hostingpics.net/pics/750434Ajout.jpg" /></a> 
          <div class="clear">
                  
          </div>
               
       </div>
                                                                                                        
    </div>
                                                                               
    <div style="clear: both;">
                                                                                                                          
    </div><br /><br />                                                                   


    Voila. Je t'écoute pour les beugs, j'espère ne rien avoir oublié :$




    Viens dans ma boutique, c'est fantastique ! ▬ Rainy Pumpkins

    le Mer 5 Juil - 14:30

  • Coucou ! :miou:
    J'ai mis tout ça en place sur mon forum test :3 Le premier et plus problématique bug, c'est sans doute le fait que le corps du forum soit collé tout à gauche au lieu d'être centré... xD En attendant, j'ai modifié cette partie du code (c'est ça qui pose problème)

    Code:
    body {
      background: #f3f3f3;
      width: 920px;
      border-left: 5px solid #374016;
      border-right: 5px solid #374016;
      margin: auto;
      font-family: calibri;
      margin-top: 38px;
    }

    .bodyline{
      width: 920px;
      margin: auto;
      padding: 0;
    }

    De mémoire, j'ai mis les bordures dans le bodyline, ça règle le soucis mais la bannière se retrouve un peu mangée par la barre de navigation, donc j'attends de voir si tu as une meilleure méthode ^.^

    · Autre pitit problème, que je n'ai pas réussi à corriger : les titres des catégories sont décalés vers le haut, comme ceci :
    http://zupimages.net/up/17/27/sgj8.png
    au lieu d'être centrés ToT

    · Pour le Qeel, j'ai corrigé un détail (les liens des groupes, chez moi, n'étaient pas blancs) avec un petit "!important" au bon endroit, mais il reste un petit quelque chose que je ne parviens pas à retirer : http://zupimages.net/up/17/27/s2ti.png , ce fond gris derrière les derniers membres connectés D:

    Voilà pour les anomalies que j'ai aperçu ! Rien d'insurmontable à priori, sauf pour une novice comme moi haha... x)

    Bonne journée ! :pong: - fait chaud ... ToT -



    le Mer 5 Juil - 15:15

  • Coucou !

    Y a pas moyen d'avoir un lien vers le fofo test plutôt ? Parce que sur des images franchement c'est hard XD

    Moi ça va 8D




    Viens dans ma boutique, c'est fantastique ! ▬ Rainy Pumpkins

    le Mer 5 Juil - 23:25

  • Bonsoar ~ :hellow:
    Je comprends tout à fait haha xD Voici l'adresse du forum (sous hide bien sûr :niar:) :

    Voilà ! Dis-moi si tu veux que j'enlève les modifs que j'ai faites sur le CSS, si jamais tu veux voir ce fameux décalage sur le côté :'3



    le Jeu 6 Juil - 0:14

  • Plop :pong:


    Corps du forum

    Je n'ai pas du tout ce soucis de décalage sur Chrome, ni Firefox, ni Safari Oo C'est toujours présent ?


    Titres de catégories

    Effectivement :/ Si tu ajoutes le code suivant à ".secondarytitle" dans le CSS, ça règle le soucis ?
    Code:
    padding: 2% 0 0 0;



    QEEL

    Essaie de remplacer ceci (ligne 130) :
    Code:
    <div class="qeel_24 statistiques_qeel"><table>{L_CONNECTED_MEMBERS}</table></div><div class="clear"></div>  

    Par ceci :
    Code:
       <div class="qeel_24 statistiques_qeel"><table id="fond_24">{L_CONNECTED_MEMBERS}</table></div><div class="clear"></div>  

    Et dans le CSS d'ajouter :
    Code:
    #fond_24 {
      background-color: transparent;
    }


    J'espère que ça corrigera un peu le tout :3




    Viens dans ma boutique, c'est fantastique ! ▬ Rainy Pumpkins

    le Jeu 6 Juil - 10:26

  • Bonjour ^.^
    Pour le corps du forum, j'ai réussi à régler le souci finalement, c'est pour ça que tu ne vois pas ce fameux décalage. :'3
    Les modifs apportées au CSS pour les titres des catégories ont marché ! En revanche, le Qeel n'a pas changé, toujours ce fond gris dans le bloc de droite. :c




    le Jeu 6 Juil - 12:57

  • J'ai oublié quelque chose u.u

    Pour le CSS toujours :
    Code:
    #fond_24 .row1 {
      background-color: transparent;
    }

    J'ai testé en amont ça devrait aller :/




    Viens dans ma boutique, c'est fantastique ! ▬ Rainy Pumpkins

    le Ven 7 Juil - 17:33

  • Coucou,

    ça marche ! :miou: Je te remercie beaucoup *////*



    le Ven 7 Juil - 17:36

  • Ah ! :D
    On peut considérer que tout est bon alors ? :3




    Viens dans ma boutique, c'est fantastique ! ▬ Rainy Pumpkins

    le Sam 8 Juil - 19:55

  • Oui, tout est au top à présent !
    Un grand merci d'avoir pris ma commande en charge, je suis ravie du résultat et j'ai trop hâte de remplacer ce vieux design par le nouveau que Sygea et toi avez créé :miou: Vous faites un travail formidable, vraiment ! :hug:



    le Sam 8 Juil - 23:22

  • Parfait ! :D Hâte de le voir en place également :)
    Ce fut un plaisir, le travail de Sygea était superbe *-*

    Bonne continuation ♥




    Viens dans ma boutique, c'est fantastique ! ▬ Rainy Pumpkins

      La date/heure actuelle est Sam 22 Juil - 14:52