Les boutons de la chatbox sont masqués

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Les boutons de la chatbox sont masqués

Message par forumchablaismaquette le Mar 7 Juin 2016 - 16:09

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



Dernière édition par forumchablaismaquette le Mer 15 Juin 2016 - 18:47, édité 1 fois

forumchablaismaquette
Nouveau membre

Messages : 6
Inscrit(e) le : 07/06/2016

http://chablaismaquette.forumactif.org/
forumchablaismaquette a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Les boutons de la chatbox sont masqués

Message par Eiffel01 le Dim 12 Juin 2016 - 19:46

Bonjour,
Je repèche peut-être ce sujet mais... une feuille CSS ne doit contenir QUE du CSS, or là il y a du javascript...
Peut-être que cela vient de ça.
Remplacez le code que vous avez fourni par celui-ci :
Code:
#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-options li,
.chatbox-options li a,
.chatbox-options li label {
color: white ;
}

Puis dans P.A > Module > Gestion des codes javascript (en bas), créez un nouveau code puis ajoutez ceci :
Code:

#$(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){}})
});

$(window).load(function() {
var chatbox_script = function() {
$('#chatbox > p > .msg > span').filter('[style="color:green"],[style="color:red"]').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){}})
});

Je n'ai pas testé ces codes... Si cela persiste, essayez de désactiver les codes javascript pour voir si le problème est toujours là.

Bonne soirée

Eiffel01
***

Masculin
Messages : 177
Inscrit(e) le : 10/03/2014

http://maths-laboisse.forumactif.org
Eiffel01 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Les boutons de la chatbox sont masqués

Message par forumchablaismaquette le Lun 13 Juin 2016 - 11:48

merci pour cette réponse Eiffel01, tout à l'air de fonctionner hormis le fait que le nom de la chatbox reste celui par défaut et non celui que je voulais spécifier Wink
J'attends encore un peu au cas où l'un d'entre vous aurait une solution pour modifier le titre afin de pouvoir passer ce sujet au statut "Résolu"
Encore merci

Fred

forumchablaismaquette
Nouveau membre

Messages : 6
Inscrit(e) le : 07/06/2016

http://chablaismaquette.forumactif.org/
forumchablaismaquette a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Les boutons de la chatbox sont masqués

Message par Eiffel01 le Lun 13 Juin 2016 - 11:51

Bonjour,
Heureux que cela fonctionne Very Happy
Voici un code pour changer le nom de la Chatbox :
Code:
#chatbox_header .cattitle strong { display: none; }
#chatbox_header .cattitle:before { content: "NOM DE TA BOX"; }
On masque le titre de la chatbox puis on place avant ce titre masqué le nom que l'on veut.

Bonne journée Very Happy

Eiffel01
***

Masculin
Messages : 177
Inscrit(e) le : 10/03/2014

http://maths-laboisse.forumactif.org
Eiffel01 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Les boutons de la chatbox sont masqués

Message par forumchablaismaquette le Lun 13 Juin 2016 - 13:23

je viens d'essayer mais hélas cela ne change rien, le nom reste désespérément "Chatbox" What's happen ?!?

forumchablaismaquette
Nouveau membre

Messages : 6
Inscrit(e) le : 07/06/2016

http://chablaismaquette.forumactif.org/
forumchablaismaquette a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Les boutons de la chatbox sont masqués

Message par kawarz le Mar 14 Juin 2016 - 17:00

Bonjour, pourriez vous essayer ceci ?


Code:

#chatbox_header .chat-title { font-size:0px !important; }
#chatbox_header .chat-title:before { content: "Le Comptoir"; font-size:2em; }



kawarz
****

Masculin
Messages : 229
Inscrit(e) le : 09/08/2011

http://testpourunforum.forumactif.org
kawarz a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Les boutons de la chatbox sont masqués

Message par forumchablaismaquette le Mar 14 Juin 2016 - 18:54

merci il y a du mieux! maintenant j'ai le texte suivant qui s'affiche: Le ComptoirChatbox What's happen ?!?

forumchablaismaquette
Nouveau membre

Messages : 6
Inscrit(e) le : 07/06/2016

http://chablaismaquette.forumactif.org/
forumchablaismaquette a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Les boutons de la chatbox sont masqués

Message par kawarz le Mar 14 Juin 2016 - 18:55

Oups, j'ai oublié quelque chose:


Code:

#chatbox_header .chatbox-title a{ font-size:0px !important; }
#chatbox_header .chatbox-title a:before { content: "Le Comptoir"; font-size:2em; }



kawarz
****

Masculin
Messages : 229
Inscrit(e) le : 09/08/2011

http://testpourunforum.forumactif.org
kawarz a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Les boutons de la chatbox sont masqués

Message par forumchablaismaquette le Mer 15 Juin 2016 - 8:18

hélas le mot chatbox est toujours visible scratch scratch

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é confused

merci d'avance pour votre aide

forumchablaismaquette
Nouveau membre

Messages : 6
Inscrit(e) le : 07/06/2016

http://chablaismaquette.forumactif.org/
forumchablaismaquette a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Les boutons de la chatbox sont masqués

Message par kawarz le Mer 15 Juin 2016 - 11:47

Ah, légère erreur de ma part, mettre la police en em était pas une bonne idée xD
Code:
#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:18px; }
.chatbox-options li,
.chatbox-options li a,
.chatbox-options li label {
color: white ;
}

kawarz
****

Masculin
Messages : 229
Inscrit(e) le : 09/08/2011

http://testpourunforum.forumactif.org
kawarz a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Les boutons de la chatbox sont masqués

Message par forumchablaismaquette le Mer 15 Juin 2016 - 18:47

youpiiii ça fonctionne un grand merci pour ton aide victoire victoire

forumchablaismaquette
Nouveau membre

Messages : 6
Inscrit(e) le : 07/06/2016

http://chablaismaquette.forumactif.org/
forumchablaismaquette a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum