Problème de l'apparence de la chatbox latérale avec sélecteur de styles
2 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
Problème de l'apparence de la chatbox latérale avec sélecteur de styles
Détails techniques
Version du forum : phpBB2
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Mozilla Firefox, Google Chrome, Internet Explorer
Capture d'écran du problème :
- Voir l'image:
Personnes concernées par le problème : Tous les utilisateurs
Problème apparu depuis : Installation du sélecteur de styles
Lien du forum : http://xarchange-tests.forumactif.org
Description du problème
Bonjour,J'ai récemment installé un sélecteur de styles sur mon forum, de sorte à avoir deux designs différents. Le sélecteur fonctionne parfaitement et mes deux thèmes sont exactement comme je le souhaite... sauf pour la chatbox latérale.
Pour une raison que je n'arrive pas à déterminer, la couleur de fond de la chatbox s'obstine à rester identique à celle du design proposé par défaut. La chatbox s'affiche donc comme le montre le screen posté un peu plus haut, alors qu'elle devrait s'afficher comme ceci :
- Voir l'image:
La chatbox latérale du forum par défaut ressemble, quant à elle, à ceci :
- Voir l'image:
Etrangement, la bordure de ma chatbox latérale s'affiche comme souhaité, mais ça s'arrête là.
Voici le CSS qui s'applique normalement à ma chatbox (il doit être un peu redondant d'ailleurs, j'ai fait pas mal de test pour voir ce qui n'allait pas (j'ai également enlevé ici quelques parties qui étaient complètement inutiles à mon sens) :
- Code:
#chatbox
{
background-color: #0f2240!important;
}
.chatbox
{
background-color: #0f2240!important;
}
#chatbox_header .catBottom .cattitle /* Titre de la CB */
{
color: silver;
font-size: 14px;
text-shadow: 1px 1px 0px black;
-moz-text-shadow: 1px 1px 0px black;
-o-text-shadow: 1px 1px 0px black;
-webkit-text-shadow: 1px 1px 0px black;
}
#chatbox_header /* Entête de la CB */
{
background-color: #0f2240;
}
#chatbox .chatbox_row_1,#chatbox .chatbox_row_2 /* Fond des messages */
{
background-color: #0f2240!important;
}
body.chatbox /* Corps de la CB */
{
background-color: #0f2240!important;
}
#chatbox_footer .fontbutton /* Boutons - balises */
{
background-color: lightgrey;
box-shadow: 0px 0px 5px black;
-moz-box-shadow: 0px 0px 5px black;
-o-box-shadow: 0px 0px 5px black;
-webkit-box-shadow: 0px 0px 5px black;
transition: 0.5s;
-moz-transition: 0.5s;
-o-transition: 0.5s;
-webkit-transition: 0.5s;
}
#chatbox_footer .fontbutton:hover
{
box-shadow: 0px 0px 5px white;
-moz-box-shadow: 0px 0px 5px white;
-o-box-shadow: 0px 0px 5px white;
-webkit-box-shadow: 0px 0px 5px white;
}
#chatbox_main_options
{
color: silver!important;
}
#chatbox_main_options a
{
color: silver!important;
text-decoration: none!important;
}
#chatbox_members /* Partie "Membres" de la CB */
{
border-right: 1px solid silver!important;
}
.online /* "En ligne" */
{
border-bottom: 1px solid silver;
color: silver!important;
font-size: 12.5px;
text-shadow: 1px 1px 0px black;
-moz-text-shadow: 1px 1px 0px black;
-o-text-shadow: 1px 1px 0px black;
-webkit-text-shadow: 1px 1px 0px black;
}
.away /* "Absent" */
{
border-bottom: 1px solid silver;
font-size: 12.5px;
color: silver!important;
text-shadow: 1px 1px 0px black;
-moz-text-shadow: 1px 1px 0px black;
-o-text-shadow: 1px 1px 0px black;
-webkit-text-shadow: 1px 1px 0px black;
}
#chatboxpop /* ChatBox latérale */
{
border-radius: 0px 20px 20px 0px;
-moz-border-radius: 0px 20px 20px 0px;
-o-border-radius: 0px 20px 20px 0px;
-webkit-border-radius: 0px 20px 20px 0px;
border: 1px dotted white;
border-left: none;
background-color: #0f2240!important;
}
#chatboxopen_close img[src="http://img15.hostingpics.net/pics/711637imagevide.png"]
{
background-image: url("http://img15.hostingpics.net/pics/975328ChatBox.png");
width: 30px;
height: 100px;
border: 1px solid white;
}
Et le code JS pour la chatbox latérale (j'ignore si c'est nécessaire, mais au cas où...) :
- Code:
$("head").append('<link rel="stylesheet" type="text/css" id="tstyle" />');
if(my_getcookie("sstyle")) { $("#tstyle").attr("href", my_getcookie('sstyle')); }
function addstyle(nom,lien) { $("#sstyle").append('<option value="'+lien+'">'+nom+'</option>'); }
$(function(){
$("#frame_chatbox").load(function(){
$("#frame_chatbox").contents().find("head").append($("#tstyle").clone());
});
$("iframe[name=smilies]").load(function(){
$("iframe[name=smilies]").contents().find("head").append($("#tstyle").clone()).append('<style type="text/css">body{margin:0!important;}</style>');
});
$("#selecteur").append('<select id="sstyle" onChange="my_setcookie(\'sstyle\',$(\'#tstyle\')[0].href=this.value,1,0);$(\'#frame_chatbox,iframe[name=smilies]\').contents().find(\'#tstyle\').attr(\'href\',this.value);this.selectedIndex=0;"><option>Choisir un thème</option></select>');
addstyle("Neutre (par défaut)","");
addstyle("AEON","http://www.aht.li/2478025/design_aeon.css");
});
Merci d'avance à ceux qui voudront bien m'aider.
Bien cordialement.
Dernière édition par xArchange le Jeu 25 Sep 2014 - 16:31, édité 1 fois
Re: Problème de l'apparence de la chatbox latérale avec sélecteur de styles
Hello,
Si dans ton code tu remplaces tous les "#frame_chatbox" par "#chatboxpop", le résultat est-il mieux ?
Si dans ton code tu remplaces tous les "#frame_chatbox" par "#chatboxpop", le résultat est-il mieux ?
Re: Problème de l'apparence de la chatbox latérale avec sélecteur de styles
Ok, alors moi, je suis complètement débile parce que j'ai copié/collé le script du sélecteur de style plutôt que celui de la chatbox latérale (j'accepte la lapidation instantanée, je le mérite), mais toi par contre, tu es tout simplement géniale !!
Ca fonctionne parfaitement et à absolument aucun moment ça ne m'avait traversé l'esprit. Un grand bravo, d'autant plus que le code que j'avais posté n'était pas celui annoncé, et merci énormément ! A chaque fois, c'est toi qui me sauve !
Merci merci merci !
EDIT : Ah bah en fait, le problème est inversé x) Maintenant, c'est la CB normale qui a le problème.
EDIT 2 : J'ai fini par trouver la solution ! En fait, j'ai remplacé tous les "#frame_chatbox" (qui avaient eux-même été remplacés par "#chatboxpop") "#frame_chatbox, #chatboxpop" et ça a l'air de fonctionner. J'ignore si c'est très correct de faire ça, mais le résultat est là, donc je ne vais pas trop me poser de questions.
Merci beaucoup de ton aide, [Nihil], sans laquelle je serais encore en train de m'arracher les cheveux.
Cette fois-ci, je passe en résolu pour de bon.
Ca fonctionne parfaitement et à absolument aucun moment ça ne m'avait traversé l'esprit. Un grand bravo, d'autant plus que le code que j'avais posté n'était pas celui annoncé, et merci énormément ! A chaque fois, c'est toi qui me sauve !
Merci merci merci !
EDIT : Ah bah en fait, le problème est inversé x) Maintenant, c'est la CB normale qui a le problème.
EDIT 2 : J'ai fini par trouver la solution ! En fait, j'ai remplacé tous les "#frame_chatbox" (qui avaient eux-même été remplacés par "#chatboxpop") "#frame_chatbox, #chatboxpop" et ça a l'air de fonctionner. J'ignore si c'est très correct de faire ça, mais le résultat est là, donc je ne vais pas trop me poser de questions.
Merci beaucoup de ton aide, [Nihil], sans laquelle je serais encore en train de m'arracher les cheveux.
Cette fois-ci, je passe en résolu pour de bon.
Sujets similaires
» problème avec ma Chatbox LAtérale
» Problème avec la chatbox latérale
» Problème avec la chatbox latérale
» Problème avec la chatbox latérale
» [Problème] Fond chatbox latérale
» Problème avec la chatbox latérale
» Problème avec la chatbox latérale
» Problème avec la chatbox latérale
» [Problème] Fond chatbox latérale
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