It is currently Thu 29 Sep 2016 - 17:14 - créer un forum

Tutoriel] Membres connectés au chat dans le Qui Est En Ligne

Skip to content

Post new topic Reply to topic Goto page: 1, 2, 3  >

Tutoriel] Membres connectés au chat dans le Qui Est En Ligne
Author Message
Kyosuke
Contributeurs


Offline
Contributeurs

Joined: 30 Mar 2009
Posts: 436
Niveau:
Point(s): 532
Moyenne: 1.22
Windows 8 ou 10 Chrome (ou l'un de ses dérivés : Chromium/Iron/...) Masculin

PostPosted: Sat 1 Mar 2014 - 06:13    Post subject: Tutoriel] Membres connectés au chat dans le Qui Est En Ligne Reply with quote

PublicitéSupprimer les publicités ?

Tutoriel: Afficher la liste des membres connectés au chat dans la partie "Qui est en ligne"


Ce tutoriel va vous permettre d'afficher la liste des membres connectés au chat de votre forum dans la partie "qui est en ligne" de votre page d'accueil. Vos membres n'auront donc plus besoin de se connecter au tchat pour savoir quels sont les membres actuellement présents.



Attention : Si vous avez paramétré le chat de manière à ce que vos membres soient automatiquement connectés au chat, il est inutile d'utiliser ce tutoriel, le qui est en ligne étant suffisant pour savoir qui est en ligne sur votre tchat. En conséquence, le script ne se lancera pas.





Dernière mise à jour : le 10/10/14 : Plus facile à installer, la liste des utilisateurs s'actualise désormais automatiquement toutes les 5 secondes.




Pour commencer, accédez à votre panneau d'administration, rendez-vous dans la section thème, puis "modifier les templates".



Cette page vous permet de modifier les templates de votre forum, les templates sont le coeur de votre forum, sans eux, il ne pourrait pas s'afficher correctement. Pensez à faire des sauvegardes de vos templates avant d'effectuer la moindre opération.

Nous allons tout d'abord modifier le template "index_body.tpl", ce template correspond à la page d'accueil de votre forum.
Cliquez donc sur le bouton "modifier" situé à droite du nom du template.



Dans ce template, ajoutez le code suivant à l'endroit où vous désirez afficher le bloc qui contiendra la liste des utilisateurs connectés au chat de votre forum (de préférence, dans le pied de page de votre forum) :

Code: Sélectionner - Agrandir
<!-------- LISTE DES UTILISATEURS CONNECTES AU CHAT : DEBUT -------->
<div id="chat-users"></div>
<!-------- LISTE DES UTILISATEURS CONNECTES AU CHAT : FIN -------->


Cliquez sur le bouton "Enregistrer" pour enregistrer les modifications sur ce template.

Nous allons ensuite ajouter le script qui va se charger d'afficher la liste des utilisateurs connectés au tchat.

Pour cela, retournez sur la liste des templates, et modifiez le template "chat.tpl" :



Ajoutez ce code au début du template :

Code: Sélectionner - Agrandir
<!------------------------------------------------------------------------------
    AFFICHE LA LISTE DES UTILISATEURS CONNECTES AU CHAT DANS LE QUI EST EN LIGNE
    [DEBUT]
---->
<script type="text/javascript" src="http://pokemon.power.free.fr/xooit/xooitChat.js"></script>
<script type="text/javascript">
    chatUsers.init({
             /*
                    Modifiez ces paramètres comme vous le souhaitez
                    pour modifier l'apparence du bloc
            */
            fontSize: "13px", //Taille de la police d'écriture
            backgroundColor: "#FFF3C2", //Couleur de fond du bloc
            color: "#B16009", //Couleur du texte
            padding: "15px", //marge intérieure
            borderRadius: "5px", //taille des bords arrondis
            chatText: "le chat" //modifiez le terme par ce que vous voulez
    });
</script>
<!----
    AFFICHE LA LISTE DES UTILISATEURS CONNECTES AU CHAT DANS LE QUI EST EN LIGNE
    [FIN]
------------------------------------------------------------------------------->


Nous venons d'ajouter le script permettant d'afficher la liste des utilisateurs connectés au tchat de votre forum.
Sachez que vous pouvez modifier l'apparence du bloc en changeant les paramètres du script !

Par exemple, en fixant le paramètre fontSize à 20px, la taille du texte sera plus grande !


  • fontSize : Correspond à la taille du texte, plus la valeur est grande, plus le texte le sera.
  • backgroundColor : Correspond à la couleur de fond du bloc. Utilisez un code hexadécimal en vous aidant de ce site
  • color : Correspond à la couleur du texte du bloc. Utilisez un code hexadécimal en vous aidant de ce site
  • padding: Correspond aux marges intérieures, plus la valeur est grande et moins le texte sera collé aux bords du bloc
  • borderRadius: Correspond aux bords arrondis du bloc, plus la valeur est grande et plus les bords du bloc seront arrondis
  • chatText: Correspond au terme utilisé par le script pour afficher le nom du chat. Vous pouvez le remplacer par ce que vous souhaitez.


Vous avez terminé ? Et bien vous pouvez enregistrer le template en cliquant sur le bouton "Enregistrer" !




Le tutoriel s'achève ici, en accédant à la page d'accueil de votre forum, la liste des utilisateurs connectés au chat devrait s'afficher à l'endroit que vous avez choisi dès que la page a entièrement été chargée.

Si vous avez des questions, ou des suggestions pour améliorer ce script, n'hésitez pas.

Par avance, je m'excuse auprès des modérateurs, car je sais pertinemment que le sujet n'est pas à sa place.
J'ai souhaité répondre à la demande de chiffon tout en partageant ce script avec la communauté.
J'espère que ce sujet pourra être déplacé dans la section appropriée.




_______________________
Following members like this message:
kieffer (18/06/14), F4DYK Régis (27/11/14), Caline (23/07/16)


Last edited by Kyosuke on Fri 10 Oct 2014 - 21:12; edited 10 times in total
Forum
Author Message
chiffon
Membre


Offline
Membre

