La date/heure actuelle est Mar 24 Oct 2017 - 00:33 - créer un forum

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

Aller au contenu

Poster un nouveau sujet Répondre au sujet Aller à la page: 1, 2, 3  >

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


Hors ligne
Contributeurs

Inscrit le: 30 Mar 2009
Messages: 444
Niveau:
Point(s): 540
Moyenne: 1,22
Windows 8 ou 10 Chrome (ou l'un de ses dérivés : Chromium/Iron/...) Masculin

MessagePosté le: Sam 1 Mar 2014 - 06:13    Sujet du message: Tutoriel] Membres connectés au chat dans le Qui Est En Ligne Répondre en citant

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.




_______________________
Les membres suivants remercient Kyosuke pour ce message :
kieffer (18/06/14), F4DYK Régis (27/11/14), Caline (23/07/16)


Dernière édition par Kyosuke le Ven 10 Oct 2014 - 21:12; édité 10 fois
Forum
Auteur Message
chiffon
Membre


Hors ligne
Membre

Inscrit le: 03 Jan 2012
Messages: 6
Point(s): 5
Moyenne: 0,83
Firefox (ou l'un de ses dérivés : Minefield/Pale Moon/...) Féminin

MessagePosté le: Sam 1 Mar 2014 - 15:49    Sujet du message: Tutoriel] Membres connectés au chat dans le Qui Est En Ligne Répondre en citant

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
Auteur Message
Kyosuke
Contributeurs


Hors ligne
Contributeurs

Inscrit le: 30 Mar 2009
Messages: 444
Niveau:
Point(s): 540
Moyenne: 1,22
Windows 8 ou 10 Chrome (ou l'un de ses dérivés : Chromium/Iron/...) Masculin

MessagePosté le: Sam 1 Mar 2014 - 19:17    Sujet du message: Tutoriel] Membres connectés au chat dans le Qui Est En Ligne Répondre en citant

chiffon a écrit:
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 a écrit:
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
Auteur Message
chiffon
Membre


Hors ligne
Membre

Inscrit le: 03 Jan 2012
Messages: 6
Point(s): 5
Moyenne: 0,83
Firefox (ou l'un de ses dérivés : Minefield/Pale Moon/...) Féminin

MessagePosté le: Sam 1 Mar 2014 - 19:55    Sujet du message: Tutoriel] Membres connectés au chat dans le Qui Est En Ligne Répondre en citant

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
Auteur Message
The End


Hors ligne
Invité




MessagePosté le: Jeu 6 Mar 2014 - 16:06    Sujet du message: Tutoriel] Membres connectés au chat dans le Qui Est En Ligne Répondre en citant

Encore un truc qu'il faut que je regarde, ça a l'air vraiment sympa.

Auteur Message
Lily
Membre


Hors ligne
Membre

Inscrit le: 16 Juin 2014
Messages: 3
Niveau:
Point(s): 3
Moyenne: 1,00
Chrome (ou l'un de ses dérivés : Chromium/Iron/...) Féminin

MessagePosté le: Mar 17 Juin 2014 - 11:01    Sujet du message: Tutoriel] Membres connectés au chat dans le Qui Est En Ligne Répondre en citant

Je retire  Embarassed  merci pour le tuto Smile

Forum
Auteur Message
kieffer
Membre


Hors ligne
Membre

Inscrit le: 12 Nov 2009
Messages: 412
Niveau:
Point(s): 397
Moyenne: 0,96
Mac Chrome (ou l'un de ses dérivés : Chromium/Iron/...) Masculin Gémeaux (21mai-20juin)

MessagePosté le: Mer 18 Juin 2014 - 11:31    Sujet du message: Tutoriel] Membres connectés au chat dans le Qui Est En Ligne Répondre en citant

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
Auteur Message
cosmos32


Hors ligne
Invité




MessagePosté le: Dim 27 Juil 2014 - 12:10    Sujet du message: Tutoriel] Membres connectés au chat dans le Qui Est En Ligne Répondre en citant

Ç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


