It is currently Sat 1 Oct 2016 - 10:40 - créer un forum

Customisation du chat de xooit

Skip to content

Post new topic Reply to topic Goto page: <  1, 2, 349, 50, 5180, 81, 82  >

Customisation du chat de xooit
Author Message
général halo





PostPosted: Tue 30 Dec 2008 - 13:10    Post subject: Customisation du chat de xooit Reply with quote

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

ok je vais te montrer sa en screen ^^

Voilà se qu'il y a avait avant ^^

Lorsque l'on était pas connecté :

http://img266.imageshack.us/my.php?image=chatconnectionuz6.png

Lorsque l'on était connecté :

http://img266.imageshack.us/my.php?image=chatdeconnectionxk7.png
Author Message
themalin
Membre


Offline
Membre

Joined: 19 Apr 2006
Posts: 8,897
Point(s): 9,101
Moyenne: 1.02
Mac Firefox (ou l'un de ses dérivés : Minefield/Pale Moon/...)

PostPosted: Tue 30 Dec 2008 - 13:13    Post subject: Customisation du chat de xooit Reply with quote

essayes en mettant ça à la place du template



 
Code: Sélectionner - Agrandir

<br /> 
<div class="panel bg2"><div class="inner"><span class="corners-top"><span></span></span> 
<table style="background-color: #2F2F2F; border: solid; border: 2px; opacity:.60; filter:alpha(opacity=60); -moz-opacity:0.6; -khtml-opacity:0.6;" border="0" cellspacing="0" cellspacing="0" width="740"> 
 <tr> 
  <td width="39" height="25" background="http://img5.xooimage.com/files/b/u/button_1-32d90.jpg"></td> 
  <td width="*" height="25" background="http://img4.xooimage.com/files/b/u/button_2-32d91.jpg" align="center"><span class="small">&nbsp;Chat&nbsp;</span></td> 
  <td width="39" height="25" background="http://img3.xooimage.com/files/b/u/button_4-32d92.jpg"></td> 
 </tr> 
 <tr> 
  <td height="14" style="background-image: url('http://img9.xooimage.com/files/1/e/0/1.1-94e5f7.jpg');"></td> 
  <td style="background-color: #000000;"></td> 
  <td height="14" style="background-image: url('http://img9.xooimage.com/files/1/e/0/1.1-94e5f7.jpg'); background-position: -15px"></td> 
 </tr> 
</table> 
<table style="background-color: #2F2F2F; border: 2px # solid;" border="0" cellspacing="1" width="100%"> 
 <tr class="bg2"> 
  <td style="background-color: #111117;" 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; background-color: #111117;"> 
     <a href="javascript:void(0);">[{L_CHAT_ADMIN}]</a> 
    </div> 
    <div id="chatAdminMenu" style="display:none;float:right; background-color: #111117;"> 
     <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;  background-color: #111117;"> 
     <a href="javascript:void(0);">[{L_CHAT_CONNECTION}]</a> 
    </div> 
    <div id="chatDisconnectLink" style="float:right;  background-color: #111117;"> 
     <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%; background-color: #0F0F0F;"> 
    <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; background-color: #0F0F0F;"></div> 
  </td> 
  <!-- ENDIF --> 
 </tr> 
 <tr class="bg2"> 
  <td class="row1"<!-- IF CHAT_SHOW_CONNECTED --> colspan="3"<!-- ENDIF -->> 
  <img src="http://img5.xooimage.com/files/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://img10.xooimage.com/files/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://img5.xooimage.com/files/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} 
  


_______________________


Forum
Author Message
général halo


Offline
Guest




PostPosted: Tue 30 Dec 2008 - 14:04    Post subject: Customisation du chat de xooit Reply with quote

Sa ne marche pas  Sad

non mais si tu ne trouve pas ce n'est pas très très grave.
C'est un détail qui ne change pas grand chose...

Puis tout mon forum a été fait grâce à vous et il est magnifique alors à un détail prêt sa ne change rien ^^

Le 1er Janvier si vous voulez.
J'enverrais le forum final. Car en faite se forum est un forum de test pour moi.
Je l'avais créé y a pas mal longtemps mais je ne m'en servé plus...

Bref merci à vous c'est génial =)


Author Message
themalin
Membre


Offline
Membre

Joined: 19 Apr 2006
Posts: 8,897
Point(s): 9,101
Moyenne: 1.02
Mac Firefox (ou l'un de ses dérivés : Minefield/Pale Moon/...)

PostPosted: Tue 30 Dec 2008 - 14:10    Post subject: Customisation du chat de xooit Reply with quote

utilise ce code

en fait tu as deux tables donc il faut le faire dans la deuxième


 
Code: Sélectionner - Agrandir
<style type="text/css">
/* arrière plan 1 */
#chatMsgContainer .row1 {
background: transparent;
}
/* arrière plan 2 */
#chatMsgContainer .row2 {
background: transparent;
}
</style>    

 <br />
    <div class="panel bg2"><div class="inner"><span class="corners-top"><span></span></span>
    <table style="background-color: #2F2F2F; border: solid; border: 2px;" border="0" cellspacing="0" cellspacing="0" width="740">
     <tr>
      <td width="39" height="25" background="http://img5.xooimage.com/files/b/u/button_1-32d90.jpg"></td>
      <td width="*" height="25" background="http://img4.xooimage.com/files/b/u/button_2-32d91.jpg" align="center"><span class="small">&nbsp;Chat&nbsp;</span></td>
      <td width="39" height="25" background="http://img3.xooimage.com/files/b/u/button_4-32d92.jpg"></td>
     </tr>
     <tr>
      <td height="14" style="background-image: url('http://img9.xooimage.com/files/1/e/0/1.1-94e5f7.jpg');"></td>
      <td style="background-color: #000000;"></td>
      <td height="14" style="background-image: url('http://img9.xooimage.com/files/1/e/0/1.1-94e5f7.jpg'); background-position: -15px"></td>
     </tr>
    </table>
    <table style="background-color: #2F2F2F; border: solid; border: 2px; opacity:.50; filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity:0.5;" border="0" cellspacing="1" width="100%">
     <tr class="bg2">
      <td style="background-color: #111117;" 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; background-color: #111117;">
         <a href="javascript:void(0);">[{L_CHAT_ADMIN}]</a>
        </div>
        <div id="chatAdminMenu" style="display:none;float:right; background-color: #111117;">
         <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;  background-color: #111117;">
         <a href="javascript:void(0);">[{L_CHAT_CONNECTION}]</a>
        </div>
        <div id="chatDisconnectLink" style="float:right;  background-color: #111117;">
         <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%; background-color: #0F0F0F;">
        <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; background-color: #0F0F0F;"></div>
      </td>
      <!-- ENDIF -->
     </tr>
     <tr class="bg2">
      <td class="row1"<!-- IF CHAT_SHOW_CONNECTED --> colspan="3"<!-- ENDIF -->>
      <img src="http://img5.xooimage.com/files/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://img10.xooimage.com/files/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://img5.xooimage.com/files/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}  

     




