Les boutons de la chatbox sont masqués
3 participants
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1 • Partagez
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'avanceci 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
Re: Les boutons de la chatbox sont masqués
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 :
Puis dans P.A > Module > Gestion des codes javascript (en bas), créez un nouveau code puis ajoutez ceci :
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
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
Re: Les boutons de la chatbox sont masqués
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
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
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
Re: Les boutons de la chatbox sont masqués
Bonjour,
Heureux que cela fonctionne
Voici un code pour changer le nom de la Chatbox :
Bonne journée
Heureux que cela fonctionne
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"; }
Bonne journée
Re: Les boutons de la chatbox sont masqués
je viens d'essayer mais hélas cela ne change rien, le nom reste désespérément "Chatbox"
Re: Les boutons de la chatbox sont masqués
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; }
Re: Les boutons de la chatbox sont masqués
merci il y a du mieux! maintenant j'ai le texte suivant qui s'affiche: Le ComptoirChatbox
Re: Les boutons de la chatbox sont masqués
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; }
Re: 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
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
Re: Les boutons de la chatbox sont masqués
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 ;
}
Re: Les boutons de la chatbox sont masqués
youpiiii ça fonctionne un grand merci pour ton aide
Sujets similaires
» Les Images sur Servimg masques les boutons de navigation en bas
» Les Boutons dans le "corps du message" ne sont pas là
» Boutons du menu ne sont pas à la même hauteur
» Les boutons de la barre de navigation sont collés
» Les boutons ne sont plus dans ma barre de menus ou bien ils ne fonctionnent plus
» Les Boutons dans le "corps du message" ne sont pas là
» Boutons du menu ne sont pas à la même hauteur
» Les boutons de la barre de navigation sont collés
» Les boutons ne sont plus dans ma barre de menus ou bien ils ne fonctionnent plus
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum