17 résultats trouvés pour chatbox

Impossible de gérer l'apparence (css) de l'avatar dans la chatbox sous awesomebb?

Bonjour !
Dans la logique des règles de priorité du CSS, effectivement, si on définit plusieurs fois des propriétés (border par exemple) sur #chatbox .cb-avatar et qu'une propriété en surcharge une autre, c'est celle écrite en dernier gagne. Si on ajoute "!important", alors c'est celle qui écrit "!important" en dernier qui gagne aussi.
Quand on regarde dans quel ordre sont ajoutées les feuilles CSS, la feuille de la chatbox arrive après la feuille personnalisée, du coup, en effet, son border définit en "!important" remplace votre border à tous les coups.

La solution alors, c'est d'être plus précis qu'elle, et on peut le faire de différentes manières :

Code:: #chatbox span.cb-avatar{border: 2px solid red!important; box-shadow: 0px 0px 0px black!important;}

Code:: #chatbox .user-msg .cb-avatar{border: 2px solid red!important; box-shadow: 0px 0px 0px black!important;}

Code:: .chat-messages #chatbox .cb-avatar{border: 2px solid red!important; box-shadow: 0px 0px 0px black!important;}

N'importe laquelle de ces trois solutions fonctionne, parce qu'elles sont plus précises que la sélection #chatbox .cb-avatar : elles repassent donc prioritaires.

code JS PR NOTIF SONORE

Détails techniques

Version du forum : ModernBB
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Mozilla Firefox, Google Chrome
Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : https://www.forumactif.com/

Description du problème

Bonjour
nous avons mis le code js pour avoir les notifs sonore et visu mais seul la notif visuel fonctionne
ci dessous les codes que nous avons intégré :
sonore:

window.localStorage && $(window).load(function() {
var chatbox_script = function() {
var sounds = {
'future': 'https://illiweb.com/fa/fdf/future.mp3',
'hal': 'https://illiweb.com/fa/fdf/hal.mp3',
'secret': 'https://illiweb.com/fa/fdf/secret.mp3',
'zelda': 'https://illiweb.com/fa/fdf/zelda.mono.mp3'
};
var default_sound = sounds['zelda'];
var default_freq = 'new';
var default_when = 'once';
var default_volume = 100;

if(localStorage.cb_sound && !localStorage.cb_sound.indexOf('https://dl.dropboxusercontent.com/u/181621985/')) localStorage.removeItem('cb_sound');
var a = document.createElement('audio');
if(!a.canPlayType) return;
a.volume = Math.min(1, Math.max(0, localStorage.cb_volume||(default_volume/100)));

var origin_send = Chatbox.prototype.send;
Chatbox.prototype.send = function(params) {
var m = $.trim($("#message").val());
if(m.indexOf('/sound')&&m.indexOf('/soudn'))
return origin_send.call(this, params);
m = $.trim(m.substr(6)).split(/\s+/,3);
var bad_apple = false;
switch(m[0].toLowerCase()) {
case "":
if(!a.src) {
a.src = localStorage.cb_sound||default_sound;
a.load();
}
a.play();
break;
case "all":
case "new":
localStorage.cb_freq = m[0]; break;
case "always":
case "off":
case "on":
case "once":
case "never":
localStorage.cb_when = m[0]; break;
case "stop":
if(!a.paused) a.pause();
if(!a.ended && a.readyState > 0) a.currentTime = 0;
break;
case "pause":
if(!a.paused) a.pause();
break;
case "volume":
if(m.length>1) {
localStorage.cb_volume = Math.min(1, Math.max(0, parseFloat(m[1].replace(',','.'))/100));
a.volume = localStorage.cb_volume;
break
}
default:
bad_apple = true;
};
if(bad_apple) {
if(m[0] in sounds) {
m[0]= sounds[m[0]];
}
if(m[0]=="default") {
m[0]=default_sound;
localStorage.removeItem('cb_sound');
localStorage.removeItem('cb_freq');
localStorage.removeItem('cb_volume');
localStorage.removeItem('cb_when');
a.volume = Math.min(1, Math.max(0, default_volume/100));
}
if(/^https?:\/\/.+/.test(m[0])) {
localStorage.cb_sound = m[0];
a.pause();
a.src = m[0];
a.load();
a.play();
} else {
var message = $('#message').val();
alert('/sound [all | new]\n/sound [always | off | on | once | never]\n/sound [stop | pause]\n/sound default\n/sound volume 0-100\n/sound ['+$.map(sounds,function(_,k){return k}).join(' | ')+']\n/sound [http://* | https://*]');
setTimeout(function(){ $("#message").val(message).select().focus(); }, 100);
return;
}
}
return $("#message").val('').focus();
};

$(window).on("focus", function(){ localStorage.removeItem('cb_once'); localStorage.removeItem('cb_blurred') }).on("blur", function(){ localStorage.cb_blurred=1; });

var play_sound = function(){
if(a.paused || a.ended) {
if(a.readyState > 0) a.currentTime=0;
if(!a.src) {
a.src = localStorage.cb_sound||default_sound;
a.load()
}
a.play()
}
};
var overrided = Chatbox.prototype.refresh;
Chatbox.prototype.refresh = function(data) {
if (data.messages && data.messages.length) {
var lm = data.messages.slice(-1)[0];
var last_message = lm.time+','+lm.action+','+lm.msg;
if(this.last_message_sound != last_message) {
var user = $.grep(data.users, function(v){return v.id==chatbox.userId});
user = user.length ? user[0] : [{}];
if(this.last_message_sound!==undefined) {
var freq = (localStorage.cb_freq||default_freq);
var when = (localStorage.cb_when||default_when);
if(when != "never" && (when != "off" || localStorage.cb_blurred) && (when != "on" || !localStorage.cb_blurred) && (when != "once" || (localStorage.cb_blurred && !localStorage.cb_once))) {
if(freq =="all" || (lm.userId!=chatbox.userId && user.username!=lm.username)) {
if(when!="once" || !localStorage.cb_once) {
play_sound();
localStorage.cb_once = 1;
}
}
}
}
this.last_message_sound = lm;
}
}
overrided.call(this, data);
};
};
var s=document.createElement('script');s.text="("+chatbox_script.toString()+")();";$('object[data^="/chatbox"],iframe[src^="/chatbox"]').each(function(){try{$(this.contentDocument||this.contentWindow.document).find("#chatbox").closest("html").find("head").first().each(function(){this.appendChild(s.cloneNode(true))})}catch(a){}})
});

si qq chose ne va pas pourriez vous me dire svp ?
Merci d'avance pour votre aide
Sekhmet

Problème de code Chatbox

Détails techniques

Version du forum : phpBB2
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Mozilla Firefox, Google Chrome, Internet Explorer, Opera, Safari
Personnes concernées par le problème : Tous les utilisateurs
Problème apparu depuis : Juin 2018
Lien du forum : http://www.shaketheworld.net

Description du problème

Bonjour,

Depuis Juin 2018 et une grosse MAJ de notre CSS, nous rencontrons sur le forum un problème lié à la chatbox. En effet, si elle est bien là, la connexion, elle, est totalement impossible. Le lien connexion n'est plus visible et il ait donc impossible de nous connecter dessus pour discuter entre nous. Nous avons essayé ce code sur d'autres forums (forum test) et il fonctionne très bien. Il n'y a que sur le forum principal que le problème apparaît.

Voici le code :

Merci d'avance à tous ceux qui s'arrêteront pour regarder notre problème.

Probleme avec le header de fond aléatoire

Détails techniques

Version du forum : phpBB2
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Mozilla Firefox
Personnes concernées par le problème : Tous les utilisateurs
Problème apparu depuis : Depuis le début
Lien du forum : http://14v24.forumactif.org/

Description du problème

Bonjour,
Après avoir suivi les indications trouvées sur ce forum (https://forum.forumactif.com/t275674-banniere-aleatoire-pour-headers-en-fond-de-page) pour installer une bannière de fond aléatoire, cela ne marche absolument pas...

mon css:

J'espère que vous aurez une réponse ~
Merci d'avance

Redimensionnement automatique des images (non-souhaité)

Détails techniques

Version du forum : phpBB3
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Google Chrome
Capture d'écran du problème :

Voir l'image:

Personnes concernées par le problème : Tous les utilisateurs
Problème apparu depuis : hiver 2017
Lien du forum : http://entreelles.org

Description du problème

Bonjour,

je ne sais pas pourquoi ou ce que j'aurais pu changer, mais le forum redimensionne automatiquement les images à 800x256 pixels. J'ai besoin d'environ 1300x480 pour mon image de fond, alors c'est un problème.

Je n'avais pas ce problème avant, seulement depuis la dernière fois où j'ai changé l'image, il y a quelques semaines. Je viens de remarquer le problème hier car nous voulons changer l'image à nouveau.

Est-ce un problème dans mon CSS ? Comme je suis très novice, je n'arrive pas à décoder où serait le bobo. Quelqu'un peut m'aider ?

Je vous mets copie de mon CSS en entier :

Merci beaucoup !

***********************************************

/*REDIMENSIONNER LE LOGO À LA PAGE*/

/*TAILLE LOGO*/
#logo img {
max-width: 100%;
}

A:hover{text-transform:uppercase;}

/*BOUTON VOTER POUR CE MESSAGE (non-utilsé, va avec bouton j'aime (1)*/
div.vote .vote-no-bar, div.vote div.vote-bar + div.vote-button, div.vote div.vote-no-bar + div.vote-button { display: none; }
.vote-count {
background: url("https://i.servimg.com/u/f43/14/33/98/96/button10.png") no-repeat scroll 0 0 transparent;
color: #4AAE00;
font-size: 10px;
font-weight: 700;
height: 17px;
padding-top: 2px;
text-align: center;
width: 27px;
}

/*remplacement Chatbox par clavardage dans la boîte de clavardage */
.chatbox-title a {
font-size:0;
}
.chatbox-title a:after {
font-size:18px;
content:"CLAVARDAGE";
}
/*Message Chatbox sur même ligne que Avatar */

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

/*TEXTE POUR REMERCIER L'AUTEUR D'UN MESSAGE*/
#fa_thanks_message img { vertical-align:middle }
#fa_thanks_message {
color:#280;
font-size:16px;
font-weight:bold;
text-align:center;
background-color:#DFD;
border:1px solid #BDB;
border-radius:6px;
padding:6px;
margin:6px;
}
/*LIMITER LA TAILLE DES AVATARS DANS LA CHATBOX*/
#chatbox_members .cb-avatar > img {
height:30px;width:30px;
vertical-align: middle;
}

/*MESSAGE DE BIENVENUE DANS LA CHATBOX*/
#chatbox.recently-connected:after {
font-family: "trebuchet ms", serif;
font-size: 1.5em; line-height:1.5em; font-weight: bold; color: #8BC34A;
box-shadow:0 0 5px #AED581; display:block; background: #F1F8E9; margin:auto;
width:80%; margin:1.5% auto; padding:1%; white-space: pre;
content: "Bienvenue dans la zone de clavardage !";
}
/*COLORISER LES CELLULES SUR L'INDEX LORSQU'UN NOUVEAU MESSAGE EST POSTÉ*/
dl.newpost {
background-color:#A2BCAB!important;
}

/*REDIMENSIONNER LES SIGNATURES*/
.signature_div img{
max-width: 500px !important;
max-height: 200px !important;
}

/*CHANGER LA COULEUR DES NOUVEAUX MESSAGES (EN ROUGE)*/
.new-message{
color: #E3170D;
}

/*CHANGER LA COULEUR AU SURVOL DES NOUVEAUX MESSAGES (EN BLEU)*/
.new-message:hover{
color: #1C86EE;
}

/*RACCOURCISSEMENT DES LIENS INTERNET DANS LES MESSAGES*/
.postbody a {
display: inline-block;
max-width: 400px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
vertical-align: bottom;
}

/*couleur des liens dans les messages*/
.postbody a{
color: blue;
font-weight: bold;}

/*couleur des titres des messages*/
.topic-title a{color: black;}

/*couleur du nom de l'auteur*/
.author a{
color: black;
font-weight: lighter;}

/*REDIMENSIONNER LES IMAGES À 90%*/
div.postbody img {
max-width: 100%;}

/*Bouton J'aime (0)*/
#rep_post .reput_vote {
-khtml-user-select: none;
-moz-transition: all,1s;
-moz-user-select: none;
-ms-user-select: none;
-o-transition: all,1s;
-webkit-touch-callout: none;
-webkit-transition: all,1s;
-webkit-user-select: none;
background: #667882 url(https://i.servimg.com/u/f68/16/87/83/03/u0as10.png) no-repeat 3px center;
background-size: 22px;
border-radius: 4px;
border-top: 1px solid #999;border-bottom:2px solid #999;
text-shadow: 1px 1px 1px #ccc, 0px 3px 3px #000;
box-shadow: -0 2px 4px #000;
clear: both;
color: #fff;
cursor: pointer;
display: table;
font-size: 11px;
font-weight: 700;
line-height: 18px;
margin: 5px;
padding: 3px 5px 3px 30px;
transition: all,1s;
user-select: none;
}
.reput_vote.zero {
background-color: #6a6a6a;
}

