It is currently Tue 27 Sep 2016 - 22:37 - créer un forum

Customisation du chat de xooit

Skip to content

Post new topic Reply to topic Goto page: <  1, 2, 3 … , 80, 81, 82  >

Customisation du chat de xooit
Author Message
BAM Jan0


Joined: 18 Oct 2012
Posts: 5

PostPosted: Sun 21 Oct 2012 - 19:31    Post subject: Customisation du chat de xooit Reply with quote

PublicitéSupprimer les publicités ?
Previous post review:

Merci RotorMan
Forum
Author Message
Flocondeneige
Membre


Offline
Membre

Joined: 21 Sep 2012
Posts: 11
Niveau:
Point(s): 11
Moyenne: 1.00
Windows Vista ou 7 Chrome (ou l'un de ses dérivés : Chromium/Iron/...) Masculin Balance (23sep-22oct) 兔 Lièvre

PostPosted: Sat 3 Nov 2012 - 13:53    Post subject: Customisation du chat de xooit Reply with quote

Bonjour, j'aimerais savoir s'il était de mettre le chat xooit des pages en particulier. Par exemple, un sous forum pour les garçon ait un chat xooit privé et que un sous forum pour les filles ait un chat xooit privé.
_______________________
<Signature>


Forum
Author Message
RotorMan
Contributeurs


Offline
Contributeurs

Joined: 21 Dec 2006
Posts: 373
Niveau:
Point(s): 354
Moyenne: 0.95
Windows 8 ou 10 Firefox (ou l'un de ses dérivés : Minefield/Pale Moon/...) Masculin Bélier (21mar-19avr) 龍 Dragon

PostPosted: Tue 6 Nov 2012 - 15:43    Post subject: Customisation du chat de xooit Reply with quote

Bonjour,

Non.

Cordialement
_______________________
Je ne répond plus aux demandes d'aide par MP. Le forum d'entraide est fait pour cela.
La lecture du règlement est obligatoire
50 balais mais 30 dans ma tête.


Forum
Author Message
TIntin-BZH
Membre


Offline
Membre

Joined: 10 Nov 2012
Posts: 9
Niveau:
Point(s): 9
Moyenne: 1.00
Linux Firefox (ou l'un de ses dérivés : Minefield/Pale Moon/...) Masculin

PostPosted: Wed 15 Jan 2014 - 14:12    Post subject: Customisation du chat de xooit Reply with quote

Bonjour,

Je souhaiterais augmenter la hauteur par défaut de mon chat. Je sais qu'on peut l'augmenter manuellement mais j'aimerais qu'il soit plus grand par défaut. Je n'ai pas trouvé de solution qui marche dans ce tuto Sad

Merci d'avance.


Forum
Author Message
Sploutch
Membre


Offline
Membre

Joined: 02 Jan 2006
Posts: 584
Niveau:
Point(s): 632
Moyenne: 1.08
Masculin

PostPosted: Wed 15 Jan 2014 - 18:31    Post subject: Customisation du chat de xooit Reply with quote

Bonjour,
Via votre panneau d'administration :

Thème

Installer un thème
Modifier les couleurs
Modifier les images
Modifier les templates

Sélectionnez :

chat.tpl

|Recherchez|

Code: Sélectionner - Agrandir
<table id="chatMsgContainer" class="forumline" border="0" cellspacing="1" width="100%" style="border:0">
     <tr><td class="row1" style="height:300px">&nbsp;</td></tr>


|Modifiez le chiifre|

Code: Sélectionner - Agrandir
height:300px


Cordialement
_______________________
1 tour pour la forme.1 tour pour l'esprit.

| Le site pour les Filles | Me Soutenir | Smileys Fun | Mes Tutoriels | Mon formulaire D'aide | No Support MP |


Forum
Author Message
TIntin-BZH
Membre


Offline
Membre

Joined: 10 Nov 2012
Posts: 9
Niveau:
Point(s): 9
Moyenne: 1.00
Linux Firefox (ou l'un de ses dérivés : Minefield/Pale Moon/...) Masculin

PostPosted: Thu 16 Jan 2014 - 17:16    Post subject: Customisation du chat de xooit Reply with quote

Je n'ai malheureusement pas ça dans mon template Sad

Voici ce qui y ressemble le plus (contient id="chatMsgContainer")

Code: Sélectionner - Agrandir
<tr class="bg1" style="width:100%;height:410px">
  <td class="row1" VALIGN="top" style="padding:0;width:100%">
   <div id="chatList" style="height:410px;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%;overflow:auto"></div>
  </td>
  <!-- ENDIF -->
 </tr>


Forum
Author Message
Sploutch
Membre


Offline
Membre

Joined: 02 Jan 2006
Posts: 584
Niveau:
Point(s): 632
Moyenne: 1.08
Masculin

PostPosted: Thu 16 Jan 2014 - 18:34    Post subject: Customisation du chat de xooit Reply with quote

Bonjour,
Essayez de modifier la valeur du :
Code: Sélectionner - Agrandir
height:410px

Cordialement
_______________________
1 tour pour la forme.1 tour pour l'esprit.

| Le site pour les Filles | Me Soutenir | Smileys Fun | Mes Tutoriels | Mon formulaire D'aide | No Support MP |


Forum
Author Message
TIntin-BZH
Membre


Offline
Membre

Joined: 10 Nov 2012
Posts: 9
Niveau:
Point(s): 9
Moyenne: 1.00
Linux Firefox (ou l'un de ses dérivés : Minefield/Pale Moon/...) Masculin

PostPosted: Fri 17 Jan 2014 - 11:33    Post subject: Customisation du chat de xooit Reply with quote

Merci pour votre aide, mais j'avais malheureusement déjà essayé. En fait ça agrandit bien la fenêtre du chat, mais la zone contenant les messages reste à la même taille, laissant apparaître une zone noire.

Une image sera sûrement plus claire :


La flèche rouge est ce qui varie avec le 410px. J'aimerais que ce qui est indiqué par la flèche bleue augmente également par défaut.

En utilisant le curseur pour agrandir la fenêtre j'arrive à obtenir le résultat voulu :



Ah et comme vous pouvez voir j'ai modifié mon chat, mais ça ne devrait pas avoir d'influence car j'ai simplement crée un tableau à deux colonnes. La première contenant le contenu par défaut du template (le chat donc) et l'autre contenant ce que j'ai ajouté. (Serveur Mumble) La partie droite est complètement indépendante de la partie gauche et reste fixe en toutes circonstances.

Si besoin, voici le template chat.tpl en entier :

Code: Sélectionner - Agrandir
<br />
<div class="panel bg2"><div class="inner"><span class="corners-top"><span></span></span>
<table class="forumline forum-table" border="0" cellspacing="0" WIDTH=100%>
 <tr>
  <td ALIGN="left" WIDTH=100% VALIGN="top" class="row1">

<table border="0" cellspacing="0" WIDTH=100%>
 <tr>
  <th ALIGN="center" 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 -->
   <tr><td class="row1" align="left"><font size="2">{LOGGED_IN_USER_LIST}</font></td></tr>
   </div>
  </td>
 </tr>
 <tr class="bg1" style="width:100%;height:410px">
  <td class="row1" VALIGN="top" style="padding:0;width:100%">
   <div id="chatList" style="height:410px;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%;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:60%" 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>

 </td>
  <td ALIGN="right" VALIGN="top" class="row1">

<table witdh=100% HEIGHT=100% border="0" cellspacing="0">
 <tr>
  <th class="thTop" nowrap="nowrap">Serveur Mumble</th>
 </tr>
 <tr>
    <td VALIGN="top" class="row1"><p align="center"><a href="http://breizhdefenders-ca.xooit.org/t237-Mumble.htm#p1968" target="_blank"><img src="http://img.xooimage.com/files97/0/7/d/mumble-43483db.png" height=35></a></p>
    </td>
 </tr>
 <tr>
    <td VALIGN="top" class="row1"><iframe src="https://mymumble.fr/viewer/20377" marginwidth="0" marginheight="0" ALLOWTRANSPARENCY="true" frameborder="0" width="250px" height="400px"></iframe></td>
 </tr>

</table>

  </td>
 </tr>
</table>

<span class="corners-bottom"><span></span></span></div></div>
<br />
{CHAT_JS}



Et le lien de mon forum : http://breizhdefenders-ca.xooit.org/index.php?theme=test
(Pour voir le chat comme sur les images, enregistrement nécessaire + affichage du thème de test)


Forum
Author Message
Sploutch
Membre


Offline
Membre

Joined: 02 Jan 2006
Posts: 584
Niveau:
Point(s): 632
Moyenne: 1.08
Masculin

PostPosted: Fri 17 Jan 2014 - 15:22    Post subject: Customisation du chat de xooit Reply with quote

Bonjour,

Vous devez essayer de changer aussi la valeur du height="400px" de votre ifrane Mumble.

Cordialement
_______________________
1 tour pour la forme.1 tour pour l'esprit.

| Le site pour les Filles | Me Soutenir | Smileys Fun | Mes Tutoriels | Mon formulaire D'aide | No Support MP |


Forum
Author Message
TIntin-BZH
Membre


Offline
Membre

Joined: 10 Nov 2012
Posts: 9
Niveau:
Point(s): 9
Moyenne: 1.00
Linux Firefox (ou l'un de ses dérivés : Minefield/Pale Moon/...) Masculin

PostPosted: Fri 17 Jan 2014 - 20:45    Post subject: Customisation du chat de xooit Reply with quote

L'iframe mumble et le chat sont indépendants. Ce qui fait que redimensionner l'iframe ne va rien faire aux dimensions du chat Sad
(Et de toute façon je veux adapter la hauteur du chat à celle de l'iframe et non l'inverse)


Forum
Author Message
TIntin-BZH
Membre


Offline
Membre

Joined: 10 Nov 2012
Posts: 9
Niveau:
Point(s): 9
Moyenne: 1.00
Linux Firefox (ou l'un de ses dérivés : Minefield/Pale Moon/...) Masculin

PostPosted: Mon 20 Jan 2014 - 13:08    Post subject: Customisation du chat de xooit Reply with quote

Up Sad

Forum
Author Message
TIntin-BZH
Membre


Offline
Membre

Joined: 10 Nov 2012
Posts: 9
Niveau:
Point(s): 9
Moyenne: 1.00
Linux Firefox (ou l'un de ses dérivés : Minefield/Pale Moon/...) Masculin

PostPosted: Tue 21 Jan 2014 - 19:04    Post subject: Customisation du chat de xooit Reply with quote

TIntin-BZH wrote:
Up Sad


Forum
Author Message
Sploutch
Membre


Offline
Membre

Joined: 02 Jan 2006
Posts: 584
Niveau:
Point(s): 632
Moyenne: 1.08
Masculin

PostPosted: Tue 21 Jan 2014 - 19:25    Post subject: Customisation du chat de xooit Reply with quote

Bonjour,
Vous ne m’apprenez rien en me disent :
TIntin-BZH wrote:
L'iframe mumble et le chat sont indépendants. Ce qui fait que redimensionner l'iframe ne va rien faire aux dimensions du chat Sad
(Et de toute façon je veux adapter la hauteur du chat à celle de l'iframe et non l'inverse)

Mais visiblement vous savez mieux ... alors que dans un même temps vous "upez" ..
Aussi je vous laisse comprendre voir trouver pourquoi cette solution, peu peut-être résoudre votre problème.

Cordialement
_______________________
1 tour pour la forme.1 tour pour l'esprit.

| Le site pour les Filles | Me Soutenir | Smileys Fun | Mes Tutoriels | Mon formulaire D'aide | No Support MP |


Forum
Author Message
TIntin-BZH
Membre


Offline
Membre

Joined: 10 Nov 2012
Posts: 9
Niveau:
Point(s): 9
Moyenne: 1.00
Linux Firefox (ou l'un de ses dérivés : Minefield/Pale Moon/...) Masculin

PostPosted: Wed 22 Jan 2014 - 09:38    Post subject: Customisation du chat de xooit Reply with quote

Sploutch wrote:
Bonjour,
Vous ne m’apprenez rien en me disent :
TIntin-BZH wrote:

L'iframe mumble et le chat sont indépendants. Ce qui fait que redimensionner l'iframe ne va rien faire aux dimensions du chat Sad
(Et de toute façon je veux adapter la hauteur du chat à celle de l'iframe et non l'inverse)

Mais visiblement vous savez mieux ... alors que dans un même temps vous "upez" ..
Aussi je vous laisse comprendre voir trouver pourquoi cette solution, peu peut-être résoudre votre problème.

Cordialement
Bonjour,

Je pense que l'on s'est mal compris. Veuillez m'en excuser.
Aussi, pour simplifier le problème, j'ai supprimé l'iframe mumble pour que le chat soit dans sa forme d'origine et que rien d'extérieur n'agisse dessus. Comme ça, si l'on arrive à résoudre le problème sur cette base, je devrais pouvoir m'en sortir Smile

Voici donc son template :
 
Code: Sélectionner - Agrandir
<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><td class="row1" align="left"><font size="2">{LOGGED_IN_USER_LIST}</font></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}


Et le rendu réel :


Je vous remercie d'avance pour votre aide.

Cordialement.

PS : On a le droit de "up" tous les combien de temps ?... ^^


Forum
Author Message
Prometeus
Membre


Offline
Membre

Joined: 28 Jan 2014
Posts: 1
Point(s): 1
Moyenne: 1.00
Windows Vista ou 7 Firefox (ou l'un de ses dérivés : Minefield/Pale Moon/...) Masculin

PostPosted: Wed 29 Jan 2014 - 14:48    Post subject: Customisation du chat de xooit Reply with quote

Bonjour, j'ai essayé de changer le nombre de caractères sans succès pour ma CB, rien à faire, il reste limité.

Code: Sélectionner - Agrandir

<input type="text" id="chatMsg" class="post inputbox" style="width:70%" maxlength="300" />


Il y a-t-il une autre manipulation à faire ailleurs pour que cela fonctionne ?

j'aimerais aussi savoir si il est possible d'avoir le cadre des connectés à gauche au lieu de à droite et si il est possible d'avoir des liens sur les connectés (clic droit) pour avoir "profil" et "mp" sur cette version de Chat Xooit.
En vous remerciant d'avance.


Forum
Author Message
Raacerzz
Membre


Offline
Membre

Joined: 18 Feb 2012
Posts: 4
Point(s): 4
Moyenne: 1.00

PostPosted: Sat 10 May 2014 - 15:03    Post subject: Customisation du chat de xooit Reply with quote

/* pour la couleur et la taille du text */
#chatMsgContainer .genmed {
color: #000000;
font-size : 12px
}

Ce code il faut le mettre ou dans le template Chat.tpl ? Merci


Forum
Author Message
Contenu Sponsorisé





PostPosted: Today at 22:37    Post subject: Customisation du chat de xooit

Display posts from previous:   
Reply to topic Page 81 of 82 Goto page: <  1, 2, 3 … , 80, 81, 82  >




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