La date/heure actuelle est Lun 23 Oct 2017 - 20:55 - créer un forum

Customisation du chat de xooit

Aller au contenu

Poster un nouveau sujet Répondre au sujet Aller à la page: <  1, 2, 348, 49, 5080, 81, 82  >

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





MessagePosté le: Mar 30 Déc 2008 - 13:10    Sujet du message: Customisation du chat de xooit Répondre en citant

PublicitéSupprimer les publicités ?
Revue du message précédent :

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


Hors ligne
Membre

Inscrit le: 19 Avr 2006
Messages: 8 897
Point(s): 9 101
Moyenne: 1,02
Mac Firefox (ou l'un de ses dérivés : Minefield/Pale Moon/...)

MessagePosté le: Mar 30 Déc 2008 - 13:13    Sujet du message: Customisation du chat de xooit Répondre en citant

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
Auteur Message
général halo


Hors ligne
Invité




MessagePosté le: Mar 30 Déc 2008 - 14:04    Sujet du message: Customisation du chat de xooit Répondre en citant

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 =)


Auteur Message
themalin
Membre


Hors ligne
Membre

Inscrit le: 19 Avr 2006
Messages: 8 897
Point(s): 9 101
Moyenne: 1,02
Mac Firefox (ou l'un de ses dérivés : Minefield/Pale Moon/...)

MessagePosté le: Mar 30 Déc 2008 - 14:10    Sujet du message: Customisation du chat de xooit Répondre en citant

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
Auteur Message
général halo


Hors ligne
Invité




MessagePosté le: Mar 30 Déc 2008 - 14:27    Sujet du message: Customisation du chat de xooit Répondre en citant

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

Merci à vous ^^


Auteur Message
themalin
Membre


Hors ligne
Membre

Inscrit le: 19 Avr 2006
Messages: 8 897
Point(s): 9 101
Moyenne: 1,02
Mac Firefox (ou l'un de ses dérivés : Minefield/Pale Moon/...)

MessagePosté le: Mar 30 Déc 2008 - 14:32    Sujet du message: Customisation du chat de xooit Répondre en citant

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
Auteur Message
[Fi]David61


Hors ligne
Invité




MessagePosté le: Mer 31 Déc 2008 - 14:11    Sujet du message: Customisation du chat de xooit Répondre en citant

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


Auteur Message
themalin
Membre


Hors ligne
Membre

Inscrit le: 19 Avr 2006
Messages: 8 897
Point(s): 9 101
Moyenne: 1,02
Mac Firefox (ou l'un de ses dérivés : Minefield/Pale Moon/...)

MessagePosté le: Mer 31 Déc 2008 - 14:13    Sujet du message: Customisation du chat de xooit Répondre en citant

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
Auteur Message
[Fi]David61


Hors ligne
Invité




MessagePosté le: Mer 31 Déc 2008 - 14:24    Sujet du message: Customisation du chat de xooit Répondre en citant

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

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


Auteur Message
themalin
Membre


Hors ligne
Membre

Inscrit le: 19 Avr 2006
Messages: 8 897
Point(s): 9 101
Moyenne: 1,02
Mac Firefox (ou l'un de ses dérivés : Minefield/Pale Moon/...)

MessagePosté le: Dim 11 Jan 2009 - 19:56    Sujet du message: Customisation du chat de xooit Répondre en citant

MAJ comment embellir son chat par rotorman
_______________________


Forum
Auteur Message
loyna


Hors ligne
Invité




MessagePosté le: Mer 14 Jan 2009 - 14:09    Sujet du message: Customisation du chat de xooit Répondre en citant

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>


Auteur Message
themalin
Membre


Hors ligne
Membre

Inscrit le: 19 Avr 2006
Messages: 8 897
Point(s): 9 101
Moyenne: 1,02
Mac Firefox (ou l'un de ses dérivés : Minefield/Pale Moon/...)

MessagePosté le: Mer 14 Jan 2009 - 14:14    Sujet du message: Customisation du chat de xooit Répondre en citant

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


Hors ligne
Membre

Inscrit le: 02 Mai 2008
Messages: 69
Point(s): 69
Moyenne: 1,00

MessagePosté le: Dim 18 Jan 2009 - 22:58    Sujet du message: Customisation du chat de xooit Répondre en citant

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

Forum
Auteur Message
An0nyme


Hors ligne
Invité




MessagePosté le: Dim 18 Jan 2009 - 23:01    Sujet du message: Customisation du chat de xooit Répondre en citant

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

Auteur Message
Jessomdu59
Membre


Hors ligne
Membre

Inscrit le: 02 Mai 2008
Messages: 69
Point(s): 69
Moyenne: 1,00

MessagePosté le: Dim 18 Jan 2009 - 23:06    Sujet du message: Customisation du chat de xooit Répondre en citant

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


Dernière édition par Jessomdu59 le Dim 18 Jan 2009 - 23:25; édité 2 fois
Forum
Auteur Message
An0nyme


Hors ligne
Invité




MessagePosté le: Dim 18 Jan 2009 - 23:14    Sujet du message: Customisation du chat de xooit Répondre en citant

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


Auteur Message
Contenu Sponsorisé





MessagePosté le: Aujourd’hui à 20:55    Sujet du message: Customisation du chat de xooit

Montrer les messages depuis:   
Répondre au sujet Page 49 sur 82 Aller à la page: <  1, 2, 348, 49, 5080, 81, 82  >




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