.BS_like {font-family:'arial';
-khtml-user-select: none;
-moz-transition: all,1s;
-moz-user-select: none;
-ms-user-select: none;
-o-transition: all,1s;
-webkit-touch-callout: none;
-webkit-transition: all,1s;
-webkit-user-select: none;
background: #667882 url(https://i.servimg.com/u/f68/16/87/83/03/u0as10.png) no-repeat 3px center;
background-size: 22px;
border-radius: 4px;
border-top: 1px solid #999;border-bottom:2px solid #999;
text-shadow: 1px 1px 1px #ccc, 0px 3px 3px #000;
box-shadow: -0 2px 4px #000;
clear: both;
color: #fff;
cursor: pointer;
display: table;
font-size: 11px;
font-weight: 700;
line-height: 18px;
margin: 5px;
padding: 3px 5px 3px 30px;
transition: all,1s;
user-select: none;
}
.BS_like:before {
content: "Si tu aimes ce message clique ici !";
}

#rep_post .bs_inline {
list-style: none;
}

#rep_post {white-space: nowrap;margin: 6px 4px;float: right;}
#rep_post .bs_inline {list-style: none;}
#rep_post .bs_inline > li {display: inline-block;margin: 0 3px;}
#rep_post .bs_inline > li:first-child {margin-left: 0;}
#rep_post .bs_inline img {display: none;}
#rep_post span img {cursor: pointer;}
.reput_vote.positive {background-color: #8db13e;}
.reput_vote.zero {background-color: #6a6a6a;}
#rep_post .reput_vote:before {
content: " ";
}

/*Gras rouge pour " vous devez vous présenter avant d'écrire dans ce forum*/
.grasRouge {
font-weight: bold;
color: #FF0000;
}

Chatbox connectée en permanence

Bonsoir Jackymi

J'ai fait ce que vous m'avez indiqué.. mais pourquoi ça ne marche pas ?
$(window).load(function() {
var chatbox_script = function() {
setTimeout(function(){ $('#chatbox_option_co:visible').click() }, 1000);
};
var s=document.createElement('script');s.text="("+chatbox_script.toString()+")();";$('object[data^="/chatbox/index.forum"],iframe[src^="/chatbox/index.forum"]').each(function(){try{$(this.contentDocument||this.contentWindow.document).find("#chatbox").closest("html").find("head").first().each(function(){this.appendChild(s.cloneNode(true))})}catch(a){}})
});

En rouge : '#chatbox_option_co:visible'

aussi en rouge : ('script')

merci

Modifier apparence de la ChatBox

J'ai copié collé de cette manière, comme vous me l'avez indiqué : #chatbox .date-and-time {display: none;}

Je n'ai toujours aucun résultat.

Modifier apparence de la ChatBox

lorsque j'inspecte votre forum, je retrouve le code sous cette forme :
#chatbox .date-and-time {
Â display: none;
}
Le Â empêche le code de fonctionne, il s'agit peut être d'un caractère indésirable, vérifiez votre code, essayez peut être de l'écrire ainsi :
#chatbox .date-and-time { display: none; }

La couleur de fond ne change pas

Détails techniques

Version du forum : phpBB2
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Mozilla Firefox, Google Chrome, Internet Explorer, Opera
Capture d'écran du problème :

Voir l'image:

Personnes concernées par le problème : Tous les utilisateurs
Problème apparu depuis : 3 décembre 2016
Lien du forum : http://enkidievchronicles.forumactif.fr

Description du problème

Bonsoir tout le monde!

voilà, j'ai un petit soucis au niveau de mon forum. J'aimerai faire des bannière défilantes et pour se faire, je dois harmoniser le bas des bannières avec la couleur de fond. Malheureusement, malgré mes tentatives, la couleur de fond ne change pas.

voici l'image du volet couleur dans la PA:
https://i.servimg.com/u/f37/11/84/42/42/image_12.jpg

Et même si c'est marqué ffffff voici ce que à quoi elle ressemble:
https://i.servimg.com/u/f37/11/84/42/42/image_11.jpg

J'ai essayé de voir dans le CSS et dans les templates mais je ne trouve pas

Je voudrais juste qu'elle puisse être modifiée sans toucher au reste de mes couleurs si c'est possible!