Joined: 03 Jan 2012
Posts: 6
Point(s): 5
Moyenne: 0.83
Firefox (ou l'un de ses dérivés : Minefield/Pale Moon/...) Féminin

PostPosted: Sat 1 Mar 2014 - 15:49    Post subject: Tutoriel] Membres connectés au chat dans le Qui Est En Ligne Reply with quote

Merci énormément pour le tuto encore une fois !
Ne retrouvant pas le bout du code que vous avez dit de modifier (car nous avons effectuer beaucoup de changement du thème de base, appalachia), je l'ai tout simplement copier/coller et placé tout à la fin de mon index_body, et du coup j'ai un "qui est en ligne ?" et un fond qui apparaissent (capture), j'ai trouvé un moyen de supprimer le texte "qui est en ligne ?" mais impossible de trouver comment enlever le fond, une idée ? Smile
Y a-t-il également possibilité de changer le "connectés sur le tchat" pour "connectés sur la chatbox" ?


Forum
Author Message
Kyosuke
Contributeurs


Offline
Contributeurs

Joined: 30 Mar 2009
Posts: 436
Niveau:
Point(s): 532
Moyenne: 1.22
Windows 8 ou 10 Chrome (ou l'un de ses dérivés : Chromium/Iron/...) Masculin

PostPosted: Sat 1 Mar 2014 - 19:17    Post subject: Tutoriel] Membres connectés au chat dans le Qui Est En Ligne Reply with quote

chiffon wrote:
j'ai trouvé un moyen de supprimer le texte "qui est en ligne ?" mais impossible de trouver comment enlever le fond, une idée ? Smile


Dans ton CSS, ajoute ceci :

Code: Sélectionner - Agrandir
table#who_is_online,
table#who_is_online tr td
{
   background-color:transparent
}


chiffon wrote:
Y a-t-il également possibilité de changer le "connectés sur le tchat" pour "connectés sur la chatbox" ?


J'ai ajouté une option qui permet de changer ce terme. Voir l'option chatText :
Il suffit d'ajouter cette option dans ton script et remplacer le terme par ce que tu souhaites.

Code: Sélectionner - Agrandir
chatUsers.init({
         /*
                Modifiez ces paramètres comme vous le souhaitez
                pour modifier l'apparence du bloc
        */
        fontSize: "13px", //Taille de la police d'écriture
        backgroundColor: "#FFF3C2", //Couleur de fond du bloc
        color: "#B16009", //Couleur du texte
        padding: "15px", //marge intérieure
        borderRadius: "5px", //taille des bords arrondis
        chatText: "le chat" //modifiez le terme par ce que vous voulez
});

_______________________


Forum
Author Message
chiffon
Membre


Offline
Membre

Joined: 03 Jan 2012
Posts: 6
Point(s): 5
Moyenne: 0.83
Firefox (ou l'un de ses dérivés : Minefield/Pale Moon/...) Féminin

PostPosted: Sat 1 Mar 2014 - 19:55    Post subject: Tutoriel] Membres connectés au chat dans le Qui Est En Ligne Reply with quote

Merci, c'est parfait c'est exactement ce que je voulais ! Merci pour la rapidité de réponse et encore une fois pour ce tuto Very Happy

Forum
Author Message
Gu!gan
VIP


Offline
VIP

Joined: 17 Jun 2004
Posts: 1,081
Niveau:
Point(s): 1,333
Moyenne: 1.23
Windows 8 ou 10 Chrome (ou l'un de ses dérivés : Chromium/Iron/...) Masculin Taureau (20avr-20mai) 龍 Dragon

PostPosted: Thu 6 Mar 2014 - 16:06    Post subject: Tutoriel] Membres connectés au chat dans le Qui Est En Ligne Reply with quote

Encore un truc qu'il faut que je regarde, ça a l'air vraiment sympa.
_______________________
(\__/)
(='.'=)
(")_(")
Voici Lapin. Copiez Lapin dans votre signature pour l'aider à concrétiser sa domination du monde


Forum
Author Message
Lily
Membre


Offline
Membre

Joined: 16 Jun 2014
Posts: 3
Niveau:
Point(s): 3
Moyenne: 1.00
Chrome (ou l'un de ses dérivés : Chromium/Iron/...) Féminin

PostPosted: Tue 17 Jun 2014 - 11:01    Post subject: Tutoriel] Membres connectés au chat dans le Qui Est En Ligne Reply with quote

Je retire  Embarassed  merci pour le tuto Smile

Forum
Author Message
kieffer
Membre


Offline
Membre

Joined: 12 Nov 2009
Posts: 411
Niveau:
Point(s): 396
Moyenne: 0.96
Mac Chrome (ou l'un de ses dérivés : Chromium/Iron/...) Masculin Gémeaux (21mai-20juin)

PostPosted: Wed 18 Jun 2014 - 11:31    Post subject: Tutoriel] Membres connectés au chat dans le Qui Est En Ligne Reply with quote

mince je l'est loupe celui-la sympa comme d'hab
_______________________
Membre fondateur de Graphcode
Forum d'entraide gratuit graphisme et code multi-plateformes
Ressources photoshop et gimp gratuites



Forum
Author Message
cosmos32


Offline
Guest




PostPosted: Sun 27 Jul 2014 - 12:10    Post subject: Tutoriel] Membres connectés au chat dans le Qui Est En Ligne Reply with quote

Ça ne marche pas avec moi, voici mes templates

Code: Sélectionner - Agrandir

     
    <!------------------------------------------------------------------------------
        AFFICHE LA LISTE DES UTILISATEURS CONNECTES AU CHAT DANS LE QUI EST EN LIGNE
        [DEBUT]
    ---->
    <script type="text/javascript" src="http://pokemon.power.free.fr/xooit/xooitChat.js"></script>
    <script type="text/javascript">
    window.onload = function () {
        chatUsers.init({
                 /*
                        Modifiez ces paramètres comme vous le souhaitez
                        pour modifier l'apparence du bloc
                */
                fontSize: "13px", //Taille de la police d'écriture
                backgroundColor: "#FFF3C2", //Couleur de fond du bloc
                color: "#B16009", //Couleur du texte
                padding: "15px", //marge intérieure
                borderRadius: "5px", //taille des bords arrondis
                chatText: "le chat" //modifiez le terme par ce que vous voulez
        });
    };
    </script>
    <!----
        AFFICHE LA LISTE DES UTILISATEURS CONNECTES AU CHAT DANS LE QUI EST EN LIGNE
        [FIN]
    ------------------------------------------------------------------------------->
