Modifications Chatbox

[badibou]

Détails techniques

Version du forum : ModernBB
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Mozilla Firefox, etc...
Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : http://www.forumdessports.com

Description du problème

Salut tout le monde ! Bon je veux modifier ma chatbox...

1: je veux pouvoir modifier ma la barre de char... en l'allongeant et en l'envoyant vers la gauche(une longue case) avec les attribut du chat à gauche en avant la chat line ce code cause problème et le ? à droite apres le >>(envoyer) le ? afin de la ligne
2:Mettre la liste d'utilisateur à droite.
3: Fixer le chat à une grosseur désiré(verticalement/de haut en bas).

J'ai essayé de trouver sur le site et mes codes phbb3 fonctionne pas...

Merci de bien vouloir m'aider...

Cdt,

Badi

[badibou]

up!
Ce Css bogue mon chat quand je l'emploi... il fait un retard de message dans ma chat box... c'est-à-dire que ex: bonjour(apparait pas) ca va? et bonjour apparait ainsi de suite..
https://forum.forumactif.com/t407915-barre-en-bas-de-la-chatbox?highlight=modification+chatbox

[Toryudo]

Bonjour !
Alors, j'ai fait avec ce que j'ai compris :
- allonger la barre de message
- afficher la liste des utilisateurs connectés à droite

Code:

.chatbox #chatbox {
  margin-left: 0 !important;
  margin-right: 180px !important;
}
.chatbox #message {
  width: 705px !important;
}
.chatbox #chatbox_members {
  left: initial !important;
  right: 0 !important;
}

Pour le reste, je ne suis pas sûr de comprendre. Vous pourriez faire un schéma avec des flèches pour expliquer ce que vous voulez déplacer/modifier ?

[badibou]

Salut Toryudo ! et merci de m'aider encore une fois...

Ce que tu m'as envoyé est super ! il ne manque que 3 choses:
1:pouvoir fixer la chatbox à la grosseur que je veux.
2:Que le texte dans l'écran suive le nom de l'utilisateur après les : Exemple, Joe dit:Allo car présentement cela fait un retour d'une ligne et c'est tronqué du coup vers le bas et je vois pas mon texte...
Joe dit:
Allo
3:Les couleurs de texte ne fonctionne plus

Merci ! je vais te faire un compte je t'envoie ca en MP e tu vas voir....

Cdt,

Badi

[Toryudo]

Bonjour !
J'ai pu faire quelques tests, normalement j'ai toutes les infos.

1) Vous allez pouvoir définir la taille de la chatbox comme ceci (Script à placer sur l'index, ça devrait marcher) :

Code:

$(function(){
  $('#chatbox_top').height('600px');
});

J'ai mis 600px pour le test, mais vous pouvez mettre plus ou moins, comme vous voulez.

2) Un petit peu de CSS en plus pour que le pseudo et le message soient sur la même ligne :

Code:

#chatbox .user, #chatbox .msg {
  display: inline !important;
}

3) Enfin, pour la couleur, c'est un Script qui fait ça chez vous. Si je ne me trompe pas, c'est celui qui doit présentement s'appeler 12258.js et qui contient ceci :

Code:

$(function(){var overrided=Chatbox.prototype.refresh;Chatbox.prototype.refresh=function(data){overrided.call(this,data);$('.user-msg').each(function(){var col=$(this).find(".user").attr("style");$(this).find(".msg span").attr("style",col)})}});

Il fait en sorte que la couleur du message soit la même que le nom d'utilisateur. C'est pour cette raison que sélectionner une couleur ne fait rien : elle est remplacée par la couleur du pseudo ensuite ! Si vous ne voulez plus de cette fonctionnalité, vous pouvez simplement désactiver ce script, tout refonctionnera ensuite.

[badibou]

Super merci Toryudo