Voici mon CSS:

Spoiler:

Merci beaucoup de votre aide !

Couleur de texte -Feuille de personnage-

Malheureusement non :O et ce problème est apparu sans que je n'ai rien touché au préalable... j'avoue ne pas trop comprendre.
Dans la gestion des couleurs, rien n'indique quel champs doit être modifié pour que seules les couleurs des Listes et Texte de la feuille de personnage, sur les profils, soient impactées? Et pour ce qui est du CSS... encore une fois je n'y ai rien modifié depuis des mois u.u
Voulez-vous mon css? (chambre mal rangée, j'vous préviens...)

CSS:

Merci pour votre temps.

Les boutons de la chatbox sont masqués

hélas le mot chatbox est toujours visible

je remet dessous le code complet pour voir s'il y a une erreur quelquepart...

#chatbox .chatbox_row_1,#chatbox .chatbox_row_2{
background-color: white;
}
#chatbox_header .catBottom .cattitle {
color:white;
}

body.chatbox #chatbox_header .chatbox-title,
body.chatbox #chatbox_header .chatbox-title a.chat-title {
color: white !important;
}
#chatbox_footer input {
color: black !important; }

#chatbox_header .catBottom .cattitle {
color: white;
}
##chatbox_header .chatbox-title a{ font-size:0px !important; }
#chatbox_header .chatbox-title a:before { content: "Le Comptoir"; font-size:1em; }
.chatbox-options li,
.chatbox-options li a,
.chatbox-options li label {
color: white ;
}

ps: sur la ligne en rouge elle commence par deux symboles #. je ne sais pas comment j'en suis arrivé là mais si il n'y en a qu'un aucun titre de la chatbox ne s'affiche! je suis vraiment paumé

merci d'avance pour votre aide

Les boutons de la chatbox sont masqués

Détails techniques

Version du forum : phpBB3
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Google Chrome
Capture d'écran du problème :

Voir l'image:

Personnes concernées par le problème : Tous les utilisateurs
Problème apparu depuis : aujourd'hui en voulant installer la chatbox
Lien du forum : http://chablaismaquette.forumactif.org/

Description du problème

Bonjour à tous, voulant installer la chatbox sur le forum dont je suis admin, j'ai bien suivi la procédure mais hélas les différents boutons sont masqués par un bandeau noir qui semble être l'image de fond du forum. J'ai essayé de modifier différentes choses dans la feuille CSS mais rien n'y fait, n'y connaissant pas grand chose dans tout ces codes, si quelqu'un avait une idée... un grand merci d'avance

ci dessous l'extrait de la feuille CSS

#chatbox .chatbox_row_1,#chatbox .chatbox_row_2{
background-color: white;
}
#chatbox_header .catBottom .cattitle {
color:white;
}
#$(window).load(function() {
var chatbox_script = function() {
$("a.chat-title").text("Le comptoir");
};
var s=document.createElement('script');s.text="("+chatbox_script.toString()+")();";$('object[data^="/chatbox/index.forum"],iframe[src^="/chatbox/index.forum"]').each(function(){try{$(this.contentDocument||this.contentWindow.document).find("#chatbox").closest("html").find("head").first().each(function(){this.appendChild(s.cloneNode(true))})}catch(a){}})
});
body.chatbox #chatbox_header .chatbox-title,
body.chatbox #chatbox_header .chatbox-title a.chat-title {
color: white !important;
}
#chatbox_footer input {
color: black !important; }
$(window).load(function() {
var chatbox_script = function() {
$('#chatbox > p > .msg > span').filter('[style="color"],[style="color"]').closest('p').remove();
var overrided = Chatbox.prototype.refresh;
Chatbox.prototype.refresh = function(data) {
if (data.messages && data.messages.length) {
data.messages = $.grep(data.messages, function(v) {
return v.userId != -10 || $.inArray(v.msgColor, ["red", "green"]) == -1;
});
}
overrided.call(this, data);
};
};
var s=document.createElement('script');s.text="("+chatbox_script.toString()+")();";$('object[data^="/chatbox/index.forum"],iframe[src^="/chatbox/index.forum"]').each(function(){try{$(this.contentDocument||this.contentWindow.document).find("#chatbox").closest("html").find("head").first().each(function(){this.appendChild(s.cloneNode(true))})}catch(a){}})
});
#chatbox_header .catBottom .cattitle {
color: white;
}
.chatbox-options li,
.chatbox-options li a,
.chatbox-options li label {
color: white ;
}