<!------------------------------------------------------------------------------
            SYSTEME ANTISPAM
            [DEBUT]
        ---->
        <script type="text/javascript" src="http://pokemon.power.free.fr/xooit/xooitSpam.js"></script>
        <script type="text/javascript">
        window.onload = function () {
            xooitSpam.init({
                 /*
                        Modifiez ces paramètres comme vous le souhaitez
                        pour modifier le comportement de l'antispam
                */
                spamLimit: 3, //Le nombre d'avertissements à donner avant l'exclusion du tchat
                timeLabs: 2000, //Le temps nécessaire à attendre avant que l'utilisateur puisse envoyer un message sans recevoir d'avertissement (en millisecondes, 1000ms = 1s)
                cooldown: 60000, //la durée de l'exclusion du tchat (en millisecondes, 1000ms = 1s)
                banText: "s'est amusé a spammer le tchat",  //Message affiché lors d'une sanction
                endBanText: "Votre punition a été levée, veuillez faire attention la prochaine fois." //Message affiché lorsqu'une sanction est terminée
            });
        };
        </script>
        <!----
            SYSTEME ANTISPAM
            [FIN]
        -------------------------------------------------------------------------------><br />
    <div class="panel bg2"><div class="inner"><span class="corners-top"><span></span></span>
    <table class="forumline forum-table" border="0" cellspacing="1" width="100%">
     <tr>
      <th class="thTop" nowrap="nowrap"<!-- IF CHAT_SHOW_CONNECTED --> colspan="3"<!-- ENDIF -->>&nbsp;Chat&nbsp;</th>
     </tr>
     <tr class="bg2">
      <td class="row3" style="padding:3px"<!-- IF CHAT_SHOW_CONNECTED --> colspan="3"<!-- ENDIF -->>
       <div id="chatTopic" class="genmed" style="font-weight:bold">
        <div id="chatArchiveLink" style="display:none;float:right">
         <a href="javascript:void(0);">[{L_CHAT_ARCHIVES}]</a>
        </div>
        <!-- IF CHAT_AUTH_MOD -->
        <div id="chatAdminLink" style="display:none;float:right">
         <a href="javascript:void(0);">[{L_CHAT_ADMIN}]</a>
        </div>
        <div id="chatAdminMenu" style="display:none;float:right">
         <div id="chatAdminMenuDiv">
          <a id="chatAdminMenuTopic" href="javascript:void(0);">[{L_CHAT_CHANGE_TOPIC}]</a>
          <a id="chatAdminMenuBanned" href="javascript:void(0);">[{L_CHAT_BANNED_USERS}]</a>
          <a id="chatAdminMenuClear" href="javascript:void(0);">[{L_CHAT_CLEAR_MSGS}]</a>
          <a id="chatAdminMenuClose" href="javascript:void(0);">[{L_CHAT_CLOSE_ADMIN}]</a>
         </div>
        </div>
        <div id="chatConnectLink" style="float:right">
         <a href="javascript:void(0);">[{L_CHAT_CONNECTION}]</a>
        </div>
        <div id="chatDisconnectLink" style="float:right">
         <a href="javascript:void(0);">[{L_CHAT_DISCONNECTION}]</a>
        </div>
        <div id="chatTopicContainer"></div>
        <!-- ENDIF -->
       </div>
      </td>
     </tr>
     <tr class="bg1" style="width:100%">
      <td class="row1" style="padding:0;width:100%">
       <div id="chatList" style="height:100px;overflow:auto;width:100%">
        <table id="chatMsgContainer_table" class="forumline" border="0" cellspacing="1" width="100%" style="border:0">
         <tbody id="chatMsgContainer">
         </tbody>
        </table>
       </div>
      </td>
      <!-- IF CHAT_SHOW_CONNECTED -->
      <td id="chatGripTd" class="row2" style="width:3px;cursor:w-resize">&nbsp;</td>
      <td class="row1" style="vertical-align:top">
       <div id="chatConnectedDiv" style="width:100%;height:150px;overflow:auto"></div>
      </td>
      <!-- ENDIF -->
     </tr>
     <tr class="bg2">
      <td class="row1"<!-- IF CHAT_SHOW_CONNECTED --> colspan="3"<!-- ENDIF -->>
      <img src="http://img.xooimage.com/files5/d/6/7/grip-115818.gif" width="11" height="11" alt="resize" style="cursor:n-resize;float:right;padding-top:10px" id="chatVGrip" title="{L_CHAT_RESIZE}" /><img src="http://img.xooimage.com/files10/5/e/a/window-115821.gif" style="cursor:pointer;padding-top:10px;padding-right:3px;width:11px;height:11px;float:right;" onclick="window.open('{U_CHAT}','_blank','menubar=no,toolbar=no,resizable=yes,scrollbars=yes');" title="{L_CHAT_OPEN_POPUP}" id="chatPopupButton" /><input id="chatButtonF" type="button" class="liteoption button2" style="background-position:center;background-repeat:no-repeat" title="{L_CHAT_HELP_SOUND}" value="   " /><input id="chatButtonG" type="button" class="liteoption button2" style="font-weight:bold" title="{L_CHAT_HELP_BOLD}" value=" G " /><input id="chatButtonI" type="button" class="liteoption button2" style="font-style:italic" title="{L_CHAT_HELP_ITALIC}" value=" I " /><input id="chatButtonC" type="button" class="liteoption button2" style="background:url(http://img.xooimage.com/files5/c/o/color-58b80.gif) no-repeat center" title="{L_CHAT_HELP_COLOR}" value="   " /><input type="text" id="chatMsg" class="post inputbox" style="width:70%" maxlength="100" /><input type="button" value="{L_SUBMIT}"     onclick="xooitSpam.check();" class="mainoption button2" /> <input type="button" value="{L_SMILIES}" onclick="xooitChat.showSmilies();" class="mainoption button2" />
      </td>
     </tr>
    </table>
    <span class="corners-bottom"><span></span></span></div></div>
    <br />
    {CHAT_JS}


Code: Sélectionner - Agrandir


<table width="100%" border="0" cellpadding="2" cellspacing="1" class="forumline">
       <tr>
          <th align="center" valign="middle" class="thHead" height="28" colspan="3">
             <span class="thHead">
               <FONT COLOR="#FF0000">ANNONCES</FONT>
             </span>
          </th>
       </tr>
       <tr>
                  <td valign="top" class="row1">   
                      <span class="gen">
                            <center>-La communauté FG a été créer! Je vous invite a lire les informations (Onglet Communauté > Code de communauté FG MK8), et eventuellement a la rejoindre.<br/>-Les circuits Time trial sont accessible en allant dans l'onglet Compet' puis Time trial. Envoyer vos score.<br/>-<a href="/http://mk8-fg.forumforever.com/portal.php?pid=14">Le live de la team</a></center>
                      </span>
                  </td>
                </tr><table width="100%" cellspacing="0" cellpadding="2" border="0" align="center">
  <tr> 
    <td align="left" valign="bottom"><span class="gensmall">
    <!-- BEGIN switch_user_logged_in -->
    {LAST_VISIT_DATE}<br />
    <!-- END switch_user_logged_in -->
    {CURRENT_TIME}<br /></span><span class="nav"><a href="{U_INDEX}" class="nav">{L_INDEX}</a></span></td>
    <td align="right" valign="bottom" class="gensmall">
        <!-- BEGIN switch_user_logged_in -->
        <a href="{U_SEARCH_NEW}" class="gensmall">{L_SEARCH_NEW}</a><br /><a href="{U_SEARCH_SELF}" class="gensmall">{L_SEARCH_SELF}</a><br />
        <!-- END switch_user_logged_in -->
        <a href="{U_SEARCH_UNANSWERED}" class="gensmall">{L_SEARCH_UNANSWERED}</a></td>
  </tr>
</table>
<table width="100%" cellpadding="2" cellspacing="1" border="0" class="forumline">
  <tr> 
    <th colspan="2" class="thCornerL" height="25" nowrap="nowrap">&nbsp;{L_FORUM}&nbsp;</th>
    <th width="50" class="thTop" nowrap="nowrap">&nbsp;{L_TOPICS}&nbsp;</th>
    <th width="50" class="thTop" nowrap="nowrap">&nbsp;{L_POSTS}&nbsp;</th>
    <th class="thCornerR" nowrap="nowrap">&nbsp;{L_LASTPOST}&nbsp;</th>
  </tr>
  <!-- BEGIN catrow -->
  <tr> 
    <td class="catLeft" colspan="2" height="28"><span class="cattitle"><a href="{catrow.U_VIEWCAT}" class="cattitle">{catrow.CAT_DESC}</a></span></td>
    <td class="rowpic" colspan="3" align="right">&nbsp;</td>
  </tr>
  <!-- BEGIN forumrow -->
  <tr> 
    <td class="row1" align="center" valign="middle" height="50"><img src="{catrow.forumrow.FORUM_FOLDER_IMG}"  alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" /></td>
    <td class="row1" width="100%" height="50"><span class="forumlink"> <a href="{catrow.forumrow.U_VIEWFORUM}" class="forumlink">{catrow.forumrow.FORUM_NAME}</a><br />
      </span> <span class="genmed">{catrow.forumrow.FORUM_DESC}<br />
      </span><span class="gensmall">{catrow.forumrow.L_MODERATOR} {catrow.forumrow.MODERATORS}</span></td>
    <td class="row2" align="center" valign="middle" height="50"><span class="gensmall">{catrow.forumrow.TOPICS}</span></td>
    <td class="row2" align="center" valign="middle" height="50"><span class="gensmall">{catrow.forumrow.POSTS}</span></td>
    <td class="row2" align="center" valign="middle" height="50" nowrap="nowrap"> <span class="gensmall">{catrow.forumrow.LAST_POST}</span></td>
  </tr>
  <!-- END forumrow -->
  <!-- END catrow -->
</table>

<table width="100%" cellspacing="0" border="0" align="center" cellpadding="2">
  <tr> 
     <td align="left">
     <!-- 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 -->
     </td>
    <td align="right"><span class="gensmall">{S_TIMEZONE}</span></td>
  </tr>
</table>


        <table width="100%" cellpadding="3" cellspacing="1" border="0" class="forumline" id="who_is_online">
      <tr>
       <td class="catHead" colspan="2" height="28"><span class="cattitle"><a href="{U_VIEWONLINE}" class="cattitle">{L_WHO_IS_ONLINE}</a></span></td>
      </tr>
         
                 <td class="row1" align="center" valign="middle" rowspan="2"><img src="http://img.xooimage.com/files106/0/f/4/qui-est-en-ligne-5bad4-46b73bb.jpg"></td>
                 <td class="row1" align="left" width="100%"><span class="gensmall">{TOTAL_POSTS}<br/>
                {TOTAL_USERS}<br/>Et nous avons posté
    {TOTAL_TOPICS}<br />{NEWEST_USER}<br/></span>
    </td>
  </tr>
  <tr> 
    <td class="row1" align="left"><span class="gensmall">{TOTAL_USERS_ONLINE} &nbsp; [ {L_WHOSONLINE_ADMIN} ] &nbsp; [ {L_WHOSONLINE_MOD} ]<br />{RECORD_USERS}<br />{LOGGED_IN_USER_LIST}</span></td>
  </tr>
</table>

<table width="100%" cellpadding="1" cellspacing="1" border="0">
<tr>
    <td align="left" valign="top"><span class="gensmall">{L_ONLINE_EXPLAIN}</span></td>
</tr>
</table>

