Changer également le thème de la boîte de smiley avec le sélecteur de thème

[Invité]

Bonjour à tous!

Je m'adresse à vous car je ne parviens pas à me dépatouiller toute seule... J'espère que vous pourrez m'aider! (pleine d'espoir )

Suite au super tuto, j'ai réussi à installer un sélecteur de thème sur mon forum (différentes couleurs proposées aux membres). Le problème, c'est que la smileybox, elle, ne change pas de couleur, quel que soit le thème sélectionné... :/

J'ai eu beau essayé de rajouter des petits trucs sur les feuilles CSS (je n'y connais d'ailleurs pas grand chose...) mais rien à faire, la couleur de fond ne change pas

Avez-vous une idée, une solution?

Je vous remercie d'avance !

karin.

[Invité]

petit up

[Ea]

Bonjour,


Il faut faire une modification du script mais je peux avoir ce que vous avez afin de le modifier ? Aussi ça ne fonctionnera que pour la page d'index

Cordialement.

[Invité]

Bonjour !!

En fait pour les feuilles CSS, j'ai pris la feuille CSS de base (celle qu'on obtient en cliquant sur le PA) et j'ai juste changé les codes de couleur ( )
Et en fait j'ai regardé, y'a rien concernant cette smiley box! Du coup j'ai rajouté ça à la fin :

Code:

/* Emoticons panel */
#smiley-box {
   height: 280px;
   width: 220px;
   background-color: #eeeef0;
   }
#frame_smiley-box {
   border: none !important;
   }

Et c'est tout
Et donc pas de changement, pourtant je pensais qu'en modifiant partout la couleur, ça marcherait au poil!

(Si jamais voilà le script, j'ai essayé de filtrer un peu pour pas que ce soit trop long (mais ça l'est encore au final ))

Spoiler:

Dites moi si c'est plus simple pour vous que je mette plutôt tout le script s'il manque des choses! Je craignais que ce soit trop lourd.
Euh, sinon qu'entendez-vous par "Ca ne fonctionnera que pour la page d'index"? Vous voulez dire que quand on répondra à un post, du coup la couleur de fond ne sera pas changée? Mais on ne voit pas la smileybox sur la page d'index...?

[Ea]

Ah j'ai compris chatbox par smiley box


Enfin ce qu'il me faudrait c'est le code du sélecteur pour en faire un nouveau, je suis parvenu à faire ce qu'il fallait pour la chatbox et pour la smiley box ça devrait être pareil je vais regarder ^^

Cordialement.

[Invité]

Ah lol!

J'ai fait comme pour le tuto en fait, donc ça donne ça :

Spoiler:

