Problème de l'apparence de la chatbox latérale avec sélecteur de styles

2 participants

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

  • 0

Résolu Problème de l'apparence de la chatbox latérale avec sélecteur de styles

Message par xArchange Jeu 25 Sep 2014 - 14:25

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
xArchange

xArchange
Nouveau membre

Féminin
Messages : 24
Inscrit(e) le : 11/12/2013

http://xarchange-tests.forumactif.org
xArchange a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Problème de l'apparence de la chatbox latérale avec sélecteur de styles

Message par [Nihil] Jeu 25 Sep 2014 - 16:09

Hello,

Si dans ton code tu remplaces tous les "#frame_chatbox" par "#chatboxpop", le résultat est-il mieux ?
[Nihil]

[Nihil]
Membre habitué

Messages : 1215
Inscrit(e) le : 10/12/2009

https://forum.forumactif.com
[Nihil] a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème de l'apparence de la chatbox latérale avec sélecteur de styles

Message par xArchange Jeu 25 Sep 2014 - 16:15

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 ! Smile

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. Smile

Cette fois-ci, je passe en résolu pour de bon. Wink
xArchange

xArchange
Nouveau membre

Féminin
Messages : 24
Inscrit(e) le : 11/12/2013

http://xarchange-tests.forumactif.org
xArchange a été remercié(e) par l'auteur de ce sujet.

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

- Sujets similaires

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