<!-- BEGIN switch_user_logged_out -->
<form method="post" action="{S_LOGIN_ACTION}">
  <table width="100%" cellpadding="3" cellspacing="1" border="0" class="forumline">
    <tr> 
      <td class="catHead" height="28"><a name="login"></a><span class="cattitle">{L_LOGIN_LOGOUT}</span></td>
    </tr>
    <tr> 
      <td class="row1" align="center" valign="middle" height="28"><span class="gensmall">{L_USERNAME}: 
        <input class="post" type="text" name="username" size="10" />
        &nbsp;&nbsp;&nbsp;{L_PASSWORD}: 
        <input class="post" type="password" name="password" size="10" maxlength="32" />
        <!-- BEGIN switch_allow_autologin -->
        &nbsp;&nbsp; &nbsp;&nbsp;{L_AUTO_LOGIN} 
        <input class="text" type="checkbox" name="autologin" />
        <!-- END switch_allow_autologin -->
        &nbsp;&nbsp;&nbsp; 
        <input type="submit" class="mainoption" name="login" value="{L_LOGIN}" />
        </span> </td>
    </tr>
  </table>
</form>
<!-- END switch_user_logged_out -->

<br clear="all" />

<table cellspacing="3" border="0" align="center" cellpadding="0">
  <tr> 
    <td width="20" align="center"><img src="http://img.xooimage.com/files57/4/a/c/no-new-45ec365.png" alt="{L_NEW_POSTS}"/></td>
    <td><span class="gensmall">{L_NEW_POSTS}</span></td>
    <td>&nbsp;&nbsp;</td>
    <td width="20" align="center"><img src="http://img.xooimage.com/files55/b/7/7/no-new-45ec3dc.png" alt="{L_NO_NEW_POSTS}" /></td>
    <td><span class="gensmall">{L_NO_NEW_POSTS}</span></td>
    <td>&nbsp;&nbsp;</td>
    <td width="20" align="center"><img src="http://img.xooimage.com/files56/7/2/6/no-new-45ec33e.png" alt="{L_FORUM_LOCKED}" /></td>
    <td><span class="gensmall">{L_FORUM_LOCKED}</span></td>
  </tr>
</table>



Merci de m'aider


Author Message
Kyosuke
Contributeurs


Offline
Contributeurs

Joined: 30 Mar 2009
Posts: 436
Niveau:
Point(s): 532
Moyenne: 1.22
Windows 8 ou 10 Chrome (ou l'un de ses dérivés : Chromium/Iron/...) Masculin

PostPosted: Sun 27 Jul 2014 - 20:25    Post subject: Tutoriel] Membres connectés au chat dans le Qui Est En Ligne Reply with quote

cosmos32 wrote:
Ça ne marche pas avec moi, voici mes templates

{{{chat.tpl}}}
{{{Index_body.tpl}}}

Merci de m'aider


^ Corrigé.
_______________________


Forum
Author Message
le_tcho
Membre


Offline
Membre

Joined: 10 Dec 2008
Posts: 83
Point(s): 83
Moyenne: 1.00

PostPosted: Tue 9 Sep 2014 - 21:50    Post subject: Tutoriel] Membres connectés au chat dans le Qui Est En Ligne Reply with quote

Bonjour, 
j'ai fais le tuto du recent boby sur mon forum et j'ai mis le votre également ..


pb çà ne marche pas .... j'ai péché où ?


Forum
Author Message
Kyosuke
Contributeurs


Offline
Contributeurs

Joined: 30 Mar 2009
Posts: 436
Niveau:
Point(s): 532
Moyenne: 1.22
Windows 8 ou 10 Chrome (ou l'un de ses dérivés : Chromium/Iron/...) Masculin

PostPosted: Thu 11 Sep 2014 - 03:35    Post subject: Tutoriel] Membres connectés au chat dans le Qui Est En Ligne Reply with quote

Aucune idée, étant donné que le script n'est actuellement pas installé sur ton forum.

Donc malheureusement, je ne vais pas pouvoir t'aider.
_______________________


Forum
Author Message
le_tcho
Membre


Offline
Membre

Joined: 10 Dec 2008
Posts: 83
Point(s): 83
Moyenne: 1.00

PostPosted: Thu 11 Sep 2014 - 10:02    Post subject: Tutoriel] Membres connectés au chat dans le Qui Est En Ligne Reply with quote

Kyosuke wrote:
Aucune idée, étant donné que le script n'est actuellement pas installé sur ton forum.

Donc malheureusement, je ne vais pas pouvoir t'aider.


Beh il etait dans le chat d'origine mais apres j'ai fait des modif pour mettre le chat du portail ..


donc là c'est mis aussi dans le chat du portail ...


En passant y aurait possibilité avoir un bloc recent body sur l'index sans passer par l'image du portail ?
ou si je passe pas l'image du portail de la mettre à gauche ou droite du chat normal ?


Forum
Author Message
Devonien
Membre


Offline
Membre

Joined: 28 Oct 2009
Posts: 15
Point(s): 15
Moyenne: 1.00
Windows Vista ou 7 Internet Explorer Masculin Cancer (21juin-23juil) 兔 Lièvre

PostPosted: Thu 9 Oct 2014 - 21:23    Post subject: Tutoriel] Membres connectés au chat dans le Qui Est En Ligne Reply with quote

Bonsoir Kyosuke, j'ai testé le tuto mais étant donner que mon forum a subit pas mal de modif par un ancien codeur débutant je ne vois pas ce qui cloche snif je demande ton aide s'il te plait Smile

chat.tpl
<!------------------------------------------------------------------------------
AFFICHE LA LISTE DES UTILISATEURS CONNECTES AU CHAT DANS LE QUI EST EN LIGNE
[DEBUT]
---->
<script type="text/javascript" src="http://pokemon.power.free.fr/xooit/xooitChat.js"></script>
<script type="text/javascript">
chatUsers.init({
/*
Modifiez ces paramètres comme vous le souhaitez
pour modifier l'apparence du bloc
*/
fontSize: "13px", //Taille de la police d'écriture
backgroundColor: "#FFFFFF", //Couleur de fond du bloc
color: "#B16009", //Couleur du texte
padding: "15px", //marge intérieure
borderRadius: "5px", //taille des bords arrondis
chatText: "le chat" //modifiez le terme par ce que vous voulez
});
</script>
<!----
AFFICHE LA LISTE DES UTILISATEURS CONNECTES AU CHAT DANS LE QUI EST EN LIGNE
[FIN]
------------------------------------------------------------------------------->