Auteur Message
Kyosuke
Contributeurs


Hors ligne
Contributeurs

Inscrit le: 30 Mar 2009
Messages: 444
Niveau:
Point(s): 540
Moyenne: 1,22
Windows 8 ou 10 Chrome (ou l'un de ses dérivés : Chromium/Iron/...) Masculin

MessagePosté le: Dim 27 Juil 2014 - 20:25    Sujet du message: Tutoriel] Membres connectés au chat dans le Qui Est En Ligne Répondre en citant

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

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

Merci de m'aider


^ Corrigé.
_______________________


Forum
Auteur Message
le_tcho
Membre


Hors ligne
Membre

Inscrit le: 10 Déc 2008
Messages: 83
Point(s): 83
Moyenne: 1,00

MessagePosté le: Mar 9 Sep 2014 - 21:50    Sujet du message: Tutoriel] Membres connectés au chat dans le Qui Est En Ligne Répondre en citant

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
Auteur Message
Kyosuke
Contributeurs


Hors ligne
Contributeurs

Inscrit le: 30 Mar 2009
Messages: 444
Niveau:
Point(s): 540
Moyenne: 1,22
Windows 8 ou 10 Chrome (ou l'un de ses dérivés : Chromium/Iron/...) Masculin

MessagePosté le: Jeu 11 Sep 2014 - 03:35    Sujet du message: Tutoriel] Membres connectés au chat dans le Qui Est En Ligne Répondre en citant

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
Auteur Message
le_tcho
Membre


Hors ligne
Membre

Inscrit le: 10 Déc 2008
Messages: 83
Point(s): 83
Moyenne: 1,00

MessagePosté le: Jeu 11 Sep 2014 - 10:02    Sujet du message: Tutoriel] Membres connectés au chat dans le Qui Est En Ligne Répondre en citant

Kyosuke a écrit:
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
Auteur Message
Devonien
Membre


Hors ligne
Membre

Inscrit le: 28 Oct 2009
Messages: 15
Point(s): 15
Moyenne: 1,00
Windows Vista ou 7 Internet Explorer Masculin Cancer (21juin-23juil) 兔 Lièvre

MessagePosté le: Jeu 9 Oct 2014 - 21:23    Sujet du message: Tutoriel] Membres connectés au chat dans le Qui Est En Ligne Répondre en citant

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
Auteur Message
Kyosuke
Contributeurs


Hors ligne
Contributeurs

Inscrit le: 30 Mar 2009
Messages: 444
Niveau:
Point(s): 540
Moyenne: 1,22
Windows 8 ou 10 Chrome (ou l'un de ses dérivés : Chromium/Iron/...) Masculin

MessagePosté le: Jeu 9 Oct 2014 - 23:47    Sujet du message: Tutoriel] Membres connectés au chat dans le Qui Est En Ligne Répondre en citant

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
Auteur Message
Devonien
Membre


Hors ligne
Membre

Inscrit le: 28 Oct 2009
Messages: 15
Point(s): 15
Moyenne: 1,00
Windows Vista ou 7 Internet Explorer Masculin Cancer (21juin-23juil) 兔 Lièvre

MessagePosté le: Ven 10 Oct 2014 - 00:32    Sujet du message: Tutoriel] Membres connectés au chat dans le Qui Est En Ligne Répondre en citant

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
Auteur Message
Contenu Sponsorisé





MessagePosté le: Aujourd’hui à 00:33    Sujet du message: Tutoriel] Membres connectés au chat dans le Qui Est En Ligne

Montrer les messages depuis:   
Répondre au sujet Page 1 sur 3 Aller à la page: 1, 2, 3  >




Index | Panneau d’administration | Créer un forum | Forum gratuit d’entraide | Annuaire des forums gratuits | Signaler une violation | Conditions générales d'utilisation
Propulsé par p h p B B © 2016 p h p B B Group | Traduction par : phpBB-fr.com
 
© 2003-2013 Xooit.com - Contact - Mentions légales - CGU - Charte - CNIL : 1381401