AccueilDernières imagesRechercherS'enregistrerConnexion

Forum de graphisme, codage et game design proposant des tutoriels, astuces, libres services et commandes dans les domaines de l'infographie amateur, de l'intégration web (HTML et CSS essentiellement) ainsi que dans la conception de RPG sur forum.

Le Deal du moment : -17%
(Black Friday) Apple watch Apple SE GPS + Cellular ...
Voir le deal
249 €

    [QEEL] (Onyx) Demande de QEEL code forum

    reshiram44
    reshiram44
    MasculinAge : 26Messages : 380

    Lun 22 Déc 2014 - 19:13

    Rappel du premier message :

    Ma demande



    Bonjour, j'aimerais avoir si possible un code pour QEEL pour mon forum qui est le suivant http://dreamforce12031961.forum-gratuit.be/forum

    Merci pour ceux qui voudront bien m'aider ^^

    Schéma(s) et Eléments
    Schémas :
    Spoiler:
    Tailles des éléments : Les mêmes dimensions que le forum (je sais pas où elle se trouve merci de m'indiquer pour ceux qui savent où elles se trouvent)
    Effets voulus : Agrandissement de la vignette statistique lors du passe de la souris
    Version de votre forum : PHPBB2

    Ressources
    Pour la case image je voudrais cette image : http://fc04.deviantart.net/fs71/i/2014/221/3/1/pokemon___mega_salamence_by_sa_dui-d7uh8tz.jpg

    Autres précisions ?
    J'aimerais que le titre " qui est en ligne" se confonde bien avec le cadre grand et le titre "statistiques" aussi avec le petit cadre.


    Dernière édition par reshiram44 le Dim 8 Mar 2015 - 13:59, édité 2 fois
    • Revenir en haut
    reshiram44
    reshiram44
    MasculinAge : 26Messages : 380

    Lun 23 Fév 2015 - 19:42

    Comme le forum a changé celui-ci http://dreamforce12031961.forum-gratuit.be/ est ce que tu pourrais trouvé un fond plus adéquate avec le notre s'il te plait genre un peu plus bleu ou une autre.



    • Revenir en haut
    Onyx
    Onyx
    FémininAge : 30Messages : 3350

    Lun 23 Fév 2015 - 21:15

    Quand tu parle de fond, tu parle de la couleur du qeel? Si je le mets en plus bleu flash comme ça, c,est mieux?
    http://forum-test-onyx5.forum-canada.com/



    • Revenir en haut
    reshiram44
    reshiram44
    MasculinAge : 26Messages : 380

    Mar 24 Fév 2015 - 17:37

    Oui il faudra que je le test sur le bleu foncé de mon forum pour voir si ce n'est pas trop clair.




    • Revenir en haut
    Onyx
    Onyx
    FémininAge : 30Messages : 3350

    Mar 24 Fév 2015 - 20:47

    Alors je te file les codes pour que tu voies si tu aimes ^^

    CSS :
    Code:
    /************************************************** DÉBUT QEEL **************************************************/

    /*Bloc du qeel*/
    #qeel {
      position: relative;
      margin: auto;
      margin-top: 50px;
      width: 860px;
      height: 500px;
      padding: 20px;
      background-color: #9eccff;
      box-shadow: 0px 0px 10px #22324a;
      border-radius: 50px;
    }
    #qeel a {
      text-decoration: none;
    }

    /*Titre du qeel*/
    #qeel_title {
      position: absolute;
      top: -50px;
      left: 0px;
      width: 900px;
      height: 30px;
      text-align: center;
      font-family: monotype corsiva;
      font-size: 60px;
      color: #cbe6ff;
      text-shadow: 1px 1px 3px #22324a;
    }


    /*Groupes du qeel*/
    #qeel_groups {
      width: 860px;
      text-align: center;
      margin-bottom: 35px;
    }
    /*Liens du qeel*/
    #qeel_groups a {
      margin-left: 10px;
      margin-right: 10px;
      text-shadow: 1px 1px 1px #22324a;
      font-family: monotype corsiva;
      font-size: 24px;
    }


    /*Image du qeel*/
    #i_whosonline {
      width: 400px;
      height: 300px;
      box-shadow: 0px 0px 10px #22324a;
      border-radius: 35px;
      float: left;
    }


    /*Bloc des statistiques*/
    #qeel_stats {
      position: relative;
      float: left;
      width: 380px;
      height: 275px;
      padding: 10px;
      padding-top: 15px;
      margin-left: 40px;
      border-radius: 35px;
      background-color: #b0d5ff;
      box-shadow: 0px 0px 10px #22324a;
      transition: 1s;
      -webkit-transition: 1s;
    }
    /*Titre des statistiques*/
    #qeel_stats_title {
      position: absolute;
      top: -33px;
      left: 0px;
      width: 400px;
      height: 20px;
      text-align: center;
      font-family: monotype corsiva;
      font-size: 40px;
      color: #cbe6ff;
      text-shadow: 1px 1px 3px #22324a;
      transition: 1s;
      -webkit-transition: 1s;
    }
    #qeel_stats:hover {
      width: 420px;
      height: 300px;
      margin-left: 20px;
    }
    #qeel_stats:hover #qeel_stats_title {
      width: 440px;
    }

    /*Membres connectés*/
    #loggedlist, #totalconn, #birthtodayweek {
      height: 50px;
      margin-right: -5px;
      margin-top: 5px;
      padding-right: 5px;
      overflow: auto;
    }


    /*Fait disparaître le background derrière les anniv et les connectés des 24h*/
    #qeel_stats .row1 {
      background-color: transparent;
      padding: 0px;
      vertical-align: top;
      box-shadow: none!important;
    }
    /*Écriture dans les statistiques*/
    #qeel_stats a, #qeel_stats a .gensmall, #qeel_stats, #qeel_stats .row1, #qeel_stats .row1 .gensmall {
      color: #1d2730;
      font-family: verdana;
      font-size: 12px;
      text-decoration: none;
    }
    /*liens dans les statistiques*/
    #qeel_stats a, #qeel_stats a .gensmall {
      color: #37619f!important;
    }


    /*Rejoindre la chat-box*/
    #rej_cb {
      position: absolute;
      width: 900px;
      text-align: center;
      height: 50px;
      bottom: 10px;
      left: 0px;
    }
    /*Lien du rejiondre la chat-box*/
    #rej_cb a {
      font-family: monotype corsiva;
      font-size: 40px;
      color: #cbe6ff;
      text-shadow: 1px 1px 3px #22324a;
      letter-spacing: 0px;
      transition: 0.5s;
      -webkit-transition: 0.5s;
    }
    #rej_cb a:hover {
      letter-spacing: 5px;
      text-decoration: none!important;
    }

    /************************************************** FIN QEEL **************************************************/

    Template Index_box (entre le "BEGIN disable_viewonline" et le "END disable_viewonline") :
    Code:
    <!-- BEGIN disable_viewonline -->
    <div id="qeel">
      <div id="qeel_title">
        {L_WHO_IS_ONLINE}
      </div>
      <div id="qeel_groups">
        <a href="#" target="_blank" style="color: #00ff99;">Légende du Forum</a>
        <a href="#" target="_blank" style="color: #8c2a2a;">Administrateurs</a>
        <a href="#" target="_blank" style="color: #00ffff;">Modérateurs Forum</a>
        <a href="#" target="_blank" style="color: #0033fe;">Modérateurs Chat Box</a><br />
        <a href="#" target="_blank" style="color: #ff9900;">Rédacteurs Soluce</a>
        <a href="#" target="_blank" style="color: #6a027a;">Rédacteurs Stratégie</a>
        <a href="#" target="_blank" style="color: #c3db11;">Chasseurs</a>
        <a href="#" target="_blank" style="color: #ff00ee;">Cloneurs</a><br />
        <a href="#" target="_blank" style="color: #f7ff00;">Graphistes</a>
        <a href="#" target="_blank" style="color: #ff78fb;">Champions d'Arènes</a>
        <a href="#" target="_blank" style="color: #076119;">Animateurs</a>
        <a href="#" target="_blank" style="color: #000000;">Membres</a>
      </div>
      <img src="{L_ONLINE_IMG}" id="i_whosonline" alt="{L_WHO_IS_ONLINE}" />
      <div id="qeel_stats">
        <div id="qeel_stats_title">
          Statistiques
        </div>
        {TOTAL_POSTS}<br />
        {TOTAL_USERS}<br />
        {NEWEST_USER}<br />
        {TOTAL_USERS_ONLINE}<br />
        {RECORD_USERS}<br />
        <div id="loggedlist">
          {LOGGED_IN_USER_LIST}
        </div>
        <table id="totalconn" cellspacing="0" cellpadding="0">
          {L_CONNECTED_MEMBERS}
        </table>
        <table id="birthtodayweek" cellspacing="0" cellpadding="0">
          {L_WHOSBIRTHDAY_TODAY}
          {L_WHOSBIRTHDAY_WEEK}
        </table>
      </div>
      <div id="rej_cb">
        <a href="/chatbox" target="_blank">
          Rejoindre la chat-box
        </a>
      </div>
    </div>
    <!-- END disable_viewonline -->



    • Revenir en haut
    reshiram44
    reshiram44
    MasculinAge : 26Messages : 380

    Mer 25 Fév 2015 - 13:12

    J'aime bien mais est ce qu'on tu peut essayer de mettre derrière cette image
    Spoiler:
    un texte et quand on va sur l'image y a un texte qui apparaît soit sur l'image soit que l'image monte et le remplace par un texte s'il te plait.

    Si tu as des questions n'hésite pas. ^^



    • Revenir en haut
    Onyx
    Onyx
    FémininAge : 30Messages : 3350

    Jeu 26 Fév 2015 - 2:17

    Comme ceci?

    http://forum-test-onyx5.forum-canada.com/



    • Revenir en haut
    reshiram44
    reshiram44
    MasculinAge : 26Messages : 380

    Ven 27 Fév 2015 - 20:05

    Oui voilà comme ceci

    (Désoler pour l'attente de ma réponde)



    • Revenir en haut
    Onyx
    Onyx
    FémininAge : 30Messages : 3350

    Dim 1 Mar 2015 - 4:00

    Parfait ^^

    Alors on va remplacer les codes que je t'ai déjà donné par les nouveaux que voici :

    CSS :
    Code:
    /************************************************** DÉBUT QEEL **************************************************/

    /*Bloc du qeel*/
    #qeel {
      position: relative;
      margin: auto;
      margin-top: 50px;
      width: 860px;
      height: 500px;
      padding: 20px;
      background-color: #9eccff; /*Couleur - Fond du qeel*/
      box-shadow: 0px 0px 10px #22324a; /*Couleur - Ombre du fond du qeel*/
      border-radius: 50px;
    }
    #qeel a {
      text-decoration: none;
    }

    /*Titre du qeel*/
    #qeel_title {
      position: absolute;
      top: -50px;
      left: 0px;
      width: 900px;
      height: 30px;
      text-align: center;
      font-family: monotype corsiva;
      font-size: 60px;
      color: #cbe6ff; /*Couleur - Titre du qeel*/
      text-shadow: 1px 1px 3px #22324a; /*Couleur - Ombre du titre du qeel*/
    }


    /*Groupes du qeel*/
    #qeel_groups {
      width: 860px;
      text-align: center;
      margin-bottom: 35px;
    }
    /*Liens du qeel*/
    #qeel_groups a {
      margin-left: 10px;
      margin-right: 10px;
      text-shadow: 1px 1px 1px #22324a; /*Couleur - Ombre des liens des groupes du qeel*/
      font-family: monotype corsiva;
      font-size: 24px;
    }


    /*Bloc - Image du qeel*/
    #qeel_img_bloc {
      width: 400px;
      height: 300px;
      box-shadow: 0px 0px 10px #22324a; /*Couleur - Ombre de l image du qeel*/
      border-radius: 35px;
      float: left;
      position: relative;
    }
    /*Image du qeel*/
    #i_whosonline {
      width: 400px;
      height: 300px;
      border-radius: 35px;
    }
    /*Texte derrière l image du qeel*/
    #qeel_img_bloc_text {
      opacity: 0;
      position: absolute;
      top: 0px;
      left: 0px;
      height: 270px;
      width: 370px;
      border-radius: 35px;
      padding: 15px;
      background-color: #202020; /*Couleur - Fond derrière le texte de l image du qeel*/
      font-family: verdana;
      font-size: 12px;
      color: #cbe6ff; /*Couleur - Ecriture du texte de l image du qeel*/
      overflow: auto;
      transition: 0.5s;
      -webkit-transition: 0.5s;
    }
    /*Apparition du texte*/
    #qeel_img_bloc:hover #qeel_img_bloc_text {
      opacity: 0.8;
    }


    /*Bloc des statistiques*/
    #qeel_stats {
      position: relative;
      float: left;
      width: 380px;
      height: 275px;
      padding: 10px;
      padding-top: 15px;
      margin-left: 40px;
      border-radius: 35px;
      background-color: #b0d5ff; /*Couleur - Fond du bloc Statistiques*/
      box-shadow: 0px 0px 10px #22324a; /*Couleur - Ombre du bloc statistique*/
      transition: 1s;
      -webkit-transition: 1s;
    }
    /*Titre des statistiques*/
    #qeel_stats_title {
      position: absolute;
      top: -33px;
      left: 0px;
      width: 400px;
      height: 20px;
      text-align: center;
      font-family: monotype corsiva;
      font-size: 40px;
      color: #cbe6ff; /*Couleur - Titre du bloc Statistiques*/
      text-shadow: 1px 1px 3px #22324a; /*Couleur - Ombre du titre du bloc Statistiques*/
      transition: 1s;
      -webkit-transition: 1s;
    }
    #qeel_stats:hover {
      width: 420px;
      height: 300px;
      margin-left: 20px;
    }
    #qeel_stats:hover #qeel_stats_title {
      width: 440px;
    }

    /*Membres connectés*/
    #loggedlist, #totalconn, #birthtodayweek {
      height: 40px;
      margin-right: -5px;
      margin-top: 5px;
      padding-right: 5px;
      overflow: auto;
    }


    /*Fait disparaître le background derrière les anniv et les connectés des 24h*/
    #qeel_stats .row1 {
      background-color: transparent;
      padding: 0px;
      vertical-align: top;
      box-shadow: none!important;
    }
    /*Écriture dans les statistiques*/
    #qeel_stats, #qeel_stats .row1, #qeel_stats .row1 .gensmall {
      color: #1d2730; /*Couleur - Écriture du bloc statistiques*/
      font-family: verdana;
      font-size: 12px;
      text-decoration: none;
    }
    /*liens dans les statistiques*/
    #qeel_stats a, #qeel_stats a.gensmall, #qeel_stats a:hover, #qeel_stats a.gensmall:hover {
      color: #37619f; /*Couleur - Liens du bloc statistiques*/
    }


    /*Rejoindre la chat-box*/
    #rej_cb {
      position: absolute;
      width: 900px;
      text-align: center;
      height: 50px;
      bottom: 10px;
      left: 0px;
    }
    /*Lien du rejiondre la chat-box*/
    #rej_cb a {
      font-family: monotype corsiva;
      font-size: 40px;
      color: #cbe6ff; /*Couleur - Lien de rejoindre la chat-box*/
      text-shadow: 1px 1px 3px #22324a; /*Couleur - Ombre du lien de rejoindre la chat-box*/
      letter-spacing: 0px;
      transition: 0.5s;
      -webkit-transition: 0.5s;
    }
    #rej_cb a:hover {
      letter-spacing: 5px;
      text-decoration: none!important;
    }

    /************************************************** FIN QEEL **************************************************/

    Template :
    Code:
    <!-- BEGIN disable_viewonline -->
    <div id="qeel">
      <div id="qeel_title">
        {L_WHO_IS_ONLINE}
      </div>
      <div id="qeel_groups">
        <a href="#" target="_blank" style="color: #00ff99;">Légende du Forum</a>
        <a href="#" target="_blank" style="color: #8c2a2a;">Administrateurs</a>
        <a href="#" target="_blank" style="color: #00ffff;">Modérateurs Forum</a>
        <a href="#" target="_blank" style="color: #0033fe;">Modérateurs Chat Box</a><br />
        <a href="#" target="_blank" style="color: #ff9900;">Rédacteurs Soluce</a>
        <a href="#" target="_blank" style="color: #6a027a;">Rédacteurs Stratégie</a>
        <a href="#" target="_blank" style="color: #c3db11;">Chasseurs</a>
        <a href="#" target="_blank" style="color: #ff00ee;">Cloneurs</a><br />
        <a href="#" target="_blank" style="color: #f7ff00;">Graphistes</a>
        <a href="#" target="_blank" style="color: #ff78fb;">Champions d'Arènes</a>
        <a href="#" target="_blank" style="color: #076119;">Animateurs</a>
        <a href="#" target="_blank" style="color: #000000;">Membres</a>
      </div>
      <div id="qeel_img_bloc">
        <img src="{L_ONLINE_IMG}" id="i_whosonline" alt="{L_WHO_IS_ONLINE}" />
        <div id="qeel_img_bloc_text">
          Text qui apparaît quand on passe sur l'image.
        </div>
      </div>
      <div id="qeel_stats">
        <div id="qeel_stats_title">
          Statistiques
        </div>
        {TOTAL_POSTS}<br />
        {TOTAL_USERS}<br />
        {NEWEST_USER}<br />
        {TOTAL_USERS_ONLINE}<br />
        {RECORD_USERS}<br />
        <div id="loggedlist">
          {LOGGED_IN_USER_LIST}
        </div>
        <table id="totalconn" cellspacing="0" cellpadding="0">
          {L_CONNECTED_MEMBERS}
        </table>
        <table id="birthtodayweek" cellspacing="0" cellpadding="0">
          {L_WHOSBIRTHDAY_TODAY}
          {L_WHOSBIRTHDAY_WEEK}
        </table>
      </div>
      <div id="rej_cb">
        <a href="/chatbox" target="_blank">
          Rejoindre la chat-box
        </a>
      </div>
    </div>
    <!-- END disable_viewonline -->


    PS: J'ai ajouté quelques indications dans le CSS au cas où tu voudrais changer toi-même les couleurs pour que ça matche un peu plus (c'est peut-être moi, mais je trouve ça vraiment trop flashant ><)



    • Revenir en haut
    reshiram44
    reshiram44
    MasculinAge : 26Messages : 380

    Dim 1 Mar 2015 - 9:56

    tu me conseillerais quoi alors ?



    • Revenir en haut
    Onyx
    Onyx
    FémininAge : 30Messages : 3350

    Dim 1 Mar 2015 - 21:07

    Aucune idée, c'est une question de préférences dans mes couleurs, c'est tout ^^

    J'ai juste indiqué les couleurs au cas où tu aimerais faire des changements. Si tu aimes, tant mieux pour toi ^^

    PS: Si tout est bon, n'oublie pas l'icône "terminé" Wink



    • Revenir en haut
    reshiram44
    reshiram44
    MasculinAge : 26Messages : 380

    Mer 4 Mar 2015 - 15:13

    Le texte apparait en bleu dans les statistiques pourquoi ?



    • Revenir en haut
    Onyx
    Onyx
    FémininAge : 30Messages : 3350

    Jeu 5 Mar 2015 - 5:51

    C'est bizarre... Tu peux me repasser ton template s'il-te-plaît?



    • Revenir en haut
    reshiram44
    reshiram44
    MasculinAge : 26Messages : 380

    Jeu 5 Mar 2015 - 18:40

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

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

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

                            <tr>
                               <td><span class="genmed">{L_PASSWORD}:</span> </td>
                               <td><input class="post" type="password" size="10" name="password"/> </td>
                               <td>{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></td>
                            </tr>
                         </table>
                      </td>
                      <td width="10%" align="center" valign="middle">
                         <span class="genmed fb_or">{switch_user_login_form_header.switch_fb_connect.L_OR}</span>
                      </td>
                      <td width="35%" class="align_gauche"><fb:login-button size="large" onlogin="window.location='/facebook_connect.forum'" v="2" scope="{switch_user_login_form_header.switch_fb_connect.L_FB_PERMISSIONS}">{switch_user_login_form_header.switch_fb_connect.L_FB_LOGIN_BUTTON}</fb:login-button></td>
                   </tr>
                </table>
             </td>
          </tr>
       </table>
       <!-- END switch_fb_connect -->
    </form>
    <!-- END switch_user_login_form_header -->
    {CHATBOX_TOP}
    {BOARD_INDEX}
    <table width="100%" border="0" cellspacing="0" cellpadding="0">
       <tr>
          <td width="50%" valign="top">
             <!-- BEGIN switch_user_logged_in -->
             <span class="gensmall"><a href="{U_MARK_READ}" class="gensmall">{L_MARK_FORUMS_READ}</a></span>
             <!-- END switch_user_logged_in -->
             <!-- BEGIN switch_delete_cookies -->
             <br /><span class="gensmall"><a href="{switch_delete_cookies.U_DELETE_COOKIES}" class="gensmall" rel="nofollow">{switch_delete_cookies.L_DELETE_COOKIES}</a></span>
             <!-- END switch_delete_cookies -->
          </td>
          <td width="50%" align="right">
             <span class="gensmall">
                <a href="{U_TODAY_ACTIVE}" class="gensmall">{L_TODAY_ACTIVE}</a><br />
                <a href="{U_TODAY_POSTERS}" class="gensmall">{L_TODAY_POSTERS}</a><br />
                <a href="{U_OVERALL_POSTERS}" class="gensmall">{L_OVERALL_POSTERS}</a>
                <!-- BEGIN switch_on_index -->
                   <!-- BEGIN switch_delete_cookies -->
                   <br /><a href="{switch_on_index.switch_delete_cookies.U_DELETE_COOKIES}" class="gensmall" rel="nofollow">{switch_on_index.switch_delete_cookies.L_DELETE_COOKIES}</a>
                   <!-- END switch_delete_cookies -->
                <!-- END switch_on_index -->
             </span>
          </td>
       </tr>
    </table>

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

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

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

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

    <!-- BEGIN disable_viewonline -->
    <div id="qeel">
      <div id="qeel_title">
        {L_WHO_IS_ONLINE}
      </div>
      <div id="qeel_groups">
        <a class="bulles_groupes" href="http://dreamforce12031961.forum-gratuit.be/g44-legende-du-forum"> <font color="#00FF99">Légende du Forum</font></a>
          <a class="bulles_groupes" href="http://dreamforce12031961.forum-gratuit.be/g1-administrateurs"> <font color="#8C2A2A">Administrateurs</font></a>
      <a class="bulles_groupes" href="http://dreamforce12031961.forum-gratuit.be/g24-moderateurs-forum"> <font color="#00FFFF">Modérateurs Forum</font></a>
          <a class="bulles_groupes" href="http://dreamforce12031961.forum-gratuit.be/g4-moderateurs-chat-box"> <font color="#0033FF">Modérateurs chat box</font</a>
        <a class="bulles_groupes" href="http://dreamforce12031961.forum-gratuit.be/g7-redacteur-soluce"> <font color="#FF9900">Rédacteur Soluce</font></a>
          <a class="bulles_groupes" href="http://dreamforce12031961.forum-gratuit.be/g10-redacteurs-strategie"> <font color="#6A027A">Rédacteurs stratégie</font></a>
          <a class="bulles_groupes" href="#"> <font color="#C3DB11">Shasseur</font></a>
          <a class="bulles_groupes" href="http://dreamforce12031961.forum-gratuit.be/g21-cloneur"> <font color="#FF00EE">Cloneur</font></a>
          <a class="bulles_groupes" href="http://dreamforce12031961.forum-gratuit.be/g28-graphistes"> <font color="#F7FF00">Graphistes</font></a>
            <a class="bulles_groupes" href="http://dreamforce12031961.forum-gratuit.be/g38-champions-d-arene"> <font color="#FF78FB">Champions d'arènes</font></a>
            <a class="bulles_groupes" href="http://dreamforce12031961.forum-gratuit.be/g46-animateurs"> <font color="#076119">Animateur</font></a>
                  <a class="bulles_groupes" href="http://dreamforce12031961.forum-gratuit.be/g41-membre"> <font color="#000000">Membres</font></a>
      </div>
      <div id="qeel_img_bloc">
        <img src="{L_ONLINE_IMG}" id="i_whosonline" alt="{L_WHO_IS_ONLINE}" />
        <div id="qeel_img_bloc_text">
          Text qui apparaît quand on passe sur l'image.
        </div>
      </div>
      <div id="qeel_stats">
        <div id="qeel_stats_title">
          Statistiques
        </div>
        {TOTAL_POSTS}<br />
        {TOTAL_USERS}<br />
        {NEWEST_USER}<br />
        {TOTAL_USERS_ONLINE}<br />
        {RECORD_USERS}<br />
        <div id="loggedlist">
          {LOGGED_IN_USER_LIST}
        </div>
        <table id="totalconn" cellspacing="0" cellpadding="0">
          {L_CONNECTED_MEMBERS}
        </table>
        <table id="birthtodayweek" cellspacing="0" cellpadding="0">
          {L_WHOSBIRTHDAY_TODAY}
          {L_WHOSBIRTHDAY_WEEK}
        </table>
      </div>
      <div id="rej_cb">
        <a href="/chatbox" target="_blank">
          Rejoindre la chat-box
        </a>
      </div>
    </div>
    <!-- END disable_viewonline -->
    {CHATBOX_BOTTOM}
    <br clear="all" />
    {AUTO_DST}

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



    • Revenir en haut
    Onyx
    Onyx
    FémininAge : 30Messages : 3350

    Jeu 5 Mar 2015 - 19:06

    C'est bizarre, il y a un font-color qui apparaît quand on regarde sur le forum, mais ce n'est pas dans le template...

    Tu peux me donner ton CSS en entier? Il y a peut-être quelque chose d'autre qui interfère...



    • Revenir en haut
    reshiram44
    reshiram44
    MasculinAge : 26Messages : 380

    Jeu 5 Mar 2015 - 20:03

    Code:
    .forum_bloc1 {
      width: 680px;
      margin: auto;
    }


    .forum1 {
      width: 205px;
      float: left;
      height: 120px;
      margin: 5px;
      background-color: #5a98db;
      padding: 5px;
      -moz-box-shadow: 0px 0px 10px #000;
      -webkit-box-shadow: 0px 0px 10px #000; 
      box-shadow: 0px 0px 10px #000;
     
    }.contmemb {
      color: #fff;
      font-family: verdana;
      font-size: 9px;
      text-align: left;
    }

    .description3 {
      width: 200px;
      margin: auto;
      height: 50px;
      overflow: hidden;
      transition:0.4s ease;
      -o-transition:0.4s ease;
      -moz-transition:0.4s ease;
      -webkit-transition:0.4s ease;
    }

    .description3:hover {
      position: absolute;
      width: 200px;
      margin: auto;
      height: 100px;
    }

    .memb {
      font-family: 'Lobster Two', cursive;
      font-size: 20px;
      text-align: center;
      margin-top: -15px;
    }
    .btn-loader {
      background: #a00000;
      color: #fff;
      text-shadow: 1px 0 0 rgba(0,0,0,.2)
    }
    /************************************************** DÉBUT QEEL **************************************************/

    /*Bloc du qeel*/
    #qeel {
      position: relative;
      margin: auto;
      margin-top: 50px;
      width: 860px;
      height: 500px;
      padding: 20px;
      background-color: #5a98db;
      box-shadow: 0px 0px 10px #22324a;
      border-radius: 50px;
    }
    #qeel a {
      text-decoration: none;
    }

    /*Titre du qeel*/
    #qeel_title {
      position: absolute;
      top: -50px;
      left: 0px;
      width: 900px;
      height: 30px;
      text-align: center;
      font-family: monotype corsiva;
      font-size: 60px;
      color: #cbe6ff;
      text-shadow: 1px 1px 3px #22324a;
    }


    /*Groupes du qeel*/
    #qeel_groups {
      width: 860px;
      text-align: center;
      margin-bottom: 35px;
    }
    /*Liens du qeel*/
    #qeel_groups a {
      margin-left: 10px;
      margin-right: 10px;
      text-shadow: 1px 1px 1px #22324a;
      font-family: monotype corsiva;
      font-size: 24px;
    }


    /*Image du qeel*/
    #i_whosonline {
      width: 400px;
      height: 300px;
      box-shadow: 0px 0px 10px #22324a;
      border-radius: 35px;
      float: left;
    }


    /*Bloc des statistiques*/
    #qeel_stats {
      position: relative;
      float: left;
      width: 380px;
      height: 275px;
      padding: 10px;
      padding-top: 15px;
      margin-left: 40px;
      border-radius: 35px;
      background-color: #5ab7db; /*Couleur - Fond du bloc Statistiques*/
      box-shadow: 0px 0px 10px #22324a; /*Couleur - Ombre du bloc statistique*/
      transition: 1s;
      -webkit-transition: 1s;
    }
    /*Titre des statistiques*/
    #qeel_stats_title {
      position: absolute;
      top: -33px;
      left: 0px;
      width: 400px;
      height: 20px;
      text-align: center;
      font-family: monotype corsiva;
      font-size: 40px;
      color: #cbe6ff;
      text-shadow: 1px 1px 3px #22324a;
      transition: 1s;
      -webkit-transition: 1s;
    }
    #qeel_stats:hover {
      width: 420px;
      height: 300px;
      margin-left: 20px;
    }
    #qeel_stats:hover #qeel_stats_title {
      width: 440px;
    }

    /*Membres connectés*/
    #loggedlist, #totalconn, #birthtodayweek {
      height: 50px;
      margin-right: -5px;
      margin-top: 5px;
      padding-right: 5px;
      overflow: auto;
    }


    /*Fait disparaître le background derrière les anniv et les connectés des 24h*/
    #qeel_stats .row1 {
      background-color: transparent;
      padding: 0px;
      vertical-align: top;
      box-shadow: none!important;
    }
    /*Écriture dans les statistiques*/
    #qeel_stats a, #qeel_stats a .gensmall, #qeel_stats, #qeel_stats .row1, #qeel_stats .row1 .gensmall {
      color: #1d2730;
      font-family: verdana;
      font-size: 12px;
      text-decoration: none;
    }
    /*liens dans les statistiques*/
    #qeel_stats a, #qeel_stats a .gensmall {
      color: #37619f!important;
    }


    /*Rejoindre la chat-box*/
    #rej_cb {
      position: absolute;
      width: 900px;
      text-align: center;
      height: 50px;
      bottom: 10px;
      left: 0px;
    }
    /*Lien du rejiondre la chat-box*/
    #rej_cb a {
      font-family: monotype corsiva;
      font-size: 40px;
      color: #cbe6ff;
      text-shadow: 1px 1px 3px #22324a;
      letter-spacing: 0px;
      transition: 0.5s;
      -webkit-transition: 0.5s;
    }
    #rej_cb a:hover {
      letter-spacing: 5px;
      text-decoration: none!important;
    }

    /************************************************** FIN QEEL **************************************************/
    /************************************************** DÉBUT QEEL **************************************************/

    /*Bloc du qeel*/
    #qeel {
      position: relative;
      margin: auto;
      margin-top: 50px;
      width: 860px;
      height: 500px;
      padding: 20px;
        background-color: #5a98db; /*Couleur - Fond du qeel*/
      box-shadow: 0px 0px 10px #22324a; /*Couleur - Ombre du fond du qeel*/
      border-radius: 50px;
    }
    #qeel a {
      text-decoration: none;
    }

    /*Titre du qeel*/
    #qeel_title {
      position: absolute;
      top: -50px;
      left: 0px;
      width: 900px;
      height: 30px;
      text-align: center;
      font-family: monotype corsiva;
      font-size: 60px;
      color: #cbe6ff; /*Couleur - Titre du qeel*/
      text-shadow: 1px 1px 3px #22324a; /*Couleur - Ombre du titre du qeel*/
    }


    /*Groupes du qeel*/
    #qeel_groups {
      width: 860px;
      text-align: center;
      margin-bottom: 35px;
    }
    /*Liens du qeel*/
    #qeel_groups a {
      margin-left: 10px;
      margin-right: 10px;
      text-shadow: 1px 1px 1px #22324a; /*Couleur - Ombre des liens des groupes du qeel*/
      font-family: monotype corsiva;
      font-size: 24px;
    }


    /*Bloc - Image du qeel*/
    #qeel_img_bloc {
      width: 400px;
      height: 300px;
      box-shadow: 0px 0px 10px #22324a; /*Couleur - Ombre de l image du qeel*/
      border-radius: 35px;
      float: left;
      position: relative;
    }
    /*Image du qeel*/
    #i_whosonline {
      width: 400px;
      height: 300px;
      border-radius: 35px;
    }
    /*Texte derrière l image du qeel*/
    #qeel_img_bloc_text {
      opacity: 0;
      position: absolute;
      top: 0px;
      left: 0px;
      height: 270px;
      width: 370px;
      border-radius: 35px;
      padding: 15px;
      background-color: #202020; /*Couleur - Fond derrière le texte de l image du qeel*/
      font-family: verdana;
      font-size: 12px;
      color: #cbe6ff; /*Couleur - Ecriture du texte de l image du qeel*/
      overflow: auto;
      transition: 0.5s;
      -webkit-transition: 0.5s;
    }
    /*Apparition du texte*/
    #qeel_img_bloc:hover #qeel_img_bloc_text {
      opacity: 0.8;
    }


    /*Bloc des statistiques*/
    #qeel_stats {
      position: relative;
      float: left;
      width: 380px;
      height: 275px;
      padding: 10px;
      padding-top: 15px;
      margin-left: 40px;
      border-radius: 35px;
      background-color: #5ab7db; /*Couleur - Fond du bloc Statistiques*/
      box-shadow: 0px 0px 10px #22324a; /*Couleur - Ombre du bloc statistique*/
      transition: 1s;
      -webkit-transition: 1s;
    }
    /*Titre des statistiques*/
    #qeel_stats_title {
      position: absolute;
      top: -33px;
      left: 0px;
      width: 400px;
      height: 20px;
      text-align: center;
      font-family: monotype corsiva;
      font-size: 40px;
      color: #cbe6ff; /*Couleur - Titre du bloc Statistiques*/
      text-shadow: 1px 1px 3px #22324a; /*Couleur - Ombre du titre du bloc Statistiques*/
      transition: 1s;
      -webkit-transition: 1s;
    }
    #qeel_stats:hover {
      width: 420px;
      height: 300px;
      margin-left: 20px;
    }
    #qeel_stats:hover #qeel_stats_title {
      width: 440px;
    }

    /*Membres connectés*/
    #loggedlist, #totalconn, #birthtodayweek {
      height: 40px;
      margin-right: -5px;
      margin-top: 5px;
      padding-right: 5px;
      overflow: auto;
    }


    /*Fait disparaître le background derrière les anniv et les connectés des 24h*/
    #qeel_stats .row1 {
      background-color: transparent;
      padding: 0px;
      vertical-align: top;
      box-shadow: none!important;
    }
    /*Écriture dans les statistiques*/
    #qeel_stats, #qeel_stats .row1, #qeel_stats .row1 .gensmall {
      color: #1d2730; /*Couleur - Écriture du bloc statistiques*/
      font-family: verdana;
      font-size: 12px;
      text-decoration: none;
    }
    /*liens dans les statistiques*/
    #qeel_stats a, #qeel_stats a.gensmall, #qeel_stats a:hover, #qeel_stats a.gensmall:hover {
      color: #37619f; /*Couleur - Liens du bloc statistiques*/
    }


    /*Rejoindre la chat-box*/
    #rej_cb {
      position: absolute;
      width: 900px;
      text-align: center;
      height: 50px;
      bottom: 10px;
      left: 0px;
    }
    /*Lien du rejiondre la chat-box*/
    #rej_cb a {
      font-family: monotype corsiva;
      font-size: 40px;
      color: #cbe6ff; /*Couleur - Lien de rejoindre la chat-box*/
      text-shadow: 1px 1px 3px #22324a; /*Couleur - Ombre du lien de rejoindre la chat-box*/
      letter-spacing: 0px;
      transition: 0.5s;
      -webkit-transition: 0.5s;
    }
    #rej_cb a:hover {
      letter-spacing: 5px;
      text-decoration: none!important;
    }

    /************************************************** FIN QEEL **************************************************/
    .profil_mess
    {
      position: relative;
      z-index: 9;
      width: 210px;
      margin-left: auto;
      margin-right: auto;
      margin-top: 10px;
      background-color: #333333;
      padding: 4px;
      text-align: center;
      border-radius: 10px;
      -moz-border-radius: 10px;
      -htm-border-radius: 10px;
      -o-border-radius: 10px;
      -webkit-border-radius: 10px;
      border: 2px solid #5b5b5b;
      box-shadow: 0px 0px 5px #000000;
      -moz-box-shadow: 0px 0px 5px #000000;
      -htm-box-shadow: 0px 0px 5px #000000;
      -o-box-shadow: 0px 0px 5px #000000;
      -webkit-box-shadow: 0px 0px 5px #000000;
    }

    .name
    {
      display: block;
      text-transform: uppercase;
      margin-top: -15px;
      margin-bottom: -10px;
      font-size: 14px;
      font-family: arial black;
      text-shadow: 1px 1px 0px #000000;
      padding-bottom: 5px;
      border-bottom: 1px dashed #5b5b5b;
    }

    .avatar_mess
    {
      display: block;
      width: 200px;
      margin-left: auto;
      margin-right: auto;
      margin-top: 10px;
      height: 320px;
      overflow: hidden;
      border: 5px solid #0d0d0d;
      opacity: 0.7;
      -moz-opacity: 0.7;
      -khtml-opacity: 0.7;
      filter: alpha(opacity=70);
      transition: 1s;
      -moz-transition: 1s;
      -o-transition: 1s;
      -htm-transition: 1s;
      -webkit-transition: 1s;
    }
    .avatar_mess:hover
    {
      opacity: 1;
      -moz-opacity: 1;
      -khtml-opacity: 1;
      filter: alpha(opacity=100);
      transition: 1s;
      -moz-transition: 1s;
      -o-transition: 1s;
      -htm-transition: 1s;
      -webkit-transition: 1s;
    }

    .profil2_mess
    {
      position: relative;
      z-index: 1;
      width: 180px;
      margin-left: auto;
      margin-right: auto;
      margin-top: -202px;
      background-color: #141414;
      padding-left: 4px;
      padding-right: 4px;
      text-align: left;
      border-radius: 10px;
      -moz-border-radius: 10px;
      -htm-border-radius: 10px;
      -o-border-radius: 10px;
      -webkit-border-radius: 10px;
      border: 2px solid #434343;
      box-shadow: 0px 0px 5px #000000;
      -moz-box-shadow: 0px 0px 5px #000000;
      -htm-box-shadow: 0px 0px 5px #000000;
      -o-box-shadow: 0px 0px 5px #000000;
      -webkit-box-shadow: 0px 0px 5px #000000;
      color: #434343 !important;
      transform: rotate(-180deg);
      -moz-transform: rotate(-180deg);
      -o-transform: rotate(-180deg);
      -htm-transform: rotate(-180deg);
      -webkit-transform: rotate(-180deg);
      transition: 2s;
      -moz-transition: 2s;
      -o-transition: 2s;
      -htm-transition: 2s;
      -webkit-transition: 2s;
    }
    .profil2_mess:hover
    {
      margin-top: -42px;
      transform: rotate(0deg);
      -moz-transform: rotate(0deg);
      -o-transform: rotate(0deg);
      -htm-transform: rotate(0deg);
      -webkit-transform: rotate(0deg);
      transition: 2s;
      -moz-transition: 2s;
      -o-transition: 2s;
      -htm-transition: 2s;
      -webkit-transition: 2s;
    }
    .profil2_content
    {
      display: block;
      width: 180px;
      height: 200px;
      max-height: 200px;
      overflow: auto;
    }

    /* WIDGETS */

    /* Arrondi widget barre coulissante */
    #left .forumline {
    border-top-left-radius : 25px;
    border-top-right-radius : 25px;
    overflow: hidden; /* empeche le tableau de dépasser */
    border: 1px solid #000000;
    }
    #left .catHead
     {
    border : 0px;
    }
    #left .forumline
    {
     background-color: #6e86cf;
     
    }
    #left /* changer par right pour le widget de droite */
    {
      position: fixed;
      top: 0;
      left: 0; /* changer par right pour le widget de droite */
      width: 235px !important;
      height: 100%;
      overflow: auto;
      border-right: 20px solid #2d51bd; /* changer la couleur bordure - changer par border-left pour le widget de droite */
      margin-left: -235px; /* changer par margin-right pour le widget de droite */
      transition: 1s;
      }
    .button_widgets
    {
      position: fixed;
      z-index: 999;
      top: 50%;
      left: 0; /* changer par right pour le widget de droite */
      margin-top: -30px;
      margin-left: 0px; /* changer par margin-right pour le widget de droite */
      width: 150px;
      height: 150px;
    background-image: url('http://img15.hostingpics.net/pics/875824Test.png');
      transition: 1s;
    }
    .button_widgets a
    {
      display: block;
      width: 100%;
      height: 100%;
    }
    .button_widgets .close
    {
      display: none;
    /* si vous voulez une autre image pour le close la mettre ici en background - meme taille que image de fond bouton */
    }
    #open:target #left /* changer par juste left par right pour le widget de droite */
    {
      margin-left: 0px; /* changer par margin-right pour le widget de droite */
      transition: 1s;
    }
    #open:target .button_widgets
    {
      margin-left: 235px; /* changer par margin-right pour le widget de droite */
      transition: 1s;
    }
    #open:target .close
    {
      display: block;
    }
    #open:target .open
    {
      display: none;
    }

    #navigation
    {
      position: fixed;
      z-index: 999;
      width: 100%;
        margin-top: -10px;
      margin-right: -10px;
        margin-left: -10px;
      padding: 5px;
      text-align: center;
     }

    /*********************************** PA ***********************************/

    /*** STAFF ***/
    .staff {
      width: 90px;
      height: 90px;
      overflow: hidden;
      background-color: #483433;
    }

    .staff_img {
      position: relative;
      z-index: 2;
      height: 90px;
      margin-left: 0px;
      transform: all;
      -moz-transform: all;
      -o-transform: all;
      -htm-transform: all;
      -webkit-transform: all;
      transition: 1s;
      -moz-transition: 1s;
      -o-transition: 1s;
      -htm-transition: 1s;
      -webkit-transition: 1s;
    }

    .staff:hover .staff_img {
      margin-top: -300px;
      transform: all;
      -moz-transform: all;
      -o-transform: all;
      -htm-transform: all;
      -webkit-transform: all;
      transition: 1s;
      -moz-transition: 1s;
      -o-transition: 1s;
      -htm-transition: 1s;
      -webkit-transition: 1s;
    }

    .staff_description {
      position: relative;
      top: 19em;
      z-index: 1;
      width: 75px;
      height: 75px;
      text-align: center;
      font-size: 11px;
      color: #8c8c8c;
      padding: 2px;
      overflow: auto;
    }
    /*** PARTENAIRES ET TOPS ***/
    .img_partenaires {
      opacity: 0.5;
    }

    .img_partenaires:hover {
      opacity: 1;
    }



    /*** IMAGES DU STAFF ***/

    .imgPA {
      border-radius: 50%;
      width: 100px;
      height: 100px;
    }

    .info {
      position: relative;
      z-index: 24;
      text-decoration: none;
    }
     
    c.info:hover {
      z-index: 25;
    }
     
    c.info span {
      display: none;
    }
     
    c.info:hover span {
      display: block;
      position: absolute;
      top: -9.3em;
     left: -0.3em;
      border-radius: 50%;
      width: 105px;
      height: 105px;
      background-color: #0D0D0D;
      color: #F3F3F3;
      text-align: center;
      font-weight: none;
    }



    /*** IMAGES DES PREDEFINIS ***/
    .imgwidget {
      border-radius: 50%;
      width: 100px;
      height: 100px;
      -moz-transition-duration: 1s;
      -moz-transition-timing-function: linear;
      -webkit-transition-duration: 1s;
      -webkit-transition-timing-function: linear;
      transition-duration: 1s;
      transition-timing-function: linear;
    }

    .imgwidget:hover {
      border-radius: 50%;
      width: 100px;
      height: 100px;
      -moz-transform: rotate(360deg);
      -webkit-transform: rotate(360deg);
      transform: rotate(360deg);
    }

    .info {
      position: relative;
      z-index: 24;
      text-decoration: none;
    }

    d.info:hover {
      z-index: 25;
    }
     
    d.info span {
      display: none;
    }
     
    d.info:hover span {
      display: block;
      position: absolute;
      top: -2em;
     left: -2em;
      width: 140px;
      height: 50px;
      overflow: auto;
      background-color: #0D0D0D;
      color: #F3F3F3;
      text-align: center;
      font-weight: none;
    }



    /*** EFFET DU CONTEXTE ***/

    .contexte {
      width: 400px;
      height: 200px;
      overflow: hidden;
      background-color: #333333;
      border-radius: 25px;
      position: relative;
      top: -2.2em;
    }
       
    .contexte_img {
      position: relative;
      z-index: 2;
      width: 400px;
      height: 200px;
      margin-left: 0px;
      transform: all;
      -moz-transform: all;
      -o-transform: all;
      -htm-transform: all;
      -webkit-transform: all;
      -transition: 1s;
      -moz-transition: 1s;
      -o-transition: 1s;
      -htm-transition: 1s;
      -webkit-transition: 1s;
    }

    .contexte:hover .contexte_img {
      margin-top: -200px;
      transform: all;
      -moz-transform: all;
      -o-transform: all;
      -htm-transform: all;
      -webkit-transform: all;
      transition: 1s;
      -moz-transition: 1s;
      -o-transition: 1s;
      -htm-transition: 1s;
      -webkit-transition: 1s;
    }
       
    .contexte_description {
      position: relative;
      z-index: 1;
      width: 350px;
      height: 140px;
      color: #F3F3F3;
      padding: 25px;
      text-align: justify !important;
      font-size: 11px;
      overflow: auto;
    }

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



    /*** SYSTEME D'ONGLETS ***/

    .paonglet {
      display: inline-block;
      margin-left: 20px;
      margin-right: 20px;
      padding: 10px;
      cursor: pointer;
      background-color: #333333;
      color: #FCE7AE;
    }
               
    .paonglet_0 {
      border-radius: 25px;
    }

    .paonglet_1 {
      border-radius: 25px;
      color: #70A0BA;
    }

    .contenu_paonglet {
      padding: 25px;
      display: none;
      width: 780px;
      height: 450px;
      border-radius: 25px;
      background-color: #0D0D0D;
    }

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



    /*** BLOC DE TEXTE DE LA PA ***/

    .bloc_pa {
      background-color: #333333;
      border-radius: 25px;
      color: #F3F3F3;
      padding: 25px;
      text-align: justify !important;
      position: relative;
      top: -2.2em;
    }

    .bloc_pa a {
      text-decoration: none !important;
      color: #70A0BA !important;
    }

    /*** TITRES DES BLOCS ***/

    .titre_pa {
      font-family: 'Pacifico', 'cursive';
      font-size: 30px;
      position: relative;
      top: -0.3em;
      color: #F3F3F3;
      z-index: 1;
    }

    .titre_pa:hover {
      color: #70A0BA;
    }

    /*********************************** FIN PA ***********************************/
    /*modifier l'apparence des scrollbars de tout le forum*/
    ::-webkit-scrollbar {
      width: 8px; /*largeur de la scrollbar verticale*/
      height: 8px; /*hauteur de la scrollbar horizontale*/
      background-color: #2d51bd;}
     
    ::-webkit-scrollbar-track {
      background-color: #2d51bd; /*couleur du fond de la scrollbar*/}
     
    ::-webkit-scrollbar-thumb { /*la petite bande qui monte/descend*/
      background-color: #FFFFFF /*couleur de l'ascenseur*/;}
    /****************************
    BARRE DE NAVIGATION : POSITION
    ****************************/
    #i_logo {margin-bottom: 0px; margin-top: 0px; transform: rotateY(0deg); -moz-transform: rotateY(0deg);
      -webkit-transition: all 3s ease 0s; -moz-transition: all 3s ease 0s; transition: all 3s ease 0s;}
    #i_logo:hover {-moz-transform: rotateY(180deg); -ms-transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);transform: rotateY(180deg);}
    .barre_nav{position: fixed;left: 0px; top: 0px;right: 0px;z-index: 800;}
    table.bodylinewidth {position:relative;top: -7px;}
    OMBRE AUTOUR DU CADRE FOFO
    ****************************/
    .row1{box-shadow: 0px 0px 10px #BFB4B5;-moz-box-shadow: 0px 0px 10px #BFB4B5;
    -webkit-box-shadow: 0px 0px 10px #BFB4B5;
    -o-box-shadow: 0px 0px 10px #BFB4B5;-moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px;
    z-index:-999}
    /****************************
    IMAGE FOND DE MESSAGE POSTE
    ****************************/
    td.row1,td.row2{
    background-image: url("");
    background-repeat: no-repeat}
    .row2{-moz-box-shadow: 0px 0px 10px #BFB4B5;box-shadow: 0px 0px 10px #BFB4B5;
    -webkit-box-shadow: 0px 0px 10px #BFB4B5;-o-box-shadow: 0px 0px 10px #BFB4B5;
    -moz-border-radius: 20px;-webkit-border-radius: 20px;border-radius: 20px;}
    .row3{-moz-box-shadow: 0px 0px 10px #BFB4B5;box-shadow: 0px 0px 10px #BFB4B5;
    -webkit-box-shadow: 0px 0px 10px #BFB4B5;-o-box-shadow: 0px 0px 10px #BFB4B5;
    -moz-border-radius: 20px;-webkit-border-radius: 20px;border-radius: 20px;}
    .row3Right{-moz-box-shadow: 0px 0px 10px #BFB4B5;box-shadow: 0px 0px 10px #BFB4B5;
    -webkit-box-shadow: 0px 0px 10px #BFB4B5;-o-box-shadow: 0px 0px 10px #BFB4B5;
    -moz-border-radius: 20px;-webkit-border-radius: 20px;border-radius: 20px;}
    /****************************
    #i_logo {margin-bottom: 0px; margin-top: 0px; transform: rotateY(0deg); -moz-transform: rotateY(0deg);
      -webkit-transition: all 3s ease 0s; -moz-transition: all 3s ease 0s; transition: all 3s ease 0s;}
    #i_logo:hover {-moz-transform: rotateY(180deg); -ms-transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);transform: rotateY(180deg);}
    .barre_nav{position: fixed;left: 0px; top: 0px;right: 0px;z-index: 800;}
    table.bodylinewidth {position:relative;top: -7px;}
    /****************************
    OMBRE AUTOUR DU CADRE FOFO
    ****************************/
    .row1{box-shadow: 0px 0px 10px #BFB4B5;-moz-box-shadow: 0px 0px 10px #BFB4B5;
    -webkit-box-shadow: 0px 0px 10px #BFB4B5;
    -o-box-shadow: 0px 0px 10px #BFB4B5;-moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px;
    z-index:-999}
    /****************************
    /****************************
    CITATIONS CODE SPOILER
    ****************************/
    dd.code{border: 1px dashed #ffffff;padding: 20px;
    background: #010F24 url("")no-repeat scroll 4px 9px;
    text-shadow: 1px 1px 5px #ffffff;text-align: justify;color: #ffffff;-moz-border-radius: 10px;
    -webkit-border-radius: 10px;border-radius: 10px;}
    .code:hover {
    background:#061919 url("http://i42.servimg.com/u/f42/09/02/12/09/commen10.png") no-repeat scroll 4px 9px;
      padding: 20px;} 
    .selectCode { float:right; text-transform: Times new roman; cursor:pointer; text-shadow: 1px 1px 5px #DBD8D8;}
    div.cont_code { clear: right;text-shadow: 1px 1px 5px #104508;}
    .spoiler_closed hidden,  .spoiler_content, .spoiler_closed {border: 1px dashed #ffffff;padding: 10px;
    background: #010F24;text-shadow: 1px 1px 5px #006600;color: #ffffff;-moz-border-radius: 10px;
    -webkit-border-radius: 10px;border-radius: 10px;}
    .spoiler_closed hidden,  .spoiler_content, .spoiler_closed:hover {
    background:#061919 url("http://i42.servimg.com/u/f42/09/02/12/09/commen10.png") no-repeat scroll 4px 9px;
    padding: 10px;} 

    .content quote {=color: #000;font-family: Verdana,Arial,Helvetica,sans-serif;}
    .quote {background: url("https://dl.dropboxusercontent.com/u/61854612/quote.jpg") repeat scroll 0 0 rgba(0, 0, 0, 0);
    border-radius: 25px 10px / 10px 25px;box-shadow: 1px 1px 12px #000;font-family: Palatino,serif;font-size: 12;margin: 25px;overflow: hidden;padding: 5px;}
    .quote {border: 1px solid #dbdbce;font-size: 12;margin: 1em 1px 1em 25px;overflow: hidden;padding: 5px;}

    /****************************
    BOUTON CHATBOX INDEX
    ****************************/
    .bouton_ouverture{ /* se connecter (partie texte)*/
    font-family:Verdana, Helvetica, sans-serif;text-align: center;font-size: 14px;text-decoration: none !important;
    color: #70a400 !important;uppercase: 1px;text-shadow: 5px 0px 5px #000000;overflow: hidden;
    transition: all 0.54s ease 0s;min-width: 90%;-moz-border-radius-bottomleft:5px;
    -moz-border-radius-bottomright:5px;-moz-border-radius-topleft:5px;-moz-border-radius-topright:5px;}
    .bouton_ouverture:hover { /* se connecter (partie texte) au survol */
    color: #9de00c !important;uppercase: 2px;text-decoration: none !important;text-shadow: 10px 0px 10px #000000;
    overflow: hidden;transition: all 0.54s ease 0s;min-width: 90%;-moz-border-radius-bottomleft:5px;
    -moz-border-radius-bottomright:5px;-moz-border-radius-topleft:5px;-moz-border-radius-topright:5px;}
    .bouton_cadre{ /* est le bouton se connecter */
    background: url("http://i47.servimg.com/u/f47/12/57/30/22/mm1211.jpg") #31185C center ;display: block;
    margin: 0 auto;padding: 4px;-moz-box-shadow: 0px 1px 5px #000000;-webkit-box-shadow: 0px 1px 5px #000000;
    box-shadow: 0px 1px 5px #000000;overflow: hidden;transition: all 0.54s ease 0s;min-width: 90%;
    text-align: center;-moz-border-radius-bottomleft:5px;-moz-border-radius-bottomright:5px;
    -moz-border-radius-topleft:5px;-moz-border-radius-topright:5px;}
    #chatbox{background-image: url("http://image.noelshack.com/fichiers/2015/06/1422962006-msgencours.png")no-repeat;
    -moz-box-shadow: 0px 1px 5px #000000;-webkit-box-shadow: 0px 1px 5px #000000;}
    .chatbox-title{font: 18px Arial;color: #000000 !important;-moz-box-shadow: 0px 1px 5px #000000;
    -webkit-box-shadow: 0px 1px 5px #000000;}

    #chatbox_members{background-image: url("http://image.noelshack.com/fichiers/2015/06/1422962006-msgencours.png");
    border: 1px solid #302F2F;-webkit-border-radius: 0px 0px 5px 5px;-moz-border-radius: 0px 0px 5px 5px;
    border-radius: 0px 0px 5px 5px;-moz-box-shadow: 0px 1px 5px #000000;-webkit-box-shadow: 0px 1px 5px #000000;}
    #chatbox_members .member-title{background-color: #000000;
    background-image: url("http://img502.imageshack.us/img502/6128/fondforumb.png");
    border: 1px solid #000000;-webkit-border-radius: 0px 0px 15px 15px;-moz-border-radius: 0px 0px 15px 15px;
    border-radius: 0px 0px 15px 15px;-moz-box-shadow: 0px 1px 5px #000000;-webkit-box-shadow: 0px 1px 5px #000000;}
    #chatbox_header .cattitle strong { display: none; }
    #chatbox_header .cattitle:before { content: "Kazga Hassa"; }
    #fa_ticker_block{ width: 70%; margin: auto; }

    /* Message de connexion CB */
    .msg span[style*="green"] strong {
        color: #2980b9; /* couleur */
        font-variant: small-caps; /* petites majuscules */
    }

    /* Message de déconnexion CB */
    .msg span[style*="red"] strong {
        color: #8e44ad; /* couleur */
        font-variant: small-caps; /* petites majuscules */
    }

    /*Séparation des notes et annonces des messages*/
    .sujets .row3 {
      background-color: #0D16BD;
      border: 3px double;
      border-radius: 10px;
    }
    .selectCode { float:right; text-transform: uppercase; cursor:pointer; }
    div.cont_code { clear: right; }


    /******************************************************* DÉBUT Sujets *******************************************************/

    /*Bloc des sujets*/
    .sujets {
      margin: auto;
      margin-bottom: 10px;
    .bodyline {background: rgba(255, 255, 255, 0.5);}
      border: 2px solid #1f1d1a;
      padding-bottom: 15px;
      width: 850px;
    }
    /*Titre du bloc des sujets*/
    .sujets_top_title {
      display: block;
      background-image: url('http://www.preppysuit.com/pages/114.jpg');
      width: 750px;
      margin-top: 15px;
      margin-bottom: 15px;
      padding: 5px;
      font-family: 'Great Vibes';
      font-size: 36px;
      text-shadow: 0px 0px 5px #000000;
      color: #23709e;
      font-weight: normal;
      letter-spacing: 1px;
    }

    /*Liste des sujets*/
    .sujets_list {
      width: 760px;
      margin: auto;
      padding: 10px;
      padding-bottom: 0px;
      background-image: url('http://www.preppysuit.com/pages/114.jpg');
      text-align: left;
      color: #7b848f;
    }

    /*Polices des éléments hors sujets*/
    .sujets_font {
      font-size: 12px;
      font-family: Arial, Helvetica, sans-serif;
      color: #7b848f;
    }

    /*Chaque sujet*/
    .sujet {
      position: relative;
      width: 740px;
      margin-bottom: 10px;
      background-color: #1f1d1a;
      border: 1px solid #161412;
      font-size: 12px;
      font-family: Arial, Helvetica, sans-serif;
    }

    /*Type de sujet*/
    .sujet_type {
      position: absolute;
      width: 740px;
      text-align: center;
      top: -7px;
      left: 0px;
      text-shadow: 1px 1px 1px #000000;
    }

    /*Titre du sujet*/
    a.sujetlink {
      font-family: Arial, Helvetica, sans-serif;
      font-size: 15px;
      text-shadow: 1px 1px 1px #000000;
      color: #23709e!important;
      font-style: italic;
      font-weight: normal;
      letter-spacing: 2px;
      padding-bottom: 5px;
      text-decoration: none;
      transition: 0.5s;
      -webkit-transition: 0.5s;
    }
    /*Titre du sujet survolé*/
    a.sujetlink:hover {
      text-decoration: none!important;
      letter-spacing: 4px;
    }

    /*Auteurs des sujets*/
    .sujet_auteur a strong, .sujet_last_auteur a strong, .sujet_auteur a, .sujet_last_auteur a {
      font-size: 12px!important;
      font-weight: normal!important;
      font-family: Arial, Helvetica, sans-serif!important;
    }

    /******************************************************* FIN SUJETS *******************************************************//******************************************************* DÉBUT Sujets *******************************************************/
    /*Bloc des sujets*/
    .sujets {
      margin: auto;
      margin-bottom: 10px;
      background-color: #0f120f;
      border: 2px solid #1f1d1a;
      padding-bottom: 15px;
      width: 850px;
    }
    /*Titre du bloc des sujets*/
    .sujets_top_title {
      display: block;
      background-image: url('http://img4.hostingpics.net/pics/781032956965Sanstitre.png');
      width: 750px;
      margin-top: 15px;
      margin-bottom: 15px;
      padding: 5px;
      font-family: "Gabriela";
      font-size: 36px;
      text-shadow: 0px 0px 5px #000000;
      color: #23709e;
      font-weight: normal;
      letter-spacing: 1px;
    }

    /*Liste des sujets*/
    .sujets_list {
      width: 740px;
      margin: auto;
      padding: 10px;
      padding-bottom: 0px;
      background-image: url('http://image.noelshack.com/fichiers/2014/48/1416945713-pattern.png');
      text-align: left;
      color: #7b848f;
    }

    /*Polices des éléments hors sujets*/
    .sujets_font {
      font-size: 12px;
      font-family: Arial, Helvetica, sans-serif;
      color: #7b848f;
    }

    /*Chaque sujet*/
    .sujet {
      position: relative;
      width: 740px;
      margin-bottom: 10px;
      margin-top: 10px;
      background-color: #1f1d1a;
      border: 1px solid #161412;
      font-size: 12px;
      font-family: Arial, Helvetica, sans-serif;
    }

    /*Type de sujet*/
    .sujet_title {
      position: absolute;
      width: 740px;
      text-align: center;
      top: -14px;
      left: 0px;
      text-shadow: 1px 1px 1px #000000;
    }

    /*Titre du sujet*/
    a.sujetlink {
      font-family: "Gabriela";
      font-size: 15px;
      text-shadow: 1px 1px 1px #000000;
      color: #23709e!important;
      font-weight: normal;
      letter-spacing: 2px;
      padding-bottom: 5px;
      text-decoration: none;
      transition: 0.5s;
      -webkit-transition: 0.5s;
    }
    /*Titre du sujet survolé*/
    a.sujetlink:hover {
      text-decoration: none!important;
      letter-spacing: 4px;
    }

    /*Auteurs des sujets*/
    .sujet_auteur a strong, .sujet_last_auteur a strong, .sujet_auteur a, .sujet_last_auteur a {
      font-size: 12px!important;
      font-weight: normal!important;
      font-family: Arial, Helvetica, sans-serif!important;
    }

    /*Séparation des notes et annonces des messages*/
    .sujets .row3 {
      background: transparent;
      display: block;
      margin-left: 9px;
      margin-bottom: 10px;
      margin-top: 5px;
      width: 740px;
    }
    /******************************************************* FIN SUJETS *******************************************************/


    body.chatbox {
    background-image :url("http://www.pokepedia.fr/images/thumb/4/41/M%C3%A9ga-Altaria-ROSA.png/250px-M%C3%A9ga-Altaria-ROSA.png");
     
    background-repeat:no-repeat;
    background-position : right;
    background-color :#70C3ED;   
     
    }

    .bodyline {background: rgba(255, 255, 255, 0.5);}
    a { text-decoration: http://www.pokepedia.fr/images/d/d2/Lugulabre-NB.png; }
    /** PAILLETTES PSEUDO **/
     


     /*Profil avec rotation par
    Alumine pour Never-Utopia*/

    #profilmembre {
      position:relative;
      height: 400px;/*hauteur de l'avatar*/
      width: 200px;/*largeur de l'avatar*/
      margin: 10px auto;
    }

    .avatars {
      position: absolute;
      top: 0;
      left: 0;
      background:grey;
      width: 100%;
      height: 100%;
      z-index:3;
      transform: rotate (-3deg);
      -webkit-transform: rotate(-3deg);
      -moz-transform: rotate(-3deg);
      -o-transform: rotate(-3deg);
      -ms-transform: rotate(-3deg);
      -webkit-transition:all 1s;
      -moz-transition:all 1s;
      -o-transition:all 1s;
      -ms-transition:all 1s;
      transition:all 1s;
      -moz-box-shadow: 2px 2px 5px -2px #595959;
      -webkit-box-shadow: 2px 2px 5px -2px #595959;
      -o-box-shadow: 2px 2px 5px -2px #595959;
      box-shadow: 2px 2px 5px -2px #595959;
      filter:progid:DXImageTransform.Microsoft.Shadow(color=#595959, Direction=134, Strength=5);
    }

    .avatar img: {width:100%; height: 100%;}

    .infoprofil {
      position: absolute;
      top: 0;
      left: 0;
      padding:15px;
      width: 170px;/* hauteur de l'avatar moins 2x 15px de padding*/
      height: 370px;/*idem largeur*/
      z-index:0;
      background-image:url(http://i55.servimg.com/u/f55/18/43/14/28/i_back10.gif);/*image de fond des infos du profil*/
      color: grey;
      font-size: 13px;
      overflow: auto;
      transform: rotate (-3deg);
      -webkit-transform: rotate(-3deg);
      -moz-transform: rotate(-3deg);
      -o-transform: rotate(-3deg);
      -ms-transform: rotate(-3deg);
      -webkit-transition:all 1s;
      -moz-transition:all 1s;
      -o-transition:all 1s;
      -ms-transition:all 1s;
      transition:all 1s;
      -moz-box-shadow: 2px 2px 5px -2px #595959;
      -webkit-box-shadow: 2px 2px 5px -2px #595959;
      -o-box-shadow: 2px 2px 5px -2px #595959;
      box-shadow: 2px 2px 5px -2px #595959;
      filter:progid:DXImageTransform.Microsoft.Shadow(color=#595959, Direction=134, Strength=5);
    }

    .infoprofil a {color: #3F2941;}/* couleur de "envoyer un mp"*/

    #profilmembre:hover > .avatars {
      opacity: 0;
      filter: alpha(opacity=0);
      visibility: hidden;
      z-index:1;
      transform: rotate (0deg);
      -webkit-transform: rotate(0deg);
      -moz-transform: rotate(0deg);
      -o-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
    }

    #profilmembre:hover > .infoprofil {
      transform: rotate (0deg);
      -webkit-transform: rotate(0deg);
      -moz-transform: rotate(0deg);
      -o-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
    }

    .pseudo{
      display: block;
      height: 1em;
      width: 200px;
      padding:10px;
      margin: auto;
      margin-top: -10px;
      font-size: 20px;/*taille du pseudo*/
      font-family: Georgia, cursive;
      border: 3px double grey;
      text-align:center;
      z-index: 2;
      position:relative;
      background: lightgrey;
      background-image:url(http://i55.servimg.com/u/f55/18/43/14/28/i_back10.gif);
      -moz-box-shadow: 2px 2px 5px -2px #595959;
      -webkit-box-shadow: 2px 2px 5px -2px #595959;
      -o-box-shadow: 2px 2px 5px -2px #595959;
      box-shadow: 2px 2px 5px -2px #595959;
      filter:progid:DXImageTransform.Microsoft.Shadow(color=#595959, Direction=134, Strength=5);
    }
    .rang {
      position:relative;
      margin:-75px auto 0px;/* marges de l'image de rang (haut côtés bas)*/
      z-index:3;
      text-align:center;
    }

    /*********************Chatbox**********************/

    #chatbox_header .cattitle strong { display: none; }
    #chatbox_header .cattitle:before { content: "L'endroit où la Vodka est roi"; }
    #qeel_img {
    height:63px;
    }


    /* CODES CSS CATEGORIES AUX DESCRIPTIONS CACHEES */


    .cate
    {
      width: 400px;
      height: 120px;
      overflow: hidden;
      border: 2px solid #000000;
      background-color: #ffffff;
    }
    .cate_img
    {
      position: relative;
      z-index: 2;
      width: 400px;
      height: 120px;
      margin-left: 0px;
        transform: all;
    -moz-transform: all;
    -o-transform: all;
    -htm-transform: all;
    -webkit-transform: all;
    transition: 1s;
    -moz-transition: 1s;
    -o-transition: 1s;
    -htm-transition: 1s;
    -webkit-transition: 1s;
    }
    .cate:hover .cate_img
    {
    margin-left: 400px;
    transform: all;
    -moz-transform: all;
    -o-transform: all;
    -htm-transform: all;
    -webkit-transform: all;
    transition: 1s;
    -moz-transition: 1s;
    -o-transition: 1s;
    -htm-transition: 1s;
    -webkit-transition: 1s;
    }
    .cate_description
    {
      position: relative;
      z-index: 1;
      width: 400px;
      height: 120px;
      margin-top: -120px;
      text-align: justify;
      font-size: 11px;
      color: #8c8c8c;
      padding: 2px;
      overflow: auto;
    }


     
    body.chatbox {
    background-image :url("http://www.pokepedia.fr/images/thumb/4/41/M%C3%A9ga-Altaria-ROSA.png/250px-M%C3%A9ga-Altaria-ROSA.png");
     
    background-repeat:no-repeat;
    background-position : right;
    background-color :#70C3ED; 
     
    }

    .bodyline {background: rgba(255, 255, 255, 0.5);}
    a { text-decoration: http://www.pokepedia.fr/images/d/d2/Lugulabre-NB.png; }
    /** PAILLETTES PSEUDO **/
     

    /*********************************** PA ***********************************/

    /*** PARTENAIRES ET TOPS ***/
    .img_partenaires {
      opacity: 0.5;
    }

    .img_partenaires:hover {
      opacity: 1;
    }



    /*** IMAGES DU STAFF ***/

    .imgPA {
      border-radius: 50%;
      width: 100px;
      height: 100px;
    }

    .info {
      position: relative;
      z-index: 24;
      text-decoration: none;
    }
     
    c.info:hover {
      z-index: 25;
    }
     
    c.info span {
      display: none;
    }
     
    c.info:hover span {
      display: block;
      position: absolute;
      top: -9.3em;
     left: -0.3em;
      border-radius: 50%;
      width: 105px;
      height: 105px;
      background-color: #0D0D0D;
      color: #F3F3F3;
      text-align: center;
      font-weight: none;
    }



    /*** IMAGES DES PREDEFINIS ***/
    .imgwidget {
      border-radius: 50%;
      width: 100px;
      height: 100px;
      -moz-transition-duration: 1s;
      -moz-transition-timing-function: linear;
      -webkit-transition-duration: 1s;
      -webkit-transition-timing-function: linear;
      transition-duration: 1s;
      transition-timing-function: linear;
    }

    .imgwidget:hover {
      border-radius: 50%;
      width: 100px;
      height: 100px;
      -moz-transform: rotate(360deg);
      -webkit-transform: rotate(360deg);
      transform: rotate(360deg);
    }

    .info {
      position: relative;
      z-index: 24;
      text-decoration: none;
    }

    d.info:hover {
      z-index: 25;
    }
     
    d.info span {
      display: none;
    }
     
    d.info:hover span {
      display: block;
      position: absolute;
      top: -2em;
     left: -2em;
      width: 140px;
      height: 50px;
      overflow: auto;
      background-color: #0D0D0D;
      color: #F3F3F3;
      text-align: center;
      font-weight: none;
    }



    /*** EFFET DU CONTEXTE ***/

    .contexte {
      width: 400px;
      height: 200px;
      overflow: hidden;
      background-color: #333333;
      border-radius: 25px;
      position: relative;
      top: -2.2em;
    }
       
    .contexte_img {
      position: relative;
      z-index: 2;
      width: 400px;
      height: 200px;
      margin-left: 0px;
      transform: all;
      -moz-transform: all;
      -o-transform: all;
      -htm-transform: all;
      -webkit-transform: all;
      -transition: 1s;
      -moz-transition: 1s;
      -o-transition: 1s;
      -htm-transition: 1s;
      -webkit-transition: 1s;
    }

    .contexte:hover .contexte_img {
      margin-top: -200px;
      transform: all;
      -moz-transform: all;
      -o-transform: all;
      -htm-transform: all;
      -webkit-transform: all;
      transition: 1s;
      -moz-transition: 1s;
      -o-transition: 1s;
      -htm-transition: 1s;
      -webkit-transition: 1s;
    }
       
    .contexte_description {
      position: relative;
      z-index: 1;
      width: 350px;
      height: 140px;
      color: #F3F3F3;
      padding: 25px;
      text-align: justify !important;
      font-size: 11px;
      overflow: auto;
    }

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



    /*** SYSTEME D'ONGLETS ***/

    .paonglet {
      display: inline-block;
      margin-left: 20px;
      margin-right: 20px;
      padding: 10px;
      cursor: pointer;
      background-color: #333333;
      color: #FCE7AE;
    }
               
    .paonglet_0 {
      border-radius: 25px;
    }

    .paonglet_1 {
      border-radius: 25px;
      color: #70A0BA;
    }

    'paonglet_1 paonglet {
      border-radius: 25px;
      color: #70A0BA;
    }

    .contenu_paonglet {
      padding: 25px;
      display: none;
      width: 780px;
      height: 450px;
      border-radius: 25px;
      background-color: #0D0D0D;
    }

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



    /*** BLOC DE TEXTE DE LA PA ***/

    .bloc_pa {
      background-color: #333333;
      border-radius: 25px;
      color: #F3F3F3;
      padding: 25px;
      text-align: justify !important;
      position: relative;
      top: -2.2em;
    }

    .bloc_pa a {
      text-decoration: none !important;
      color: #70A0BA !important;
    }

    /*** TITRES DES BLOCS ***/

    .titre_pa {
      font-family: 'Pacifico', 'cursive';
      font-size: 30px;
      position: relative;
      top: -0.3em;
      color: #F3F3F3;
      z-index: 1;
    }

    .titre_pa:hover {
      color: #70A0BA;
    }

    /*********************************** FIN PA ***********************************/

     /*Profil avec rotation par
    Alumine pour Never-Utopia*/

    #profilmembre {
      position:relative;
      height: 400px;/*hauteur de l'avatar*/
      width: 200px;/*largeur de l'avatar*/
      margin: 10px auto;
    }

    .avatars {
      position: absolute;
      top: 0;
      left: 0;
      background:grey;
      width: 100%;
      height: 100%;
      z-index:3;
      transform: rotate (-3deg);
      -webkit-transform: rotate(-3deg);
      -moz-transform: rotate(-3deg);
      -o-transform: rotate(-3deg);
      -ms-transform: rotate(-3deg);
      -webkit-transition:all 1s;
      -moz-transition:all 1s;
      -o-transition:all 1s;
      -ms-transition:all 1s;
      transition:all 1s;
      -moz-box-shadow: 2px 2px 5px -2px #595959;
      -webkit-box-shadow: 2px 2px 5px -2px #595959;
      -o-box-shadow: 2px 2px 5px -2px #595959;
      box-shadow: 2px 2px 5px -2px #595959;
      filter:progid:DXImageTransform.Microsoft.Shadow(color=#595959, Direction=134, Strength=5);
    }

    .avatar img: {width:100%; height: 100%;}

    .infoprofil {
      position: absolute;
      top: 0;
      left: 0;
      padding:15px;
      width: 170px;/* hauteur de l'avatar moins 2x 15px de padding*/
      height: 370px;/*idem largeur*/
      z-index:0;
      background-image:url(http://i55.servimg.com/u/f55/18/43/14/28/i_back10.gif);/*image de fond des infos du profil*/
      color: grey;
      font-size: 13px;
      overflow: auto;
      transform: rotate (-3deg);
      -webkit-transform: rotate(-3deg);
      -moz-transform: rotate(-3deg);
      -o-transform: rotate(-3deg);
      -ms-transform: rotate(-3deg);
      -webkit-transition:all 1s;
      -moz-transition:all 1s;
      -o-transition:all 1s;
      -ms-transition:all 1s;
      transition:all 1s;
      -moz-box-shadow: 2px 2px 5px -2px #595959;
      -webkit-box-shadow: 2px 2px 5px -2px #595959;
      -o-box-shadow: 2px 2px 5px -2px #595959;
      box-shadow: 2px 2px 5px -2px #595959;
      filter:progid:DXImageTransform.Microsoft.Shadow(color=#595959, Direction=134, Strength=5);
    }

    .infoprofil a {color: #3F2941;}/* couleur de "envoyer un mp"*/

    #profilmembre:hover > .avatars {
      opacity: 0;
      filter: alpha(opacity=0);
      visibility: hidden;
      z-index:1;
      transform: rotate (0deg);
      -webkit-transform: rotate(0deg);
      -moz-transform: rotate(0deg);
      -o-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
    }

    #profilmembre:hover > .infoprofil {
      transform: rotate (0deg);
      -webkit-transform: rotate(0deg);
      -moz-transform: rotate(0deg);
      -o-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
    }

    .pseudo{
      display: block;
      height: 1em;
      width: 200px;
      padding:10px;
      margin: auto;
      margin-top: -10px;
      font-size: 20px;/*taille du pseudo*/
      font-family: Georgia, cursive;
      border: 3px double grey;
      text-align:center;
      z-index: 2;
      position:relative;
      background: lightgrey;
      background-image:url(http://i55.servimg.com/u/f55/18/43/14/28/i_back10.gif);
      -moz-box-shadow: 2px 2px 5px -2px #595959;
      -webkit-box-shadow: 2px 2px 5px -2px #595959;
      -o-box-shadow: 2px 2px 5px -2px #595959;
      box-shadow: 2px 2px 5px -2px #595959;
      filter:progid:DXImageTransform.Microsoft.Shadow(color=#595959, Direction=134, Strength=5);
    }
    .rang {
      position:relative;
      margin:-75px auto 0px;/* marges de l'image de rang (haut côtés bas)*/
      z-index:3;
      text-align:center;
    }

    /*********************Chatbox**********************/

    /* MISE EN FORME DES CATEGORIES ET FORUMS */

    .cate_titre
    {
      clear: both;
      height: 100px;
      margin-top: 50px;
    }

    .catetitre_content
    {
    position: absolute;
    z-index: 2;
    display: block;
    width: 950px;
    margin-left: auto;
      margin-right: auto;
      margin-top: -40px;
    text-align: center;
    padding: 2px;
      border-bottom: 3px dotted #191817;
    }

    .forum
    {
    float: left;
    width: 460px;
    height: 250px;
    margin-left: 5px;
    margin-right: 5px;
    margin-bottom: 50px;
      margin-left: auto;
        margin-right: auto;
      align: center;
    }
    a.forumlink
    {
      position: relative;
      z-index: 2;
      display: block;
      width: 100%;
      color: #454545;
      text-align: center;
    font-family: arial;
    font-size: 18px;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 1px;
    text-shadow: 1px 1px 0px #000000;
        transform: all;
    -moz-transform: all;
    -o-transform: all;
    -htm-transform: all;
    -webkit-transform: all;
    transition: 1s;
    -moz-transition: 1s;
    -o-transition: 1s;
    -htm-transition: 1s;
    -webkit-transition: 1s;
    }
    a.forumlink:hover
    {
      letter-spacing: 4px;
        transform: all;
    -moz-transform: all;
    -o-transform: all;
    -htm-transform: all;
    -webkit-transform: all;
    transition: 1s;
    -moz-transition: 1s;
    -o-transition: 1s;
    -htm-transition: 1s;
    -webkit-transition: 1s;
    }
    .forum_contenu
    {
      position: relative;
      z-index: 1;
      width: 98%;
      height: 100%;
      padding: 4px;
      margin-left: auto;
      margin-right: auto;
      margin-top: -8px;
      background-color: #d9d9d9;
      border-left: 1px dotted #191817;
      border-right: 1px dotted #191817;
      border-bottom: 1px dotted #191817;
      border-top: 5px solid #191817;
    }
    .description
    {
      display: block;
      width: 400px;
      margin: auto;
      height: 100px;
      overflow: hidden;
      border: 2px solid #9c9c9c;
      box-shadow: 1px 1px 1px #191817;
      -moz-box-shadow: 1px 1px 1px #191817;
      -htm-box-shadow: 1px 1px 1px #191817;
      -webkit-box-shadow: 1px 1px 1px #191817;
      -o-box-shadow: 1px 1px 1px #191817;
    }
    .description_contenu
    {
      position: absolute;
      display: block;
      width: 391px;
      height: 91px;
      overflow: auto;
      background-color: #191817;
      font-size: 10px;
      color: #9c9c9c;
      text-align: justify;
      padding: 5px;
      opacity: 0;
      -moz-opacity: 0;
      -khtml-opacity: 0;
      filter: alpha(opacity=0);
      transform: all;
    -moz-transform: all;
    -o-transform: all;
    -htm-transform: all;
    -webkit-transform: all;
    transition: 1s;
    -moz-transition: 1s;
    -o-transition: 1s;
    -htm-transition: 1s;
    -webkit-transition: 1s;
    }
    .description_contenu:hover
    {
      opacity: 0.8;
      -moz-opacity: 0.8;
      -khtml-opacity: 0.8;
      filter: alpha(opacity=80);
      transform: all;
    -moz-transform: all;
    -o-transform: all;
    -htm-transform: all;
    -webkit-transform: all;
    transition: 1s;
    -moz-transition: 1s;
    -o-transition: 1s;
    -htm-transition: 1s;
    -webkit-transition: 1s;
    }
    .icone_stats
    {
      width: 300px;
      margin: auto;
      margin-top: -30px;
    }
    .stats_lastpost
    {
      display: block;
      width: 160px;
      height: 80px;
      margin-left: 10px;
      background-color: #c8c8c8;
      border: 1px solid #b5b5b5;
      padding: 5px;
      text-align: center;
    }
    .stats
    {
      display: block;
      margin-bottom: 5px;
      border-bottom: 1px dotted #b5b5b5;
      padding-bottom: 5px;
      font-size: 10px;
      color: #8f8f8f;
    }
    .lastpost
    {
      display: block;
      font-size: 11px;
    }
    .sforum
    {
      position: relative;
      z-index: 3;
      display: block;
      height: 0;
        background: #191817;
      color: #b5b5b5;
      overflow: hidden;
        transform: all;
    -moz-transform: all;
    -o-transform: all;
    -htm-transform: all;
    -webkit-transform: all;
    transition: 1s;
    -moz-transition: 1s;
    -o-transition: 1s;
    -htm-transition: 1s;
    -webkit-transition: 1s;
    }
    .ouverture_sousforum
    {
      position: relative;
      z-index: 3;
      display: block;
      float: right;
      width: 120px;
      margin-right: 20px;
      background: #191817;
      color: #b5b5b5;
      font-size: 11px;
      text-align: center;
      padding: 4px;
      -webkit-border-bottom-right-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -moz-border-radius-bottomright: 10px;
    -moz-border-radius-bottomleft: 10px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    }
    .sous_forum:hover .sforum
    {
      height: 50px;
      background: #191817;
      color: #b5b5b5;
      padding: 4px;
      overflow: auto;
        transform: all;
    -moz-transform: all;
    -o-transform: all;
    -htm-transform: all;
    -webkit-transform: all;
    transition: 1s;
    -moz-transition: 1s;
    -o-transition: 1s;
    -htm-transition: 1s;
    -webkit-transition: 1s;
    }
    .sous_forum a
    {
      color: #b5b5b5 !important;
      text-shadow: 1px 1px 0px #000000;
    }
    .sous_forum a:hover
    {
      color: #ffffff !important;
    }




    #chatbox_header .cattitle strong { display: none; }
    #chatbox_header .cattitle:before { content: "L'endroit où la Vodka est roi"
        color: #ffffff;
    height:63px;
    }



    • Revenir en haut
    Onyx
    Onyx
    FémininAge : 30Messages : 3350

    Sam 7 Mar 2015 - 6:10

    Finalement, c'était dans le template /bam

    En changeant les couleurs des groupes, tu as mal refermé une balise, alors cela causait des problèmes. Voilà, là c'est correct :
    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">
      <!-- BEGIN switch_fb_connect_no -->
      <table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
          <tr>
            <td class="row1" align="center">
                <table border="0" cellspacing="0" cellpadding="0">
                  <tr>
                      <td><span class="genmed">{L_USERNAME}:</span> </td>
                      <td><input class="post" type="text" size="10" name="username"/> </td>
                      <td>
                        <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
                        <span class="gensmall">{L_AUTO_LOGIN}</span>
                      </td>
                  </tr>

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

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

                            <tr>
                              <td><span class="genmed">{L_PASSWORD}:</span> </td>
                              <td><input class="post" type="password" size="10" name="password"/> </td>
                              <td>{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></td>
                            </tr>
                        </table>
                      </td>
                      <td width="10%" align="center" valign="middle">
                        <span class="genmed fb_or">{switch_user_login_form_header.switch_fb_connect.L_OR}</span>
                      </td>
                      <td width="35%" class="align_gauche"><fb:login-button size="large" onlogin="window.location='/facebook_connect.forum'" v="2" scope="{switch_user_login_form_header.switch_fb_connect.L_FB_PERMISSIONS}">{switch_user_login_form_header.switch_fb_connect.L_FB_LOGIN_BUTTON}</fb:login-button></td>
                  </tr>
                </table>
            </td>
          </tr>
      </table>
      <!-- END switch_fb_connect -->
    </form>
    <!-- END switch_user_login_form_header -->
    {CHATBOX_TOP}
    {BOARD_INDEX}
    <table width="100%" border="0" cellspacing="0" cellpadding="0">
      <tr>
          <td width="50%" valign="top">
            <!-- BEGIN switch_user_logged_in -->
            <span class="gensmall"><a href="{U_MARK_READ}" class="gensmall">{L_MARK_FORUMS_READ}</a></span>
            <!-- END switch_user_logged_in -->
            <!-- BEGIN switch_delete_cookies -->
            <br /><span class="gensmall"><a href="{switch_delete_cookies.U_DELETE_COOKIES}" class="gensmall" rel="nofollow">{switch_delete_cookies.L_DELETE_COOKIES}</a></span>
            <!-- END switch_delete_cookies -->
          </td>
          <td width="50%" align="right">
            <span class="gensmall">
                <a href="{U_TODAY_ACTIVE}" class="gensmall">{L_TODAY_ACTIVE}</a><br />
                <a href="{U_TODAY_POSTERS}" class="gensmall">{L_TODAY_POSTERS}</a><br />
                <a href="{U_OVERALL_POSTERS}" class="gensmall">{L_OVERALL_POSTERS}</a>
                <!-- BEGIN switch_on_index -->
                  <!-- BEGIN switch_delete_cookies -->
                  <br /><a href="{switch_on_index.switch_delete_cookies.U_DELETE_COOKIES}" class="gensmall" rel="nofollow">{switch_on_index.switch_delete_cookies.L_DELETE_COOKIES}</a>
                  <!-- END switch_delete_cookies -->
                <!-- END switch_on_index -->
            </span>
          </td>
      </tr>
    </table>

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

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

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

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

    <!-- BEGIN disable_viewonline -->
    <div id="qeel">
      <div id="qeel_title">
        {L_WHO_IS_ONLINE}
      </div>
      <div id="qeel_groups">
        <a class="bulles_groupes" href="http://dreamforce12031961.forum-gratuit.be/g44-legende-du-forum"> <font color="#00FF99">Légende du Forum</font></a>
          <a class="bulles_groupes" href="http://dreamforce12031961.forum-gratuit.be/g1-administrateurs"> <font color="#8C2A2A">Administrateurs</font></a>
      <a class="bulles_groupes" href="http://dreamforce12031961.forum-gratuit.be/g24-moderateurs-forum"> <font color="#00FFFF">Modérateurs Forum</font></a>
          <a class="bulles_groupes" href="http://dreamforce12031961.forum-gratuit.be/g4-moderateurs-chat-box"> <font color="#0033FF">Modérateurs chat box</font></a>
        <a class="bulles_groupes" href="http://dreamforce12031961.forum-gratuit.be/g7-redacteur-soluce"> <font color="#FF9900">Rédacteur Soluce</font></a>
          <a class="bulles_groupes" href="http://dreamforce12031961.forum-gratuit.be/g10-redacteurs-strategie"> <font color="#6A027A">Rédacteurs stratégie</font></a>
          <a class="bulles_groupes" href="#"> <font color="#C3DB11">Shasseur</font></a>
          <a class="bulles_groupes" href="http://dreamforce12031961.forum-gratuit.be/g21-cloneur"> <font color="#FF00EE">Cloneur</font></a>
          <a class="bulles_groupes" href="http://dreamforce12031961.forum-gratuit.be/g28-graphistes"> <font color="#F7FF00">Graphistes</font></a>
            <a class="bulles_groupes" href="http://dreamforce12031961.forum-gratuit.be/g38-champions-d-arene"> <font color="#FF78FB">Champions d'arènes</font></a>
            <a class="bulles_groupes" href="http://dreamforce12031961.forum-gratuit.be/g46-animateurs"> <font color="#076119">Animateur</font></a>
                  <a class="bulles_groupes" href="http://dreamforce12031961.forum-gratuit.be/g41-membre"> <font color="#000000">Membres</font></a>
      </div>
      <div id="qeel_img_bloc">
        <img src="{L_ONLINE_IMG}" id="i_whosonline" alt="{L_WHO_IS_ONLINE}" />
        <div id="qeel_img_bloc_text">
          Text qui apparaît quand on passe sur l'image.
        </div>
      </div>
      <div id="qeel_stats">
        <div id="qeel_stats_title">
          Statistiques
        </div>
        {TOTAL_POSTS}<br />
        {TOTAL_USERS}<br />
        {NEWEST_USER}<br />
        {TOTAL_USERS_ONLINE}<br />
        {RECORD_USERS}<br />
        <div id="loggedlist">
          {LOGGED_IN_USER_LIST}
        </div>
        <table id="totalconn" cellspacing="0" cellpadding="0">
          {L_CONNECTED_MEMBERS}
        </table>
        <table id="birthtodayweek" cellspacing="0" cellpadding="0">
          {L_WHOSBIRTHDAY_TODAY}
          {L_WHOSBIRTHDAY_WEEK}
        </table>
      </div>
      <div id="rej_cb">
        <a href="/chatbox" target="_blank">
          Rejoindre la chat-box
        </a>
      </div>
    </div>
    <!-- END disable_viewonline -->
    {CHATBOX_BOTTOM}
    <br clear="all" />
    {AUTO_DST}

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



    • Revenir en haut
    Contenu sponsorisé

    • Revenir en haut
    « Voir le sujet précédent · Voir le sujet suivant »
      La date/heure actuelle est Ven 22 Nov 2024 - 23:11