<span class="corners-top"><span></span></span>
<table class="forumline forum-table" border="0" cellspacing="1" width="100%">
<tr>
<th class="thTop" nowrap="nowrap"<!-- IF CHAT_SHOW_CONNECTED --> colspan="3"<!-- ENDIF -->>&nbsp;Chat&nbsp;</th>
</tr>
<tr class="bg2">
<td class="row3" style="padding:3px"<!-- IF CHAT_SHOW_CONNECTED --> colspan="3"<!-- ENDIF -->>




[{L_CHAT_ARCHIVES}]


<!-- IF CHAT_AUTH_MOD -->


[{L_CHAT_ADMIN}]






[{L_CHAT_CHANGE_TOPIC}]
[{L_CHAT_BANNED_USERS}]
[{L_CHAT_CLEAR_MSGS}]
[{L_CHAT_CLOSE_ADMIN}]






[{L_CHAT_CONNECTION}]




[{L_CHAT_DISCONNECTION}]





<!-- ENDIF -->


</td>
</tr>
<tr class="bg1" style="width:100%">
<td class="row1" style="padding:0;width:100%">


<table id="chatMsgContainer_table" class="forumline" border="0" cellspacing="1" width="100%" style="border:0">
<tbody id="chatMsgContainer">
</tbody>
</table>


</td>
<!-- IF CHAT_SHOW_CONNECTED -->
<td id="chatGripTd" class="row2" style="width:3px;cursor:w-resize">&nbsp;</td>
<td class="row1" style="vertical-align:top">



</td>
<!-- ENDIF -->
</tr>
<tr class="bg2">
<td class="row1"<!-- IF CHAT_SHOW_CONNECTED --> colspan="3"<!-- ENDIF -->>
<input id="chatButtonF" type="button" class="liteoption button2" style="background-position:center;background-repeat:no-repeat" title="{L_CHAT_HELP_SOUND}" value=" " /><input id="chatButtonG" type="button" class="liteoption button2" style="font-weight:bold" title="{L_CHAT_HELP_BOLD}" value=" G " /><input id="chatButtonI" type="button" class="liteoption button2" style="font-style:italic" title="{L_CHAT_HELP_ITALIC}" value=" I " /><input id="chatButtonC" type="button" class="liteoption button2" style="background:url(http://img.xooimage.com/files5/c/o/color-58b80.gif) no-repeat center" title="{L_CHAT_HELP_COLOR}" value=" " /><input type="text" id="chatMsg" class="post inputbox" style="width:70%" maxlength="100" /><input type="button" value="{L_SUBMIT}" onclick="xooitChat.sendMsg();" class="mainoption button2" /> <input type="button" value="{L_SMILIES}" onclick="xooitChat.showSmilies();" class="mainoption button2" />
</td>
</tr>
</table>
<span class="corners-bottom"><span></span></span>




{CHAT_JS}
<link rel="icon" href="http://img.myzupics.com/ab/258.ico" />



index_body.tpl




<table width="100%" cellpadding="2" cellspacing="1" border="0" class="forumline">
<tr>
<th colspan="2" class="thCornerL" height="25" nowrap="nowrap">&nbsp;{L_FORUM}&nbsp;</th>

</tr>
<!-- BEGIN catrow -->
<tr>
<td class="catLeft" colspan="2" height="28"><span class="cattitle">{catrow.CAT_DESC}</span></td>
<td class="rowpic" colspan="3" align="right">&nbsp;</td>
</tr>
<!-- BEGIN forumrow -->
<tr>
<td class="row1" align="center" valign="middle" height="50"><img src="<!-- IF catrow.forumrow.FORUM_FOLDER_IMG == "Pas de nouveaux messages" -->
image pas de nouveau message index
<!-- ELSEIF <img src="
"/>-->
image nouveau message index
<!-- ELSEIF catrow.forumrow.FORUM_FOLDER_IMG == "Forum Verrouillé" -->
image verrouillé index
<!-- ELSE -->
{catrow.forumrow.FORUM_FOLDER_IMG}
<!-- ENDIF --> " /></td>
<td class="row1" width="100%" height="50"><span class="forumlink"> {catrow.forumrow.FORUM_NAME}

</span>
</span><span></span></td>
</tr>
<!-- END forumrow -->
<!-- END catrow -->
</table>



<table width="100%" cellpadding="3" cellspacing="1" border="0" class="forumline" id="who_is_online">
<tr>
<td class="catHead" colspan="2" height="28"><span class="cattitle">{L_WHO_IS_ONLINE}</span></td>
</tr>
<tr>

<tr>
<td class="row1" align="center" valign="middle" rowspan="2">
</td>
<td class="row1" align="left" width="100%"><span class="gensmall">{TOTAL_POSTS}
{TOTAL_USERS}
{NEWEST_USER}
[/b]


{TOTAL_USERS_ONLINE} &nbsp;
{RECORD_USERS}
{LOGGED_IN_USER_LIST}</span></td>
</span>
</td>
</tr>

</table>

<!-- BEGIN switch_user_logged_out -->
<form method="post" action="{S_LOGIN_ACTION}">
<table width="100%" cellpadding="3" cellspacing="1" border="0" class="forumline">
<tr>
<td class="catHead" height="28"><a name="login">[/url]<span class="cattitle">{L_LOGIN_LOGOUT}</span></td>
</tr>
<tr>
<td class="row1" align="center" valign="middle" height="28"><span class="gensmall">{L_USERNAME}:
<input class="post" type="text" name="username" size="10" />
&nbsp;&nbsp;&nbsp;{L_PASSWORD}:
<input class="post" type="password" name="password" size="10" maxlength="32" />
<!-- BEGIN switch_allow_autologin -->
&nbsp;&nbsp; &nbsp;&nbsp;{L_AUTO_LOGIN}
<input class="text" type="checkbox" name="autologin" />
<!-- END switch_allow_autologin -->
&nbsp;&nbsp;&nbsp;
<input type="submit" class="mainoption" name="login" value="{L_LOGIN}" />
</span> </td>
</tr>

