Personnalisation de la shootbox "Ajaxchat"

[Millow]

Bonsoir,

Suite à l'installation du module "AjaxChat" je me retrouve avec cette shootbox plutôt simple et agréable mais je voudrais personnaliser celle-ci et j'avoue mis perdre parmi les nombreux fichiers *.css que comporte ce module   

Je voudrais changer la couleur du fond de la shootbox ainsi que la couleur présente autour du champs de réponse et smileys !

J'ai tenté qqls modifications sur le fichier ..../shoutBox/css/shoutbox.css  en vidant le cache du forum et navigateur mais aucun changement 

Pourriez vous m'indiquer le fichier ou les fichiers à modifier ?

Merci d'avance 

[Millow]

Personne ne peut m'aider ? 

[maximus23]

Bonsoir,

C'est bien dans les css de la boîte de dialogues mais quels sont les paramètres à changer là je ne sais pas je n'utilise pas ce genre de chose. Tu peux faire des essais tu ne risques rien grand chose

[Millow]

Mais je n'ai pas hésité à tester, mais aucun changement et comme il y a 2 répertoires "chat" "shootbox" a la racine du forum comportant tous les 2 un répertoire "CSS" avec 23 fichiers style chacun ...je l'ai fait des 2 cotés ....

Fichier par défaut "shoutbox.css" je pense que c'est celui ci qu'il faut modifier

Code Select Expand

/*
* @package AJAX_Chat
* @author Sebastian Tschan
* @copyright (c) Sebastian Tschan
* @license GNU Affero General Public License
* @link https://blueimp.net/ajax/
*/


/*
* Positioning
*/
#ajaxChatContent #ajaxChatChatList {
height:163px;
overflow:auto;
}
#ajaxChatContent  #ajaxChatChatList div {
padding-left:5px;
padding-top:2px;
padding-right:5px;
padding-bottom:2px;
}
#ajaxChatContent #ajaxChatChatList img {
vertical-align:middle;
margin-bottom:2px;
}
#ajaxChatContent #ajaxChatChatList cite {
margin-right:5px;
}
#ajaxChatContent #ajaxChatChatList .bbCodeImage {
vertical-align:top;
overflow:auto;
margin:5px;
}
#ajaxChatContent #ajaxChatChatList .delete {
float:right;
width:10px;
height:10px;
margin-top:5px;
margin-left:5px;
}
#ajaxChatContent #ajaxChatInputFieldContainer #ajaxChatInputField {
width:60%;
}
#ajaxChatContent #ajaxChatCopyright {
margin-top:5px;
}


/*
* Borders
*/

#ajaxChatContent img {
border:none;
}
#ajaxChatContent #ajaxChatChatList .deleteSelected {
border-width:1px;
border-style:dotted;
}
#ajaxChatContent {
background-color:#E5E5E8;
color:#000;
}


/*
* Fonts
*/

#ajaxChatContent {
font-size:0.9em;
}
#ajaxChatContent a {
text-decoration:none;
}
#ajaxChatContent a:hover {
text-decoration:underline;
}
#ajaxChatContent #ajaxChatCopyright {
font-size:0.8em;
}
#ajaxChatContent #ajaxChatChatList span.dateTime {
font-size:0.7em;
}
#ajaxChatContent #ajaxChatChatList span.guest {
font-size:0.9em;
font-weight:bold;
}
#ajaxChatContent #ajaxChatChatList span.user {
font-size:0.9em;
font-weight:bold;
}
#ajaxChatContent #ajaxChatChatList span.moderator {
font-size:0.9em;
font-weight:bold;
}
#ajaxChatContent #ajaxChatChatList span.admin {
font-size:0.9em;
font-weight:bold;
}
#ajaxChatContent #ajaxChatChatList span.chatBot {
font-size:0.9em;
font-weight:bold;
font-style:italic;
}
#ajaxChatContent #ajaxChatList .chatBotMessage {
font-style:italic;
}
#ajaxChatContent #ajaxChatChatList .chatBotErrorMessage {
font-style:italic;
}
#ajaxChatContent #ajaxChatChatList .privmsg {
font-style:italic;
}
#ajaxChatContent #ajaxChatChatList .action {
font-style:italic;
}
#ajaxChatContent #ajaxChatChatList q {
font-variant:small-caps;
}
#ajaxChatContent #ajaxChatChatList code {
    font-size:1.2em;
}


/*
* Colors
*/

#ajaxChatContent #ajaxChatChatList {
color:#000;
}
#ajaxChatContent #ajaxChatChatList {
background-color:#FFF;
}
#ajaxChatContent .rowEven {
background-color:#FFF;
}
#ajaxChatContent .rowOdd {
background-color:#F6F6F6;
}
#ajaxChatContent .guest {
color:gray;
}
#ajaxChatContent .user {
color:#000;
}
#ajaxChatContent .moderator {
color:#00AA00;
}
#ajaxChatContent .admin {
color:red;
}
#ajaxChatContent .chatBot {
color:#FF6600;
}
#ajaxChatContent #ajaxChatChatList .chatBotErrorMessage {
color:red;
}
#ajaxChatContent #ajaxChatChatList a {
color:#1E90FF;
}
#ajaxChatContent #ajaxChatChatList .delete {
background:url('../img/delete.png') no-repeat right;
}
#ajaxChatContent #ajaxChatChatList .deleteSelected {
border-color:red;
}

Quel morceau de code dois-je modifier pour la couleur présente autour du champs de réponse et smileys ! ??

J'espère que cela pourra t'aider maximus 

[Millow]

Bon j'ai trouvé  c'est bien ce fichier qu'il fallait modifier

la modification s'est affichée comme par magie alrs que les fichiers ont été upload hier soir sur mon ftp ... certainement un soucis de cache bref

Promis je chercherais un peu plus la prochaine fois 

Merci tout de même de ta réponse

[laplo]

Après chaque modif, il faut effectivement penser à vider la cache

[0Connors]

Bonjour à tous,

Quelqu'un parmi vous sait quel fichier doit-on modifier pour changer les textes du mod ?