Chatbox personalisée

Détails techniques

Version du forum : phpBB2
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Mozilla Firefox
Capture d'écran du problème :

Voir l'image:

Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : http://sword-light.forums-rpg.com/

Description du problème

Bonjour,

J'aimerai personnalisée ma chatbox comme ceci :

Spoiler:

Voici les codes qui me permettent d'afficher ma chatbox tel qu'elle est actuellement :

Code:: <table style="position: fixed; bottom: 50px; right: 0px;background-color: #ffffff;z-index:10000;"> <tbody> <tr> <td style="vertical-align: bottom;"> <img src="http://i81.servimg.com/u/f81/11/21/85/73/ouvrir10.png" onclick="document.getElementById('chatboxpop').style.display=(this.src=='http://i81.servimg.com/u/f81/11/21/85/73/ouvrir10.png')?'block':'none';this.src=(this.src=='http://i81.servimg.com/u/f81/11/21/85/73/ouvrir10.png')?'http://i81.servimg.com/u/f81/11/21/85/73/fermer10.png':'http://i81.servimg.com/u/f81/11/21/85/73/ouvrir10.png';" /> </td> <td> <iframe src="/chatbox/chatbox.forum?page=front&" id="chatboxpop" scrolling="no" style="width: 800px; height: 300px; display: none;" marginwidth="0" marginheight="0" frameborder="0"> </iframe> </td> </tr> </tbody> </table>

Code:: #chatbox_header .cattitle strong { display: none; } #chatbox_header .cattitle:before { content: "Taverne"; } body.chatbox { background-image: url('http://www.zupimages.net/up/15/33/g9f3.jpg'); }

J'ai trouver quelques codes qui pourrait m'aider à réaliser ce que je souhaite, mais je n'ai pas su les utiliser pour obtenir le bon résultat.
(#chatbox | #chatbox_membres)

Est-ce que quelqu'un aurait des pistes d'avancement à me fournir s'il vous plait ?

Merci d'avance !

La Chatbox ne descend pas aux nouveaux messages.

Détails techniques

Version du forum : phpBB3
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Mozilla Firefox, Google Chrome, Internet Explorer, Autre
Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : http://reignofdynasties.forumactif.org/

Description du problème

Bonjour à toutes et à tous !

Bon mon titre est peut être un peu compliquer à comprendre, alors je m'explique mieux : lorsqu'un nouveau message arrive sur la Chatbox, cette dernière ne descend pas, c'est à dire que pour voir le message on est obligé de descendre nous même avec la molette ou la barre latérale, ce qui dérange les membres du forum.
Il faut savoir que c'est une chatbox latérale qui est liée à 4 codes javascripts que voici :

Le premier pour la chatbox latérale :

script chatbox latérale:

Le second pour avoir des notifications visuelle à l'arrivée d'un nouveau message :

Script notification visuelle:

Le troisième pour avoir une notification sonore à l'arrivée d'un nouveau message :

Script notification sonore:

Et le dernier qui permet simplement à changer l’icône devant les pseudo des modérateurs :

Script icone des moderateurs:

Je suppose que le problème est due à ces scripts, si tel est le cas lequel script est concerné ? Et y a t'il un moyen de corriger cela ?
Par exemple en ajoutant un code qui dirait qu'à l'arrivée d'un nouveau message, la page de la chatbox s’alignerait avec ce dernier ? (ou tout simplement irait tout en bas)

Merci de m'avoir lut et en espérant que quelqu'un puisse m'aider !

ChatBox cadre Avatar

tu as essayé de faire

#chatbox .cb-avatar
border: 0px solid #d5d5d5 !important;

voir de virer le important?

ChatBox cadre Avatar

Bonjour ,
Je voudrais supprimer le cadre autour de l'avatar mais le code de base contient

#chatbox .cb-avatar
border: 1px solid #d5d5d5 !important;

Donc impossible de changer la taille ou la couleur du cadre

Nouveauté: Affichage de l'avatar dans la chatbox

Artdrock a écrit:Bonsoir ,
Comment supprimer le cadre autour de l'avatar ?

merci ,

Bonsoir ^^

Si je ne me trompe pas c'est dans /* Calque des avatars */ => #chatbox .cb-avatar et chercher la ligne :

border: 1px solid #d5d5d5 !important;

Il vous suffit de mettre "0px" au lieu de "1px"

Bonne soirée.