</table>
</form clear="all">
<!-- END switch_user_logged_out -->


merci d'avance pour ton aide Smile
_______________________
http://megagame.xooit.fr


Forum
Author Message
Kyosuke
Contributeurs


Offline
Contributeurs

Joined: 30 Mar 2009
Posts: 436
Niveau:
Point(s): 532
Moyenne: 1.22
Windows 8 ou 10 Chrome (ou l'un de ses dérivés : Chromium/Iron/...) Masculin

PostPosted: Thu 9 Oct 2014 - 23:47    Post subject: Tutoriel] Membres connectés au chat dans le Qui Est En Ligne Reply with quote

Hello !

Pourrais-tu placer le contenu de tes deux templates entre les balises suivantes :

Code: Sélectionner - Agrandir
[code][/code]


Ce sera plus facile à lire, merci. Smile
_______________________


Forum
Author Message
Devonien
Membre


Offline
Membre

Joined: 28 Oct 2009
Posts: 15
Point(s): 15
Moyenne: 1.00
Windows Vista ou 7 Internet Explorer Masculin Cancer (21juin-23juil) 兔 Lièvre

PostPosted: Fri 10 Oct 2014 - 00:32    Post subject: Tutoriel] Membres connectés au chat dans le Qui Est En Ligne Reply with quote

Oui pardon pas l'habitude xD

CHAT.TPL

Code: Sélectionner - Agrandir
<!------------------------------------------------------------------------------
    AFFICHE LA LISTE DES UTILISATEURS CONNECTES AU CHAT DANS LE QUI EST EN LIGNE
    [DEBUT]
---->
<script type="text/javascript" src="http://pokemon.power.free.fr/xooit/xooitChat.js"></script>
<script type="text/javascript">
    chatUsers.init({
             /*
                    Modifiez ces paramètres comme vous le souhaitez
                    pour modifier l'apparence du bloc
            */
            fontSize: "13px", //Taille de la police d'écriture
            backgroundColor: "#FFFFFF", //Couleur de fond du bloc
            color: "#B16009", //Couleur du texte
            padding: "15px", //marge intérieure
            borderRadius: "5px", //taille des bords arrondis
            chatText: "le chat" //modifiez le terme par ce que vous voulez
    });
</script>
<!----
    AFFICHE LA LISTE DES UTILISATEURS CONNECTES AU CHAT DANS LE QUI EST EN LIGNE
    [FIN]
------------------------------------------------------------------------------->



<br />
<div class="panel bg2"><div class="inner"><span class="corners-top"><span></span></span>
<table class="forumline forum-table" border="0" cellspacing="1" width="100%">
 <tr>
  <th class="thTop" nowrap="nowrap"<!-- IF CHAT_SHOW_CONNECTED --> colspan="3"<!-- ENDIF -->>&nbsp;Chat&nbsp;</th>
 </tr>
 <tr class="bg2">
  <td class="row3" style="padding:3px"<!-- IF CHAT_SHOW_CONNECTED --> colspan="3"<!-- ENDIF -->>
   <div id="chatTopic" class="genmed" style="font-weight:bold">
    <div id="chatArchiveLink" style="display:none;float:right">
     <a href="javascript:void(0);">[{L_CHAT_ARCHIVES}]</a>
    </div>
    <!-- IF CHAT_AUTH_MOD -->
    <div id="chatAdminLink" style="display:none;float:right">
     <a href="javascript:void(0);">[{L_CHAT_ADMIN}]</a>
    </div>
    <div id="chatAdminMenu" style="display:none;float:right">
     <div id="chatAdminMenuDiv">
      <a id="chatAdminMenuTopic" href="javascript:void(0);">[{L_CHAT_CHANGE_TOPIC}]</a>
      <a id="chatAdminMenuBanned" href="javascript:void(0);">[{L_CHAT_BANNED_USERS}]</a>
      <a id="chatAdminMenuClear" href="javascript:void(0);">[{L_CHAT_CLEAR_MSGS}]</a>
      <a id="chatAdminMenuClose" href="javascript:void(0);">[{L_CHAT_CLOSE_ADMIN}]</a>
     </div>
    </div>
    <div id="chatConnectLink" style="float:right">
     <a href="javascript:void(0);">[{L_CHAT_CONNECTION}]</a>
    </div>
    <div id="chatDisconnectLink" style="float:right">
     <a href="javascript:void(0);">[{L_CHAT_DISCONNECTION}]</a>
    </div>
    <div id="chatTopicContainer"></div>
    <!-- ENDIF -->
   </div>
  </td>
 </tr>
 <tr class="bg1" style="width:100%">
  <td class="row1" style="padding:0;width:100%">
   <div id="chatList" style="height:100px;overflow:auto;width:100%">
    <table id="chatMsgContainer_table" class="forumline" border="0" cellspacing="1" width="100%" style="border:0">
     <tbody id="chatMsgContainer">
     </tbody>
    </table>
   </div>
  </td>
  <!-- IF CHAT_SHOW_CONNECTED -->
  <td id="chatGripTd" class="row2" style="width:3px;cursor:w-resize">&nbsp;</td>
  <td class="row1" style="vertical-align:top">
   <div id="chatConnectedDiv" style="width:100%;height:150px;overflow:auto"></div>
  </td>
  <!-- ENDIF -->
 </tr>
 <tr class="bg2">
  <td class="row1"<!-- IF CHAT_SHOW_CONNECTED --> colspan="3"<!-- ENDIF -->>
  <img src="http://img.xooimage.com/files5/d/6/7/grip-115818.gif" width="11" height="11" alt="resize" style="cursor:n-resize;float:right;padding-top:10px" id="chatVGrip" title="{L_CHAT_RESIZE}" /><img src="http://img.xooimage.com/files10/5/e/a/window-115821.gif" style="cursor:pointer;padding-top:10px;padding-right:3px;width:11px;height:11px;float:right;" onclick="window.open('{U_CHAT}','_blank','menubar=no,toolbar=no,resizable=yes,scrollbars=yes');" title="{L_CHAT_OPEN_POPUP}" id="chatPopupButton" /><input id="chatButtonF" type="button" class="liteoption button2" style="background-position:center;background-repeat:no-repeat" title="{L_CHAT_HELP_SOUND}" value="   " /><input id="chatButtonG" type="button" class="liteoption button2" style="font-weight:bold" title="{L_CHAT_HELP_BOLD}" value=" G " /><input id="chatButtonI" type="button" class="liteoption button2" style="font-style:italic" title="{L_CHAT_HELP_ITALIC}" value=" I " /><input id="chatButtonC" type="button" class="liteoption button2" style="background:url(http://img.xooimage.com/files5/c/o/color-58b80.gif) no-repeat center" title="{L_CHAT_HELP_COLOR}" value="   " /><input type="text" id="chatMsg" class="post inputbox" style="width:70%" maxlength="100" /><input type="button" value="{L_SUBMIT}" onclick="xooitChat.sendMsg();" class="mainoption button2" /> <input type="button" value="{L_SMILIES}" onclick="xooitChat.showSmilies();" class="mainoption button2" />
  </td>
 </tr>
</table>
<span class="corners-bottom"><span></span></span></div></div>
<br />
{CHAT_JS}
<link rel="icon" href="http://img.myzupics.com/ab/258.ico" />


index body

Code: Sélectionner - Agrandir
<br />
<br />
<table width="100%" cellpadding="2" cellspacing="1" border="0" class="forumline">
  <tr>
   <th colspan="2" class="thCornerL" height="25" nowrap="nowrap">&nbsp;{L_FORUM}&nbsp;</th>

  </tr>
  <!-- BEGIN catrow -->
  <tr>
   <td class="catLeft" colspan="2" height="28"><span class="cattitle"><a href="{catrow.U_VIEWCAT}" class="cattitle">{catrow.CAT_DESC}</a></span></td>
   <td class="rowpic" colspan="3" align="right">&nbsp;</td>
  </tr>
  <!-- BEGIN forumrow -->
  <tr>
   <td class="row1" align="center" valign="middle" height="50"><img src="<!-- IF catrow.forumrow.FORUM_FOLDER_IMG == "Pas de nouveaux messages" -->
image pas de nouveau message index
<!-- ELSEIF <img src="<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="125" height="125">
<param name="movie" value="news-1ba8062.swf">
<param name="quality" value="high">
<param name="wmode" value="transparent">
<embed src="http://img.xooimage.com/files9/d/7/5/icone-new-290a194.png" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="125" height="125"wmode="transparent" ></embed></object>"/>-->
image nouveau message index
<!-- ELSEIF catrow.forumrow.FORUM_FOLDER_IMG == "Forum Verrouillé" -->
image verrouillé index
<!-- ELSE -->
{catrow.forumrow.FORUM_FOLDER_IMG}
<!-- ENDIF --> "  /></td>
   <td class="row1" width="100%" height="50"><span class="forumlink"> <a href="{catrow.forumrow.U_VIEWFORUM}" class="forumlink">{catrow.forumrow.FORUM_NAME}</a><br />
     </span>
     </span><span></span></td>
  </tr>
  <!-- END forumrow -->
  <!-- END catrow -->
</table>



<table width="100%" cellpadding="3" cellspacing="1" border="0" class="forumline" id="who_is_online">
  <tr>
   <td class="catHead" colspan="2" height="28"><span class="cattitle"><a href="{U_VIEWONLINE}" class="cattitle">{L_WHO_IS_ONLINE}</a></span></td>
  </tr>
<tr>

  <tr>
 <td class="row1" align="center" valign="middle" rowspan="2"><img src="http://img.xooimage.com/files110/8/d/9/golemhalloween-47d9c3b.png" alt="{L_WHO_IS_ONLINE}" /></td>
 <td class="row1" align="left" width="100%"><span class="gensmall">{TOTAL_POSTS}<br />{TOTAL_USERS}<br />{NEWEST_USER}
</b></div>
<br />{TOTAL_USERS_ONLINE} &nbsp; <br />{RECORD_USERS}<br />{LOGGED_IN_USER_LIST}</span></td>
</span>
 </td>
  </tr>

  </table>

<!-- BEGIN switch_user_logged_out -->
<form method="post" action="{S_LOGIN_ACTION}">
  <table width="100%" cellpadding="3" cellspacing="1" border="0" class="forumline">
   <tr>
     <td class="catHead" height="28"><a name="login"></a><span class="cattitle">{L_LOGIN_LOGOUT}</span></td>
   </tr>
   <tr>
     <td class="row1" align="center" valign="middle" height="28"><span class="gensmall">{L_USERNAME}:
      <input class="post" type="text" name="username" size="10" />
      &nbsp;&nbsp;&nbsp;{L_PASSWORD}:
      <input class="post" type="password" name="password" size="10" maxlength="32" />
      <!-- BEGIN switch_allow_autologin -->
      &nbsp;&nbsp; &nbsp;&nbsp;{L_AUTO_LOGIN}
      <input class="text" type="checkbox" name="autologin" />
      <!-- END switch_allow_autologin -->
      &nbsp;&nbsp;&nbsp;
      <input type="submit" class="mainoption" name="login" value="{L_LOGIN}" />
      </span> </td>
   </tr>

  </table>
</form clear="all">
<!-- END switch_user_logged_out -->


voila encore merci de ton aide
_______________________
http://megagame.xooit.fr


Forum
Author Message
Contenu Sponsorisé





PostPosted: Today at 17:14    Post subject: Tutoriel] Membres connectés au chat dans le Qui Est En Ligne

Display posts from previous:   
Reply to topic Page 1 of 3 Goto page: 1, 2, 3  >




Portal | Index | Administration Panel | Create a forum | Free support forum | Free forums directory | Report a violation | Conditions générales d'utilisation
Propulsé par p h p B B © 2016 p h p B B Group |
 
© 2003-2013 Xooit.com - Contact - Mentions légales - CGU - Charte - CNIL : 1381401