La date/heure actuelle est Mer 18 Oct 2017 - 18:23 - 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, 377, 78, 79, 80, 81, 82  >

Customisation du chat de xooit
Auteur Message
Uny





MessagePosté le: Sam 7 Avr 2012 - 19:17    Sujet du message: Customisation du chat de xooit Répondre en citant

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

Bonjour,

Je viens de faire rapidement le tour du forum mais je ne trouve pas de réponse à mon problème, donc voila ma question :
Est-il possible de fixer la hauteur du chat par exemple à 200px ?
J'ai bien essayé mais n'étant pas un champion en codage je n'arrive pas à grand chose.

Merci d'avance.
Auteur Message
pinou23


Hors ligne
Invité




MessagePosté le: Lun 9 Juil 2012 - 19:00    Sujet du message: Customisation du chat de xooit Répondre en citant

Salu, est-ce que vous pourriez me dire comment avoir la liste des connectés svp ?

tuto +100 !! innocent


Auteur Message
pinou23


Hors ligne
Invité




MessagePosté le: Mar 10 Juil 2012 - 17:31    Sujet du message: Customisation du chat de xooit Répondre en citant

Le templat plutot

Auteur Message
fastoche
Membre


Hors ligne
Membre

Inscrit le: 30 Jan 2012
Messages: 13
Niveau:
Point(s): 12
Moyenne: 0,92
Firefox (ou l'un de ses dérivés : Minefield/Pale Moon/...) Masculin

MessagePosté le: Lun 27 Aoû 2012 - 14:53    Sujet du message: Customisation du chat de xooit Répondre en citant

bonjour,


Serait-il possible que le bouton "Archives" ne soit vu que par les modos/membres ?


merci à vous de vos futures réponses !


Forum
Auteur Message
BAM Jan0
Membre


Hors ligne
Membre

Inscrit le: 18 Oct 2012
Messages: 5
Point(s): 5
Moyenne: 1,00
Windows Vista ou 7 Internet Explorer Masculin Cancer (21juin-23juil)

MessagePosté le: Ven 19 Oct 2012 - 12:32    Sujet du message: Customisation du chat de xooit Répondre en citant

Bonjour,

Pour ma part quand j'applique le code relatif à la customisation des couleurs du blocs chat, ce sont les lignes des messages utilsateurs qui se colorent et non mon bloc. Mon thème est onyx. Si quelqu'un peut me guider, merci d'avance.
Code: Sélectionner - Agrandir
<style type="text/css">
/* arrière plan 1 */
#chatMsgContainer .row1 {
background:green;
}
/* arrière plan 2 */
#chatMsgContainer .row2 {
background: yellow;
}
</style>

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


voilà ce que j'obtiens
http://img.xooimage.com/files89/2/5/4/exemple-robleme-couleur-chat-38d5bfe.…

Merci pour votre aide

 
_______________________
<Signature retirée car non conforme au règlement>


Forum
Auteur Message
RotorMan
Modérateur


Hors ligne
Modérateur

