AccueilFAQRechercherMembresGroupesS'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.


    Qeel paysan

    Partagez
    avatar
    Onyx
    FémininAge : 24Messages : 3134

    le Sam 20 Sep 2014 - 3:45

    Rappel du premier message :


    Qeel Paysan


    Voici un petit LS d'un qeel que j'ai fait pour la demande de Petitfermier, que j'ai un peu remanié. La decription des groupes apparaît là où il est inscrit "Vous pouvez survoler les groupes afin de voir leur description ~" quand on survole lesdits groupes.

    Pour voir l'aperçu : cliquez ici.

    Ce LS est en trois parties.
    • Tout d'abord, nous allons installer le qeel dans le template et regarder comment ajouter/supprimer/modifier des groupes
    • Puis, nous allons le mettre en forme à l'aide du CSS.
    • Enfin, nous allons voir comment changer les textes préprogrammés dans le qeel.

    Mettre un crédit vers Never-Utopia est obligatoire. Retirer un crédit est interdit.


    Merci de laisser un message pour donner vos impressions, commentaires et/ou remerciements ^^


    1. Corps du qeel (Template Index_Body)


    Nous allons commencer par aller dans les templates, plus précisément dans le template "Index_body" .

    Pour cela, nous allons aller dans :
    > PANNEAU D'ADMINISTRATION
    > > AFFICHAGE
    > > > TEMPLATES
    > > > > GÉNÉRAL
    > > > > > INDEX_BODY

    Puis, il va nous falloir trouver le "BEGIN disable_viewonline" et le "END disable_viewonline". Normalement, ils sont respectivement aux lignes 173 et 221 du template.

    Nous allons remplacer tout ce qu'il y a entre ces deux lignes par :
    Code:
    <link href='http://fonts.googleapis.com/css?family=Pacifico|Handlee|Open+Sans' rel='stylesheet' type='text/css' />
    <div align="center">
    <table class="qeel_box" width="100%" border="0" cellpadding="0" cellspacing="10">
      <tr>
        <td colspan="3">
          <span class="qeel_title"><a href="{U_VIEWONLINE}" rel="nofollow">{L_WHO_IS_ONLINE}</a></span>
        </td>
      </tr>
      <tr>
        <td colspan="3" class="qeel_box_td qeel_box2">
          <div id="loggedlist"><table>{LOGGED_IN_USER_LIST}</table></div>
          <div class="qeel_line"></div>
          <div id="totalconn"><table>{L_CONNECTED_MEMBERS}</table></div>
          <script type="text/javascript">
            document.getElementById('loggedlist').innerHTML=document.getElementById('loggedlist').innerHTML.replace(/Utilisateurs enregistrés/,"Paysans connectés");
            document.getElementById('totalconn').innerHTML=document.getElementById('totalconn').innerHTML.replace(/Membres connectés au cours des 24 dernières heures/,"Paysans connectés récemment");
            document.getElementById('totalconn').innerHTML=document.getElementById('totalconn').innerHTML.replace(/Membres connectés au cours des 48 dernières heures/,"Paysans connectés récemment");
            document.getElementById('totalconn').innerHTML=document.getElementById('totalconn').innerHTML.replace(/Membres connectés au cours des 99 dernières heures/,"Paysans connectés récemment");
          </script>
        </td>
      </tr>
      <tr>
        <td class="qeel_box_td qeel_box3" width="50%">
          <div id="birthtoday"><table>{L_WHOSBIRTHDAY_TODAY}</table></div>
          <div class="qeel_line"></div>
          <div id="birthweek"><table>{L_WHOSBIRTHDAY_WEEK}</table></div>
          <script type="text/javascript">
            document.getElementById('birthtoday').innerHTML=document.getElementById('birthtoday').innerHTML.replace(/membre/,"paysan");
            document.getElementById('birthtoday').innerHTML=document.getElementById('birthtoday').innerHTML.replace(/membres/,"paysans");
            document.getElementById('birthweek').innerHTML=document.getElementById('birthweek').innerHTML.replace(/membre/,"paysans");
            document.getElementById('birthweek').innerHTML=document.getElementById('birthtweek').innerHTML.replace(/membres/,"paysan");
          </script>
        </td>
        <td class="qeel_box4">
          <img src="http://jeremysquires.smugmug.com/Aquarium-Journal-2009-Updates/i-32MqCBS/2/S/galaxy_rasbora_v2_666%20x%20800-S.jpg" alt=" " />
        </td>
        <td class="qeel_box_td qeel_box5" valign="top" align="center" width="50%">
          <div id="groupe1" class="groupes">
            <a href="#">Groupe 1</a>
          </div>
          <div id="groupe2" class="groupes">
            <a href="#">Groupe 2</a>
          </div>
          <div id="groupe3" class="groupes">
            <a href="#">Groupe 3</a>
          </div>
          <div id="groupe4" class="groupes">
            <a href="#">Groupe 4</a>
          </div>
            <div class="qeel_infobulles">
              Vous pouvez survoler les groupes afin de voir leur description ~
            </div>
            <div class="qeel_infobulles" id="qeel_infobulle1">
              Description du groupe 1
            </div>
            <div class="qeel_infobulles" id="qeel_infobulle2">
              Description du groupe 2
            </div>
            <div class="qeel_infobulles" id="qeel_infobulle3">
              Description du groupe 3
            </div>
            <div class="qeel_infobulles" id="qeel_infobulle4">
              Description du groupe 4
            </div>
        </td>
      </tr>
      <tr>
        <td colspan="3" class="qeel_box_td">
          <span id="recorduser">{RECORD_USERS}</span>.
          <span id="totaluser">{TOTAL_USERS}</span>
          <span id="totalpost">{TOTAL_POSTS}</span>.
          <span id="newuser">{NEWEST_USER}</span>.
          <span id="totalonline">{TOTAL_USERS_ONLINE}</span>
          <div id="chatters_stats">
            <span id="totalchatter">{TOTAL_CHATTERS_ONLINE}</span>
            <span id="chatterlist">{CHATTERS_LIST}</span>
          </div>
          <script type="text/javascript">
            document.getElementById('recorduser').innerHTML=document.getElementById('recorduser').innerHTML.replace(/d'utilisateurs en ligne est/,"de paysans en ligne a été");
            document.getElementById('totaluser').innerHTML=document.getElementById('totaluser').innerHTML.replace(/Nous avons/,"Nous avons un total de");
            document.getElementById('totaluser').innerHTML=document.getElementById('totaluser').innerHTML.replace(/membre enregistré/,"paysan inscrit");
            document.getElementById('totaluser').innerHTML=document.getElementById('totaluser').innerHTML.replace(/membres enregistrés/,"paysans inscrits");
            document.getElementById('totalpost').innerHTML=document.getElementById('totalpost').innerHTML.replace(/Nos membres ont posté un total de/," qui ont posté");
            document.getElementById('newuser').innerHTML=document.getElementById('newuser').innerHTML.replace(/L'utilisateur enregistré le plus récent est/," Le dernier paysan qui nous a rejoint est");
            document.getElementById('totalonline').innerHTML=document.getElementById('totalonline').innerHTML.replace(/Il y a en tout/,"Il y a");
            document.getElementById('totalonline').innerHTML=document.getElementById('totalonline').innerHTML.replace(/utilisateurs en ligne ::/,"paysans en ligne, soit");
            document.getElementById('totalonline').innerHTML=document.getElementById('totalonline').innerHTML.replace(/utilisateur en ligne ::/,"paysan en ligne, dont");
            document.getElementById('totalonline').innerHTML=document.getElementById('totalonline').innerHTML.replace(/Enregistrés/,"Inscrits");
            document.getElementById('totalonline').innerHTML=document.getElementById('totalonline').innerHTML.replace(/Enregistré/,"Inscrit");
            document.getElementById('totalonline').innerHTML=document.getElementById('totalonline').innerHTML.replace(/Invités /,"Invités.");
            document.getElementById('totalonline').innerHTML=document.getElementById('totalonline').innerHTML.replace(/Invité /,"Invité.");
            document.getElementById('totalchatter').innerHTML=document.getElementById('totalchatter').innerHTML.replace(/utilisateur/,"paysan");
            document.getElementById('totalchatter').innerHTML=document.getElementById('totalchatter').innerHTML.replace(/ChatBox/,"ChatBox : ");
          </script>
        </td>
      </tr>
    </table>
    </div>

    Pour ce qui est rajouter, d'enlever ou de modifier un groupe, cela se fait par deux manipulations. Premièrement, on ajoute/enlève/modifie le nom du groupe. Puis, on enlève/ajoute/modifie la description du groupe.

    Les noms des groupes ressemblent à ceci :
    Code:
            <div id="groupe1" class="groupes">
            <a href="#">Groupe 1</a>
          </div>

    Quant aux descriptions des groupes, elles correspondent à ceci :
    Code:
            <div class="qeel_infobulles" id="qeel_infobulle1">
              Description du groupe 1
            </div>



    2. Mise en forme (CSS)


    Si vous regardez votre qeel, vous voyez sans doute que ce n'est pas très esthétique pour le moment. Du coup, nous allons mettre en forme notre qeel à l'aide du CSS.

    Pour cela, nous allons aller dans :
    > PANNEAU D'ADMINISTRATION
    > > AFFICHAGE
    > > > IMAGES ET COULEURS
    > > > > COULEURS
    > > > > > FEUILLE DE STYLE CSS

    Puis, nous allons ajouter le CSS suivant :
    Code:
    /************************************************** QEEL **************************************************/
    /*Fond du qeel*/
    .qeel_box {
      margin-top: 20px;
      background: #ac8b60;
      border: 1px solid #3f2600;
      box-shadow: 0px 0px 10px #3f2600;
      border-radius: 25px;
      text-align: left;
    }
    /*Cellules du qeel*/
    .qeel_box_td {
      background: #83871f;
      border: solid 1px #3f4511;
      border-radius: 15px;
      padding: 10px;
      font-size: 13px;
      font-family: Open Sans;
      color: #0b1906;
      text-align: left;
    }
    /*Ligne pointillée dans les membres connectés et les anniversaires*/
    .qeel_line {
      border-top: 1px #3f4511 dashed;
      height: 0px;
      margin-top: 5px;
      margin-bottom: 5px;
    }

    /*Titre du qeel*/
    .qeel_title a {
      display: inline-block;
      margin-left: 10px;
      font-size: 32px;
      font-family: Pacifico;
      color: #291900;
      letter-spacing: 0px;
      transition: 0.5s;
      -webkit-transition: 0.5s;
    }
    /*Titre du qeel au survol*/
    .qeel_title a:hover {
      text-decoration: none!important;
      letter-spacing: 5px;
    }

    /*Bloc des membres connectés*/
    .qeel_box2 {
      padding: 5px;
    }
    /*Bloc des membres connectés actuellement*/
    #loggedlist {
      padding-right: 5px;
      max-height: 5em;
      overflow: auto;
      text-align: justify;
    }
    /*Les membres connectés récemment*/
    #totalconn {
      padding-right: 5px;
      max-height: 5em;
      overflow: auto;
      text-align: justify;
    }

    /*Les anniversaires aujourdhui*/
    #birthtoday {
      height: 133px;
      padding-right: 5px;
      overflow: auto;
      text-align: center;
    }
    /*Les anniversaires au cours des 7 prochains jours*/
    #birthweek {
      height: 134px;
      padding-right: 5px;
      overflow: auto;
      text-align: center;
    }

    /*Image du milieu*/
    .qeel_box4 img {
      width: 250px;
      height: 300px;
      border: solid 1px #3f4511;
      border-radius: 15px;
    }

    /*Bloc des groupes*/
    .qeel_box5 {
      text-align: center;
    }
    /*Groupes*/
    .groupes {
      height: 35px;
      text-align: center;
      text-shadow: 1px 1px 1px #3f4511;
    }
    /*Couleur du groupe 1*/
    #groupe1 a, #groupe1 a:hover {
      color: #6c0000;
    }
    /*Couleur du groupe 2*/
    #groupe2 a, #groupe2 a:hover {
      color: #0ba7b5;
    }
    /*Couleur du groupe 3*/
    #groupe3 a, #groupe3 a:hover {
      color: #fc79f3;
    }
    /*Couleur du groupe 4*/
    #groupe4 a, #groupe4 a:hover {
      color: #c7c0a3;
    }
    /*Description des groupes*/
    .qeel_infobulles {
      height: 130px;
      overflow: auto;
      background: #9a9e33;
      border-radius: 10px;
      text-shadow: none;
      color: #0b1906;
      padding: 5px;
      transition: 0.5s;
      -webkit-transition: 0.5s;
    }
    /*Description des groupes sans survol*/
    #qeel_infobulle1, #qeel_infobulle2, #qeel_infobulle3, #qeel_infobulle4 {
      position: relative;
      z-index: 1;
      margin-top: -140px;
      opacity: 0;
      filter: alpha(opacity=0);
      transform: rotate(-180deg);
      -ms-transform: rotate(-180deg);
      -webkit-transform: rotate(-180deg);
    }
    /*Apparition de la description des groupes*/
    #groupe1:hover ~ #qeel_infobulle1, #groupe2:hover ~ #qeel_infobulle2, #groupe3:hover ~ #qeel_infobulle3, #groupe4:hover ~ #qeel_infobulle4 {
      opacity: 1;
      filter: alpha(opacity=100);
      transform: rotate(0deg);
      -ms-transform: rotate(0deg);
      -webkit-transform: rotate(0deg);
    }

    /*Liste des membres sur la CB*/
    #chatters_stats {
      padding-right: 3px;
      max-height: 5em;
      overflow: auto;
      text-align: justify;
    }

    /*Écriture des aniversaires et des membres connectés récemment*/
    #totalconn td.row1, #birthtoday td.row1 {
      background: transparent;
      padding: 0px;
      display: inline;
    }
    #totalconn td.row1 span.gensmall, #birthtoday td.row1 span.gensmall {
      font-size: 13px;
      padding: 0px;
      font-family: Open Sans;
      color: #0b1906;
    }
    /************************************************** FIN DU QEEL **************************************************/



    3. Personnaliser les textes (Template Index_Body)


    De base, ForumActif a des phrases déjà formatées pour le qeel.
    Par exemple, il y a "Nous avons X membre enregistré", "Nos membres ont posté un total de X messages" ou encore "L'utilisateur enregistré le plus récent est NOM".

    Dans mon qeel, j'ai modifiés ces phrases pour que cela donne "Nous avons un total de X paysan", "qui ont posté X messages" et "Le dernier paysan qui nous a rejoint est NOM".


    Mais peut-être que vous n'aimez pas ces phrases ou que vous voulez les adapter autrement. Alors direction le template "Index_body"!

    Vous trouverez à plusieurs endroits des parties de code qui ressemblent à ceci :
    Code:
    <script type="text/javascript">     
            document.getElementById('newuser').innerHTML=document.getElementById('newuser').innerHTML.replace(/L'utilisateur enregistré le plus récent est/," Le dernier paysan qui nous a rejoint est")
        </script>


    Ce sont ces bouts de codes qui viennent modifier les phrases préfabriqués de ForumActif. Donc pour commencer, il faut tout d'abord regarder sur quelle phrase préfabriquée le code agit.

    Pour cela, nous allons regarder le début du code où il y a :
    Code:
    document.getElementById('newuser')

    Ce qu'il y a entre parenthèses correspond l'id de la phrase qui est affectée.
    Le "newuser" veut donc dire que cela affecte la phrase :
    "L'utilisateur enregistré le plus récent est NOM".


    Dans ce qeel, chaque phrase préfabriqué à son propre id. Les voici :
    • newuser : "L'utilisateur enregistré le plus récent est NOM"

    • totalpost : "Nos membres ont posté un total de X messages"

    • totaluser : "Nous avons X membre enregistré"

    • totalonline : "Il y a en tout X utilisateur en ligne :: X Enregistré, X Invisible et X Invité"

    • recorduser : "Le record du nombre d'utilisateurs en ligne est de X le DATE"

    • loggedlist : "Utilisateurs enregistrés : NOM"

    • totalconn : "Membres connectés au cours des 24 dernières heures : NOM"

    • totalchatter : "Il y a actuellement X utilisateur(s) sur la ChatBox"


    Maintenant fois qu'on sait qu'elle phrase est affectée, nous allons la modifier.

    Donc, on va à la fin de la ligne de code qu'on parlait tout à l'heure et on trouve le :
    Code:
    replace(/L'utilisateur enregistré le plus récent est/," Le dernier paysan qui nous a rejoint est");

    On met la partie qu'on veut remplacer entre les / / par ce qui la remplace entre les " ".

    C'est tout aussi simple que cela! À savoir que s'il y a des phrases au pluriel ET au singulier, il faut s'assurer de bien modifier les deux options.

    Si vous avez des problèmes avec ce LS, venez poster ici.


    À plus !


    Dernière édition par Onyx le Ven 4 Mai 2018 - 23:56, édité 5 fois



    avatar
    marie-noelle
    FémininAge : 60Messages : 109

    le Dim 3 Avr 2016 - 19:21

    jolie campagne
    avatar
    Fuyuka
    FémininAge : 24Messages : 62

    le Mer 6 Avr 2016 - 22:47

    Merciiiiiii !
    avatar
    l'intruse
    FémininAge : 24Messages : 39

    le Jeu 7 Avr 2016 - 4:38

    Génial!! :joie: C'est exactement ce dont j'avais besoin! Merci! :heart: :heart:
    avatar
    C. Hook
    FémininAge : 21Messages : 45

    le Mer 8 Juin 2016 - 20:07

    merci !
    avatar
    HazelW
    FémininAge : 25Messages : 51

    le Jeu 18 Aoû 2016 - 23:02

    Merci !



    avatar
    Invité

    le Mar 23 Aoû 2016 - 15:02

    Merci pour ce LS !!
    avatar
    wiise
    FémininAge : 25Messages : 50

    le Sam 17 Sep 2016 - 21:48

    Très chouette !



    avatar
    SuperSpaceCab
    MasculinAge : 34Messages : 36

    le Jeu 22 Sep 2016 - 6:24

    Merci !
    avatar
    Mystigri
    FémininAge : 15Messages : 97

    le Ven 7 Oct 2016 - 19:09

    Rendu sympa =3



    avatar
    ajmm
    FémininAge : 29Messages : 14

    le Ven 14 Oct 2016 - 18:08

    Merci! C'est super!
    avatar
    Ehlana
    FémininAge : 29Messages : 39

    le Dim 13 Nov 2016 - 13:33

    Merci pour le code o/
    avatar
    Patou972
    FémininAge : 39Messages : 172

    le Dim 13 Nov 2016 - 16:01

    merci beaucoup
    avatar
    Scratpub
    FémininAge : 29Messages : 73

    le Lun 5 Déc 2016 - 22:38

    Très sympa ! Merci !!!
    avatar
    Orochimaru
    FémininAge : 28Messages : 209

    le Sam 10 Déc 2016 - 2:29

      Très joli & Beau travail Very Happy
      Merci du partage (:



    Orochimaru

    " Les proies doivent toujours faire preuve de la plus grande vigilance, lorsqu'elles tentent d'échapper à leur prédateur. Tout ce qu'une proie peut espérer de son prédateur, c'est qu'il daigne la laisser tranquille après avoir eu ce qu'il voulait."
    avatar
    Zekarant
    MasculinAge : 17Messages : 51

    le Ven 6 Jan 2017 - 20:10

    Merci bien !
    avatar
    Ombeline30
    FémininAge : 33Messages : 124

    le Dim 22 Jan 2017 - 12:58

    Un grand merci pour ce partage et ce très beau travail <3
    avatar
    myka63
    MasculinAge : 30Messages : 5

    le Lun 6 Mar 2017 - 23:40

    Je veux bien essayer merci.
    avatar
    Zibeline
    FémininAge : 33Messages : 84

    le Lun 13 Mar 2017 - 4:01

    Merci pour ce partage
    avatar
    Solitude
    FémininAge : 43Messages : 286

    le Lun 27 Mar 2017 - 15:13

    merci



    ~ Je suis capable du meilleur comme du pire, mais dans le pire c'est moi la meilleure. ~
    avatar
    Lilandrile
    FémininAge : 32Messages : 58

    le Lun 10 Avr 2017 - 19:54

    merci pour le partage :)
    avatar
    Maxine Evans
    FémininAge : 24Messages : 94

    le Mar 6 Juin 2017 - 14:17

    j'aime beaucoup
    avatar
    Ghost of Darkness
    FémininAge : 24Messages : 43

    le Jeu 8 Juin 2017 - 14:05

    Trop mignon ce QEEL je l'adore ♥ Merci merci



    Ghost of Darkness
    All my friends are heathens, take it slow. Wait for them to ask you who you know. Please dont make any sudden moves. You don't know the half od the abuse.


    avatar
    Sophie2
    FémininAge : 54Messages : 64

    le Jeu 28 Sep 2017 - 8:50

    Merci
    avatar
    Brunehaut
    FémininAge : 49Messages : 9

    le Mar 21 Nov 2017 - 9:57

    Merci beaucoup, trop beau !
    avatar
    Féli
    FémininAge : 36Messages : 116

    le Ven 12 Oct 2018 - 16:42

    merci, très beau mais j'ai un soucis avec ... et je ne sais pas pourquoi, mais mon template ne peut être validé apparemment...

    Code:
    <!-- DEBUT  http://forum-theme.forumperso.com/t9544-qeel-pink -->


    {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="" 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><br />
        <!-- END message_admin_index -->

        <!-- BEGIN switch_user_login_form_header -->
        <form action="{S_LOGIN_ACTION}" method="post" name="form_login">
       

        <!-- 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">{switch_delete_cookies.L_DELETE_COOKIES}</a></span>
        <!-- END switch_delete_cookies -->
        </td>
        <td width="50%" align="right">
        <span class="gensmall">
        <a href="{U_TODAY_ACTIVE}" class="gensmall">{L_TODAY_ACTIVE}</a><br />
        <a href="{U_TODAY_POSTERS}" class="gensmall">{L_TODAY_POSTERS}</a><br />
        <a href="{U_OVERALL_POSTERS}" class="gensmall">{L_OVERALL_POSTERS}</a>
        <!-- BEGIN switch_on_index -->
        <!-- BEGIN switch_delete_cookies -->
        <br /><a href="{switch_on_index.switch_delete_cookies.U_DELETE_COOKIES}" class="gensmall">{switch_on_index.switch_delete_cookies.L_DELETE_COOKIES}</a>
        <!-- END switch_delete_cookies -->
        <!-- END switch_on_index -->
        </span>
        </td>
        </tr>
        </table>

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

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

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

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




              <!-- BEGIN disable_viewonline -->
    <link href='http://fonts.googleapis.com/css?family=Pacifico|Handlee|Open+Sans' rel='stylesheet' type='text/css' />
    <div align="center">
    <table class="qeel_box" width="100%" border="0" cellpadding="0" cellspacing="10">
      <tr>
        <td colspan="3">
          <span class="qeel_title"><a href="{U_VIEWONLINE}" rel="nofollow">{L_WHO_IS_ONLINE}</a></span>
        </td>
      </tr>
      <tr>
        <td colspan="3" class="qeel_box_td qeel_box2">
          <div id="loggedlist"><table>{LOGGED_IN_USER_LIST}</table></div>
          <div class="qeel_line"></div>
          <div id="totalconn"><table>{L_CONNECTED_MEMBERS}</table></div>
          <script type="text/javascript">
            document.getElementById('loggedlist').innerHTML=document.getElementById('loggedlist').innerHTML.replace(/Utilisateurs enregistrés/,"Membres connectés");
            document.getElementById('totalconn').innerHTML=document.getElementById('totalconn').innerHTML.replace(/Membres connectés au cours des 24 dernières heures/,"Membres connectés récemment");
            document.getElementById('totalconn').innerHTML=document.getElementById('totalconn').innerHTML.replace(/Membres connectés au cours des 48 dernières heures/,"Membres connectés récemment");
            document.getElementById('totalconn').innerHTML=document.getElementById('totalconn').innerHTML.replace(/Membres connectés au cours des 99 dernières heures/,"Membres connectés récemment");
          </script>
        </td>
      </tr>
      <tr>
        <td class="qeel_box_td qeel_box3" width="50%">
          <div id="birthtoday"><table>{L_WHOSBIRTHDAY_TODAY}</table></div>
          <div class="qeel_line"></div>
          <div id="birthweek"><table>{L_WHOSBIRTHDAY_WEEK}</table></div>
          <script type="text/javascript">
            document.getElementById('birthtoday').innerHTML=document.getElementById('birthtoday').innerHTML.replace(/membre/,"membre");
            document.getElementById('birthtoday').innerHTML=document.getElementById('birthtoday').innerHTML.replace(/membres/,"membres");
            document.getElementById('birthweek').innerHTML=document.getElementById('birthweek').innerHTML.replace(/membre/,"membres");
            document.getElementById('birthweek').innerHTML=document.getElementById('birthtweek').innerHTML.replace(/membres/,"membre");
          </script>
        </td>
        <td class="qeel_box4">
          <img src="http://recueil-de-png.r.e.pic.centerblog.net/8cc2960d.png" alt="Qui est en Ligne" />
        </td>
        <td class="qeel_box_td qeel_box5" valign="top" align="center" width="50%">
          <div id="groupe1" class="groupes">
            <a href="http://feli.forumactif.org/g2-fondatrice">Fondatrice et Admin</a>
          </div>
          <div id="groupe2" class="groupes">
            <a href="http://feli.forumactif.org/g3-la-premiere-dame">La 1re Dame et Admin</a>
          </div>
          <div id="groupe3" class="groupes">
            <a href="http://feli.forumactif.org/g4-la-seconde-dame">La 2nde Dame et Admin</a>
          </div>
          <div id="groupe4" class="groupes">
            <a href="http://feli.forumactif.org/g5-animation">Animation</a>
          </div>
          <div id="groupe5" class="groupes">
            <a href="http://feli.forumactif.org/g7-les-fideles">Les Fidèles</a>
          </div>
          <div id="groupe6" class="groupes">
            <a href="http://feli.forumactif.org/g13-les-anciens">Les Anciens</a>
          </div>
          <div id="groupe7" class="groupes">
            <a href="http://feli.forumactif.org/g9-se-presenter-et-signer-le-reglement">Se présenter et Règlement</a>
          </div>
          <div id="groupe8" class="groupes">
            <a href="http://feli.forumactif.org/g12-e-mail-incorrect">E-mail incorrect</a>
          </div>
          <div id="groupe9" class="groupes">
            <a href="http://feli.forumactif.org/g11-carton-rouge">Carton Rouge</a>
          </div>
          <div class="qeel_infobulles">Vous pouvez survoler les groupes afin de voir leur description ~
          </div>
            <div class="qeel_infobulles" id="qeel_infobulle1">
              FELI : la fondatrice du forum. Gère entièrement forum de A à Z. Administratrice principale.
            </div>
            <div class="qeel_infobulles" id="qeel_infobulle2">
              BROOK : aide Féli quand cela est nécessaire. Seconde administratrice du forum.
            </div>
            <div class="qeel_infobulles" id="qeel_infobulle3">
              MANDHIM : aide Féli et Brook quand cela est nécessaire. Troisième administratrice du forum.
            </div>
            <div class="qeel_infobulles" id="qeel_infobulle4">
              Animent le forum et aident à la création de messages ainsi qu'à fidéliser les membres.
            </div>
            <div class="qeel_infobulles" id="qeel_infobulle5">
              Les membres fidèles qui viennent quand cela est possible (ayant posté au moins une fois en moins de 6 mois).
            </div>
            <div class="qeel_infobulles" id="qeel_infobulle6">
              Les membres absents (messages) depuis plus de 6 mois.
            </div>
            <div class="qeel_infobulles" id="qeel_infobulle7">
              Tous les membres venant de s'inscrire doivent signer le règlement puis se présenter. Une fois cela effectué, le forum est ouvert.
            </div>
            <div class="qeel_infobulles" id="qeel_infobulle8">
              Les membres qui n'ont pas d'adresse e-mail correct ne peuvent pas recevoir les newsletters.
            </div>
            <div class="qeel_infobulles" id="qeel_infobulle9">
              Toute personne malveillante au forum et à ses membres n'a plus accès à ce forum.
            </div>
        </td>
      </tr>
      <tr>
        <td colspan="3" class="qeel_box_td">
          <span id="recorduser">{RECORD_USERS}</span>.
          <span id="totaluser">{TOTAL_USERS}</span>
          <span id="totalpost">{TOTAL_POSTS}</span>.
          <span id="newuser">{NEWEST_USER}</span>.
          <span id="totalonline">{TOTAL_USERS_ONLINE}</span>
          <div id="chatters_stats">
            <span id="totalchatter">{TOTAL_CHATTERS_ONLINE}</span>
            <span id="chatterlist">{CHATTERS_LIST}</span>
          </div>
          <script type="text/javascript">
            document.getElementById('recorduser').innerHTML=document.getElementById('recorduser').innerHTML.replace(/d'utilisateurs en ligne est/,"de membres en ligne a été");
            document.getElementById('totaluser').innerHTML=document.getElementById('totaluser').innerHTML.replace(/Nous avons/,"Nous avons un total de");
            document.getElementById('totaluser').innerHTML=document.getElementById('totaluser').innerHTML.replace(/membre enregistré/,"membre inscrit");
            document.getElementById('totaluser').innerHTML=document.getElementById('totaluser').innerHTML.replace(/membres enregistrés/,"membres inscrits");
            document.getElementById('totalpost').innerHTML=document.getElementById('totalpost').innerHTML.replace(/Nos membres ont posté un total de/," qui ont posté");
            document.getElementById('newuser').innerHTML=document.getElementById('newuser').innerHTML.replace(/L'utilisateur enregistré le plus récent est/," Le dernier membre qui nous a rejoint est");
            document.getElementById('totalonline').innerHTML=document.getElementById('totalonline').innerHTML.replace(/Il y a en tout/,"Il y a");
            document.getElementById('totalonline').innerHTML=document.getElementById('totalonline').innerHTML.replace(/utilisateurs en ligne ::/,"membres en ligne, soit");
            document.getElementById('totalonline').innerHTML=document.getElementById('totalonline').innerHTML.replace(/utilisateur en ligne ::/,"membre en ligne, dont");
            document.getElementById('totalonline').innerHTML=document.getElementById('totalonline').innerHTML.replace(/Enregistrés/,"Inscrits");
            document.getElementById('totalonline').innerHTML=document.getElementById('totalonline').innerHTML.replace(/Enregistré/,"Inscrit");
            document.getElementById('totalonline').innerHTML=document.getElementById('totalonline').innerHTML.replace(/Invités /,"Invités.");
            document.getElementById('totalonline').innerHTML=document.getElementById('totalonline').innerHTML.replace(/Invité /,"Invité.");
            document.getElementById('totalchatter').innerHTML=document.getElementById('totalchatter').innerHTML.replace(/utilisateur/,"membre");
            document.getElementById('totalchatter').innerHTML=document.getElementById('totalchatter').innerHTML.replace(/ChatBox/,"ChatBox : ");
          </script>
        </td>
      </tr>
    </table>
    </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 -->

    <!-- BEGIN switch_legend -->
    <table border="0" cellspacing="3" cellpadding="0" align="center">
      <tr>
          <td align="center" width="20"><img src="{FORUM_NEW_IMG}" alt="{L_NEW_POSTS}" /></td>
          <td><span class="gensmall">{L_NEW_POSTS}</span></td>
          <td></td>
          <td align="center" width="20"><img src="{FORUM_IMG}" alt="{L_NO_NEW_POSTS}" /></td>
          <td><span class="gensmall">{L_NO_NEW_POSTS}</span></td>
          <td> &nbsp;</td>
          <td align="center" width="20"><img src="{FORUM_LOCKED_IMG}" alt="{L_FORUM_LOCKED}" /></td>
          <td><span class="gensmall">{L_FORUM_LOCKED}</span></td>
      </tr>
    </table>
    <!-- END switch_legend -->

    <!-- FIN  http://forum-theme.forumperso.com/t9544-qeel-pink -->

    Erreur
    La balise a été fermée avant d'avoir été ouverte ou la balise n'a pas été ouverte.

    Or, rien n'est mis en rouge, j'ai beau regardé partout dans mon template, je ne vois pas l'erreur... du coup, impossible à mettre sur mon forum.

    Sniff ! Si quelqu'un peut m'aider, merci



    Contenu sponsorisé


      La date/heure actuelle est Ven 19 Oct 2018 - 21:21