(Enfin, je pense que c'est de ça dont vous parliez quand vous dites le code du sélecteur...? )

edit : Merci pour vos réponses si rapides en tout cas!

[Ea]

Alors vous pourriez essayer de remplacer le script par ceci :

Code:

jQuery('head').append('<link rel="stylesheet" type="text/css" id="ttheme" />'); if(my_getcookie('stheme')) { jQuery('#ttheme').attr('href', my_getcookie('stheme')); jQuery('#frame_chatbox,iframe[name=smilies]').ready(function(){jQuery('#frame_chatbox,iframe[name=smilies]').contents().find('head').append('<link rel="stylesheet" href="'+my_getcookie('stheme')+'" type="text/css" id="ttheme" />');}); } function addTheme(nom,lien) { var nOption = document.createElement("option"); nOption.innerHTML= nom; nOption.value= lien; document.getElementById('stheme').appendChild(nOption); }; jQuery('#temsel').html('<select id="stheme" onChange="my_setcookie(\'stheme\',document.getElementById(\'ttheme\').href=this.value,1,0);  if(jQuery(\'#frame_chatbox,iframe[name=smilies]\').length)jQuery(\'#frame_chatbox,iframe[name=smilies]\').contents().find(\'#ttheme\').attr(\'href\', this.value); this.selectedIndex=0;"><option>Changer de couleur</option></select>');
 
  addTheme('Jaune Orange','http://pmsc.free.fr/CSS02/10126224715.css');
  addTheme('Vert Gris Bleu','http://pmsc.free.fr/CSS02/1027220213.css');
  addTheme('Violet','http://pmsc.free.fr/CSS02/1023154055.css');
  addTheme('Vert','http://pmsc.free.fr/CSS02/10128195921.css');
  addTheme('Couleurs par défaut','');

Et voir si ça fonctionne ^^

Là le script devrait attacher au bloc de chatbox et smiley box le CSS en plus de l'attacher aux pages du forum

Cordialement.

[Invité]

Merci pour votre réponse!

J'ai essayé et... cette fichue smiley-box est encore jaune (en tout cas le changement se fait plus vite avec ce code)
C'est peut-être sur une page à part non? (mais alors j'ai aucun moyen d'y accéder, j'ai bien essayé de désactiver les smileys puis de les remettre mais rien n'y a fait )

[Ea]

Oui ce n'est pas sur la même page, mais le script agit sur cet autre age également ^^

Enfin j'ai testé sur firefox et moi ça fonctionnait, par contre avec google chrome là non.

Qu'est-ce que ça donne avec :

Code:

jQuery('head').append('<link rel="stylesheet" type="text/css" id="ttheme" />'); if(my_getcookie('stheme')) { jQuery('#ttheme').attr('href', my_getcookie('stheme')); jQuery(document).ready(function(){jQuery('#frame_chatbox,iframe[name=smilies]').ready(function(){jQuery('#frame_chatbox,iframe[name=smilies]').contents().find('head').append('<link rel="stylesheet" href="'+my_getcookie('stheme')+'" type="text/css" id="ttheme" />');});}); } function addTheme(nom,lien) { var nOption = document.createElement("option"); nOption.innerHTML= nom; nOption.value= lien; document.getElementById('stheme').appendChild(nOption); }; jQuery('#temsel').html('<select id="stheme" onChange="my_setcookie(\'stheme\',document.getElementById(\'ttheme\').href=this.value,1,0);  if(jQuery(\'#frame_chatbox,iframe[name=smilies]\').length)jQuery(\'#frame_chatbox,iframe[name=smilies]\').contents().find(\'#ttheme\').attr(\'href\', this.value); this.selectedIndex=0;"><option>Changer de couleur</option></select>');
 
  addTheme('Jaune Orange','http://pmsc.free.fr/CSS02/10126224715.css');
  addTheme('Vert Gris Bleu','http://pmsc.free.fr/CSS02/1027220213.css');
  addTheme('Violet','http://pmsc.free.fr/CSS02/1023154055.css');
  addTheme('Vert','http://pmsc.free.fr/CSS02/10128195921.css');

Cordialement.

[Invité]

Erf, c'est vraiment un casse-tête, ça ne marche toujours pas!
Pourtant je suis aussi sur Firefox! (Et j'ai effacé les cookies aussi au cas où...)

[Ea]

Alors vous pourriez essayer ceci :

Code:

jQuery('head').append('<link rel="stylesheet" type="text/css" id="ttheme" />'); if(my_getcookie('stheme')) { jQuery('#ttheme').attr('href', my_getcookie('stheme')); jQuery(document).ready(function(){jQuery('#frame_chatbox,iframe[name=smilies]').contents().ready(function(){jQuery('#frame_chatbox,iframe[name=smilies]').contents().find('head').append('<link rel="stylesheet" href="'+my_getcookie('stheme')+'" type="text/css" id="ttheme" />');});}); } function addTheme(nom,lien) { var nOption = document.createElement("option"); nOption.innerHTML= nom; nOption.value= lien; document.getElementById('stheme').appendChild(nOption); }; jQuery('#temsel').html('<select id="stheme" onChange="my_setcookie(\'stheme\',document.getElementById(\'ttheme\').href=this.value,1,0);  if(jQuery(\'#frame_chatbox,iframe[name=smilies]\').length)jQuery(\'#frame_chatbox,iframe[name=smilies]\').contents().find(\'#ttheme\').attr(\'href\', this.value); this.selectedIndex=0;"><option>Changer de couleur</option></select>');
 
  addTheme('Jaune Orange','http://pmsc.free.fr/CSS02/10126224715.css');
  addTheme('Vert Gris Bleu','http://pmsc.free.fr/CSS02/1027220213.css');
  addTheme('Violet','http://pmsc.free.fr/CSS02/1023154055.css');
  addTheme('Vert','http://pmsc.free.fr/CSS02/10128195921.css');

Cela ne fonctionne pas juste parce que le script modifie quelque chose qui n'existe pas encore, enfin j'espère que cette fois-ci ça ira ^^

Cordialement.

[Invité]

C'est un miracle
J'étais partie pour poster que ça ne marchait pas mais j'ai retenté (en plus, à un moment ça a même disparu, fausse manip )

C'est formidable, merci d'avoir pris le temps de m'aider !!! :thanks:

[Ea]

Avec google chrome ça ne marche toujours pas ^^

( mais moi avec firefox ça fonctionnait dés le départ )


Si vous souhaitez vous pouvez essayer :

Code:

jQuery('head').append('<link rel="stylesheet" type="text/css" id="ttheme" />'); if(my_getcookie('stheme')) { jQuery('#ttheme').attr('href', my_getcookie('stheme')); jQuery(window).load(function(){jQuery('#frame_chatbox,iframe[name=smilies]').contents().ready(function(){jQuery('#frame_chatbox,iframe[name=smilies]').contents().find('head').append('<link rel="stylesheet" href="'+my_getcookie('stheme')+'" type="text/css" id="ttheme" />');});}); } function addTheme(nom,lien) { var nOption = document.createElement("option"); nOption.innerHTML= nom; nOption.value= lien; document.getElementById('stheme').appendChild(nOption); }; jQuery('#temsel').html('<select id="stheme" onChange="my_setcookie(\'stheme\',document.getElementById(\'ttheme\').href=this.value,1,0);  if(jQuery(\'#frame_chatbox,iframe[name=smilies]\').length)jQuery(\'#frame_chatbox,iframe[name=smilies]\').contents().find(\'#ttheme\').attr(\'href\', this.value); this.selectedIndex=0;"><option>Changer de couleur</option></select>');
 
  addTheme('Jaune Orange','http://pmsc.free.fr/CSS02/10126224715.css');
  addTheme('Vert Gris Bleu','http://pmsc.free.fr/CSS02/1029211943.css');
  addTheme('Violet','http://pmsc.free.fr/CSS02/1023154055.css');
  addTheme('Vert','http://pmsc.free.fr/CSS02/1029211933.css');

Qui lui fonctionne avec google chrome en tout cas =3

Cordialement.

[Invité]

C'est un mystère que ça fonctionnait immédiatement chez vous et pas chez moi
(là je viens de voir que ça revient, des fois c'est jaune et parfois non )

Je vais essayer ce que vous proposez

---
Ouf, ça va, en fait j'ai compris, c'est jaune mais ça change après quelques petites secondes (je suis pas assez patiente en fait! )

Merci encore!!!