Par exemple sur mon forum (http://pafteam.com/forum/index.php) : Au bas de la page vous voyez "1 user is in chat.:" je voudrais le rendre un peu plus français  , mais je ne trouve pas le fichier en question !

En vous remerciant, 

[Zuki.]

Bonjour  0Connors,

Je viens de charger le mod.

Tu vas dans  : AjaxChat Integration_3.2.1 RC3_Curve_Friendly/chat/js/lang/fr.js

C'est un des fichiers de traduction française, le problème ce que tout n'est pas traduit !!! 

Je n'est pas fais le tour de tous les fichiers"fr", à voir. (Un peu fainéant  )

Un peu ce courrrrage !

EDIT

tu as aussi ici

AjaxChat Integration_3.2.1 RC3_Curve_Friendly/chat/lib/lang/fr.php

AjaxChat Integration_3.2.1 RC3_Curve_Friendly/shoutBox/js/lang/fr.js

AjaxChat Integration_3.2.1 RC3_Curve_Friendly/shoutBox/lib/lang/fr.php


4 fichiers en tout

[0Connors]

Ah Zuki !

Alors, j'ai vérifié rien ne change, ce fichier contient surtout l'interface de la Shoutbox et de la Pop Up !

Pour ce qui est sur appliqué sur le forum, je ne sais pas ou ça se trouve... De plus sais tu si il est possible de modifier les Emoticons proposé ?

Dernière question est-il possible de modifier la taille de la popup du Chat ?

En te remerciant,

[Zuki.]

Pour les émoticônes tu as un dossier images "img"
Cela est valable pour "chat" et "shoutbox"

Pour la pop up (tu parles à l'ouverture de la fenetre) je ne sais pas il faut que je cherche. peut-être dans une CSS.

Pareil pour le problème de langue "1 user is in chat.:", il faut que je cherche.

[Zuki.]

J'ai !!!!!!!

J'avais du déjà traduire pour un autre forum...

A mettre dans thème "default" languages tu vas trouver Shout.english.php et persian (tu peux virer le perse) rajouter le french.

Fichier joint en french ANSI

EDIT:

rajout de Shout.french-utf8

[Zuki.]

And now la popup !!!

Tu vas dans le fichier : Shout.template.php  Surement dans le thème "default".

Tu recherches : ligne 63 à 77

if (!empty($modSettings['chatPopUp']))
      echo '
               <script type="text/javascript">
             function openWindow(url,width,height,options,name) {
                width = width ? width : 800;
               height = height ? height : 600;
              options = options ? options : \'resizable=yes\';
              name = name ? name : \'openWindow\';
              window.open(
                 url,
                 name,
                 \'screenX=\'+(screen.width-width)/2+\',screenY=\'+(screen.height-height)/2+\',width=\'+width+\',height=\'+height+\',\'+options
              )
             }
               </script>';

Tu vois =>   width = width ? width : 800;
            =>   height = height ? height : 600;

Tu modifies la taille ici (en gras), mais attention vérifie que tout passe dans le nouveau format !!!

[0Connors]

MERCI mec tu es encore plus puissant que GEOTROUVETOUT, toi !

Encore deux questions :

Est-il possible de conserver la couleur du groupe de membre de la personne qui écris le message de façon à ce qu'on remarque les couleurs des membres qui écrivent (Uniquement pour le pseudo) dans le chat. Je sais qu'il faut un mod pour ça et je l'ai mais il est n'est pas actif sur le chat penses-tu qu'il existe un moyen de l'activer ?

Dernière question je souhaitais aussi modifier ce qu'il y a d'écris dans le bouton "Shout" qui permet d'envoyer ton message lorsque tu écris via le forum, je n'ai pas trouver dans les fichier que tu m'as désigné tu aurai une idée ?

En te remerciant,

[Zuki.]

Pour les couleurs des membres, là c'est pas évident ; je ne vois pas comment faire.

Pour le  bouton "Shout" je ne vois pas lequel, mais c'est peut-être dans les images.

[0Connors]

Re,

Non, je viens de vérifié il y a rien dans les images. Et pour les couleurs je me doute que ce n'est pas simple c'est bien pour ça que je demande !:p

[Zuki.]

Tu regardes dans le fichier : shoutbox.html

../chat/lib/template/shoutbox.html

Ligne 15

<input type="button" id="submitButton" value="Shout" onclick="ajaxChat.sendMessage();" />

modifier la "value" "Shout" , mais là c'est changer pour toutes les langues !

ça peut-être aussi dans : miniShoutbox.html

ligne 14

<input type="button" id="submitButton" value="Shout" onclick="ajaxChat.sendMessage(); [disableButton/]" />

A tester !

[maximus23]

Bonjour,

Pour les couleurs des pseudos et pleins de mise en forme regarde dans la faq c'est expliqué en détail.

[Zuki.]

Je t'ai donné dans le dossier /chat

Tu as la même chose dans le dossier /shoutBox

A voir !

[0Connors]

C'est parfait Ziku, j'ai vu ton message dans mon "Coin des crieurs publique" ! Héhé 

Je te remercie pour ton aide, le pire dans cette histoire c'est que je cherche mais je trouve jamais, tu dois avoir un don ! 

Par contre Maximus, je regarde ou pour le FAQ ? C'est celui du mod ou des forums SMF ?

En vous remerciant tout les deux !

[maximus23]

Bonsoir,

C'est ici : http://www.simplemachines.org/community/index.php?topic=257973.msg1981766#msg1981766 regarde Custom Member Group and Colors.