par contre tu ne peux pas mettre plus sinon ça enlève le texte aussi
_______________________


Forum
Author Message
général halo


Offline
Guest




PostPosted: Tue 30 Dec 2008 - 14:27    Post subject: Customisation du chat de xooit Reply with quote

Niquel c'est pas la même chose que sur l'autre truc mais c'est super bien  Okay

Merci à vous ^^


Author Message
themalin
Membre


Offline
Membre

Joined: 19 Apr 2006
Posts: 8,897
Point(s): 9,101
Moyenne: 1.02
Mac Firefox (ou l'un de ses dérivés : Minefield/Pale Moon/...)

PostPosted: Tue 30 Dec 2008 - 14:32    Post subject: Customisation du chat de xooit Reply with quote

tu peux essayer de changer ici


 
Code: Sélectionner - Agrandir

<table style="background-color: #2F2F2F; border: solid; border: 2px; opacity:.50; filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity:0.5;" border="0" cellspacing="1" width="100%"> 

les 50 et 0.5 pour mettre une plus petite valeur mais ne descend pas en dessous de 10 ou 0.1
_______________________


Forum
Author Message
[Fi]David61


Offline
Guest




PostPosted: Wed 31 Dec 2008 - 14:11    Post subject: Customisation du chat de xooit Reply with quote

Bonjour, Bonsoir j'ai vu dans la fin de ton tuto TheMalin que on pouvait faire un système de mode Admin chat. Enfin je voudrais savoir si s'est possible qu'un Administrateur par exemple il tape /modeAdmin est la sa le passe en mode canal Admin sur le chat et tous se qui dit la que les Administrateurs qui les voient enfin tous ceux qui sont en mode canal Admin Es-ce possible jespère trop Very Happy

Merci d'avance Smile

++
David


Author Message
themalin
Membre


Offline
Membre

Joined: 19 Apr 2006
Posts: 8,897
Point(s): 9,101
Moyenne: 1.02
Mac Firefox (ou l'un de ses dérivés : Minefield/Pale Moon/...)

PostPosted: Wed 31 Dec 2008 - 14:13    Post subject: Customisation du chat de xooit Reply with quote

bonjour

tu peux le faire mais pas avec ce chat il faut trouver un autre chat sur le net qui te proposes ça essayes avec chatsys
_______________________


Forum
Author Message
[Fi]David61


Offline
Guest




PostPosted: Wed 31 Dec 2008 - 14:24    Post subject: Customisation du chat de xooit Reply with quote

ok merci bien de ta réponse rapide je vais voir sa !

++ et bonne année en avance surtout bonne santé


Author Message
themalin
Membre


Offline
Membre

Joined: 19 Apr 2006
Posts: 8,897
Point(s): 9,101
Moyenne: 1.02
Mac Firefox (ou l'un de ses dérivés : Minefield/Pale Moon/...)

PostPosted: Sun 11 Jan 2009 - 19:56    Post subject: Customisation du chat de xooit Reply with quote

MAJ comment embellir son chat par rotorman
_______________________


Forum
Author Message
loyna


Offline
Guest




PostPosted: Wed 14 Jan 2009 - 14:09    Post subject: Customisation du chat de xooit Reply with quote

Après discussion avec Themalin, je poste ici pour un problème de centrage du CHAT.

Je trouve pas le code:

pour centrer le sujet du chat :

cherchez :


Spoiler
Code: Sélectionner - Agrandir <span class="genmed" id="chatTopic">&nbsp;</span>



transformer en :


Spoiler
Code: Sélectionner - Agrandir <center><span class="genmed" id="chatTopic">&nbsp;</span></center>


Author Message
themalin
Membre


Offline
Membre

Joined: 19 Apr 2006
Posts: 8,897
Point(s): 9,101
Moyenne: 1.02
Mac Firefox (ou l'un de ses dérivés : Minefield/Pale Moon/...)

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

au début tu as ça

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">


tu mets comme ça
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 align="center" class="thTop" nowrap="nowrap"<!-- IF CHAT_SHOW_CONNECTED --> colspan="3"<!-- ENDIF -->>&nbsp;Chat&nbsp;</th>
 </tr>
 <tr class="bg2">

_______________________


Forum
Author Message
Jessomdu59
Membre


Offline
Membre

Joined: 02 May 2008
Posts: 69
Point(s): 69
Moyenne: 1.00

PostPosted: Sun 18 Jan 2009 - 22:58    Post subject: Customisation du chat de xooit Reply with quote

je dois modifier dans quel template pour modifier la tailel du texte sur le chat?

Forum
Author Message
An0nyme


Offline
Guest




PostPosted: Sun 18 Jan 2009 - 23:01    Post subject: Customisation du chat de xooit Reply with quote

Dans chat.tpl en utilisant les balises de style ou dans votre template.ccs directement ça devrait fonctionner.

Author Message
Jessomdu59
Membre


Offline
Membre

Joined: 02 May 2008
Posts: 69
Point(s): 69
Moyenne: 1.00

PostPosted: Sun 18 Jan 2009 - 23:06    Post subject: Customisation du chat de xooit Reply with quote

ça nemarche pas ça me supprime le chat et tout ce qui est ecrit ou il y a panneau d'administration. Voic mon templates actuellement :

<style type="text/css">
/* pour la couleur et la taille du text */
#chatMsgContainer .genmed {
color: #000000;
font-size : 12px
}<style>



<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}


Last edited by Jessomdu59 on Sun 18 Jan 2009 - 23:25; edited 2 times in total
Forum
Author Message
An0nyme


Offline
Guest




PostPosted: Sun 18 Jan 2009 - 23:14    Post subject: Customisation du chat de xooit Reply with quote

Utilisez les balises BBCode code pour poster le contenu d'un template : [code]contenu du template[/code]
Autrement le contenu est déformé. Wink


Author Message
Contenu Sponsorisé





PostPosted: Today at 10:40    Post subject: Customisation du chat de xooit

Display posts from previous:   
Reply to topic Page 50 of 82 Goto page: <  1, 2, 349, 50, 5180, 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