Inscrit le: 21 Déc 2006
Messages: 855
Niveau:
Point(s): 853
Moyenne: 1,00
Windows 8 ou 10 Firefox (ou l'un de ses dérivés : Minefield/Pale Moon/...) Masculin Bélier (21mar-19avr) 龍 Dragon

MessagePosté le: Ven 19 Oct 2012 - 13:28    Sujet du message: Customisation du chat de xooit Répondre en citant

Bonjour,

C'est normal "#chatMsgContainer" est pour le fond des messages postés.

Je vais essayer de vous expliquer en utilisant des termes simples:

Pour changer la couleur (du fond d'administration du chat, du fond des messages postés, de la barre d'envoi du texte, etc) il faut créer des class dans votre css.
En effet, les "row" utilisés pour les couleurs de fond sont ceux de votre style et afin que le chat soit de la même couleur que votre forum.
Donc il faut créer des nouvelles class afin de changer les couleurs que vous désirez sans que cela touche celles qui existent pour le forum.

Il faut donc créer des nouveaux "row" (ou autre nom peu importe).

Pour ce faire c'est simple:
Exemple :

Code: Sélectionner - Agrandir


td.row5 { background-color: #FFFFFF;}
td.row6 { background-color: #FFFEEE;} 

Ensuite dans votre forum de test, changez les class des "td" que vous désirez.

Quelques indications en vrac et rapidement :

Code: Sélectionner - Agrandir


--- <td class="catHead"... ===  est la barre où est le mot CHAT

---   <td class="row1" style="padding:3px"<!-- IF CHAT_SHOW_CONNECTED --> colspan="3"<!-- ENDIF -->>
   <div id="chatTopic"... === C'est là qu'il y a les outils de connexion et d'administration du chat

---   <td class="row1"<!-- IF CHAT_SHOW_CONNECTED --> colspan="3"<!-- ENDIF -->>
<br>
<input id="chatButtonF" type="button"... ===  c'est là qu'il y a les boutons d'options (smilies, couleur de texte, etc)

 

Cordialement
_______________________
Aucune 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.
Discord - Twitter


Forum
Auteur Message
BAM Jan0
Membre


Hors ligne
Membre

Inscrit le: 18 Oct 2012
Messages: 5
Point(s): 5
Moyenne: 1,00
Windows Vista ou 7 Internet Explorer Masculin Cancer (21juin-23juil)

MessagePosté le: Ven 19 Oct 2012 - 15:49    Sujet du message: Customisation du chat de xooit Répondre en citant

Merci bcp pour ces explications je m'y remets dès ce soir et vous dit si c'est bon. 
Encore merci
_______________________
<Signature retirée car non conforme au règlement>


Forum
Auteur Message
BAM Jan0
Membre


Hors ligne
Membre

Inscrit le: 18 Oct 2012
Messages: 5
Point(s): 5
Moyenne: 1,00
Windows Vista ou 7 Internet Explorer Masculin Cancer (21juin-23juil)

MessagePosté le: Sam 20 Oct 2012 - 12:54    Sujet du message: Customisation du chat de xooit Répondre en citant

Merci pour ton aide RotorMan, ça marche nikel Okay
_______________________
<Signature retirée car non conforme au règlement>


Forum
Auteur Message
RotorMan
Modérateur


Hors ligne
Modérateur

Inscrit le: 21 Déc 2006
Messages: 855
Niveau:
Point(s): 853
Moyenne: 1,00
Windows 8 ou 10 Firefox (ou l'un de ses dérivés : Minefield/Pale Moon/...) Masculin Bélier (21mar-19avr) 龍 Dragon

MessagePosté le: Sam 20 Oct 2012 - 13:58    Sujet du message: Customisation du chat de xooit Répondre en citant

Bonjour Bam Jan0,

Ma foi je n'ai rien fait, c'est vous qui avez fait le travail. Ravis de vous voir satisfait.

Bon week-end
_______________________
Aucune 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.
Discord - Twitter


Forum
Auteur Message
BAM Jan0
Membre


Hors ligne
Membre

Inscrit le: 18 Oct 2012
Messages: 5
Point(s): 5
Moyenne: 1,00
Windows Vista ou 7 Internet Explorer Masculin Cancer (21juin-23juil)

MessagePosté le: Dim 21 Oct 2012 - 16:32    Sujet du message: Customisation du chat de xooit Répondre en citant

Bonjour,

Dans la suite de ma customisation du chat, j'aimerais savoir comment de faire ceci (montage photoshop)
http://img.xooimage.com/files88/d/a/9/exemple-chat-r-seaux-sociaux-38e52e1.…

C'est à dire, mettre un bloc (réseaux sociaux) à côté du bloc chat comme montré dans l'exemple.

Merci

PS: mon thème onyx
Mon forum http://bamjan0.xooit.fr/index.php
_______________________
<Signature retirée car non conforme au règlement>


Forum
Auteur Message
RotorMan
Modérateur


Hors ligne
Modérateur

Inscrit le: 21 Déc 2006
Messages: 855
Niveau:
Point(s): 853
Moyenne: 1,00
Windows 8 ou 10 Firefox (ou l'un de ses dérivés : Minefield/Pale Moon/...) Masculin Bélier (21mar-19avr) 龍 Dragon

MessagePosté le: Dim 21 Oct 2012 - 17:29    Sujet du message: Customisation du chat de xooit Répondre en citant

Bonjour,

Copiez ceci à l'endroit sur votre forum où vous voulez votre tableau :

Code: Sélectionner - Agrandir


<style type="text/css">
.tabu {
background-repeat: no-repeat; width:100%; height:auto;  align:center;
background-image:url(http://img88.xooimage.com/files/0/3/e/fond-sociaux2-38e39f5.png);
}
.tibu {
  align: right;
display: block;
margin: 80 8px 0 45px;
}
</style>

<table class="tabu"><tr><td><table class="tibu"><tr><td><a href="https://www.facebook.com/pages/BAM-e-Sport/206469674751/"><img src="http://img89.xooimage.com/files/3/4/a/fb-38e1e94.png" /></a></td></tr><tr align="right"><td><a href="https://twitter.com/#%21/BAM_eSport_Off/"><img src="http://img86.xooimage.com/files/2/0/2/twi-38e1e97.png" /></a></td></tr><tr align="right"><td><a href="http://www.youtube.com/user/mewtnsa/"><img src="http://img88.xooimage.com/files/e/0/f/yt-38e1ec4.png" /></a></td></tr align="right"><tr><td><a href="http://www.esctv.fr/"><img src="http://img89.xooimage.com/files/2/2/d/suc-38e1ea1.png" /></a></td></tr></table></td></tr></table>


Il vous donnera cela :



Au besoin, à vous de régler la largeur et la hauteur telles que vous les désirez pour ce tableau (par css c'est toujours mieux).

Cordialement
_______________________
Aucune 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.
Discord - Twitter


Forum
Auteur Message
BAM Jan0
Membre


Hors ligne
Membre

Inscrit le: 18 Oct 2012
Messages: 5
Point(s): 5
Moyenne: 1,00
Windows Vista ou 7 Internet Explorer Masculin Cancer (21juin-23juil)

MessagePosté le: Dim 21 Oct 2012 - 19:31    Sujet du message: Customisation du chat de xooit Répondre en citant

Merci RotorMan
_______________________
<Signature retirée car non conforme au règlement>


Forum
Auteur Message
Flocondeneige
Membre


Hors ligne
Membre

Inscrit le: 21 Sep 2012
Messages: 10
Niveau:
Point(s): 10
Moyenne: 1,00
Windows Vista ou 7 Chrome (ou l'un de ses dérivés : Chromium/Iron/...) Masculin Balance (23sep-22oct) 兔 Lièvre

MessagePosté le: Sam 3 Nov 2012 - 13:53    Sujet du message: Customisation du chat de xooit Répondre en citant

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
Auteur Message
RotorMan
Modérateur


Hors ligne
Modérateur

Inscrit le: 21 Déc 2006
Messages: 855
Niveau:
Point(s): 853
Moyenne: 1,00
Windows 8 ou 10 Firefox (ou l'un de ses dérivés : Minefield/Pale Moon/...) Masculin Bélier (21mar-19avr) 龍 Dragon

MessagePosté le: Mar 6 Nov 2012 - 15:43    Sujet du message: Customisation du chat de xooit Répondre en citant

Bonjour,

Non.

Cordialement
_______________________
Aucune 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.
Discord - Twitter


Forum
Auteur Message
TIntin-BZH
Membre


Hors ligne
Membre

Inscrit le: 10 Nov 2012
Messages: 9
Niveau:
Point(s): 9
Moyenne: 1,00
Linux Firefox (ou l'un de ses dérivés : Minefield/Pale Moon/...) Masculin

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

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


Hors ligne
Membre

Inscrit le: 02 Jan 2006
Messages: 585
Niveau:
Point(s): 633
Moyenne: 1,08
Masculin

MessagePosté le: Mer 15 Jan 2014 - 18:31    Sujet du message: Customisation du chat de xooit Répondre en citant

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





MessagePosté le: Aujourd’hui à 18:23    Sujet du message: Customisation du chat de xooit

Montrer les messages depuis:   
Répondre au sujet Page 78 sur 82 Aller à la page: <  1, 2, 377, 78, 79, 80, 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