Soucis sélecteur de thème et couleur de fond de la boite à smileys.

par demeter1 Dim 8 Déc 2013 - 17:22

Bonjour à tous, je suis en train de faire un thème pour un sélecteur . J'ai réussi à modifier tout ce que je souhaitai sauf la couleur de la boite à smiley.

Alors, j'ai tenté

Code:: #sceditor_smilies body {background-color: #dddddd !important; }

et

Code:: #sceditor_smilies body { background-image: url("http://i55.servimg.com/u/f55/11/93/85/24/fond10.png")!important;}

et

Code:: #sceditor_smilies {background-color: #dddddd !important; }

et

Code:: #sceditor_smilies { background-image: url("http://i55.servimg.com/u/f55/11/93/85/24/fond10.png")!important;}

Ainsi qu'un mix image et couleur.

Là, choux blanc.

Bon, après cet échec, j'ai modifié le template posting_smilies_frame en attribuant une class

Code:: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <title>{L_SMILIES_TITLE}</title> <link rel="stylesheet" href="{T_HEAD_STYLESHEET}" type="text/css" /> <script src="{JQUERY_PATH}" type="text/javascript"></script> <script src="{JS_DIR}{L_LANG}.js" type="text/javascript"></script> <meta http-equiv="content-type" content="text/html; charset={S_CONTENT_ENCODING}" /> <meta http-equiv="content-script-type" content="text/javascript" /> <meta http-equiv="content-style-type" content="text/css" /> <style type="text/css"> body{background-color:{T_BODY_BGCOLOR};margin: 0;} </style> </head> <body text="{T_BODY_TEXT}"> <table width="100%" border="0" cellspacing="0" cellpadding="0" summary="smiliesframe"> <tr><td> <table class="fond_smileys" width="100%" border="0" cellspacing="1" cellpadding="4" summary="smiliesform"> <tr> <th class="thHead" height="25"> <form id="smilies_categ" action="" method="get" name="smilies_categ"> <select name="categ" size="1" onchange="forms['smilies_categ'].submit()"> <option value="">{L_VIEW_MORE}</option>{SELECT_OPTIONS} </select> <input type="hidden" name="mode" value="smilies_frame" /> <input type="submit" name="Ok" value="Ok" /> </form> </th> </tr> <tr><td> <table width="100%" border="0" cellspacing="0" cellpadding="5" summary="smilies"> <tr align="center" valign="middle"><td class="fond_smileys">   <a href="javascript:emoticonp('{smilies_row.smilies_col.SMILEY_CODE}')"><img title="{smilies_row.smilies_col.SMILEY_DESC}" src="{smilies_row.smilies_col.SMILEY_IMG}" alt="{smilies_row.smilies_col.SMILEY_DESC}" /></a>   </td></tr> </table> </td></tr> </table> </td></tr> </table> </body> </html>

avec pour css

Code:: .fond_smileys{ background-color #dddddd !important; }

Échec encore une fois.

J'ai changé le css par

Code:: .fond_smileys{background-image: url("http://i55.servimg.com/u/f55/11/93/85/24/fond10.png")!important;}

Rebelote, encore un échec affraid

J'ai bien entendu vidé mes caches à chaque manip

En supplément le script du sélecteur au cas ou :

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 style</option></select>');addstyle("Thème complet vert","http://sd-5.archive-host.com/membres/up/22406661265772126/fichier_css_pour_selecteur_2_fond_de_page/fond1.css");addstyle(" Thème partiel sable","http://sd-5.archive-host.com/membres/up/22406661265772126/fichiers_css_pour_selecteur_de_themes/selecteur_sable.css");addstyle("Thème partiel Crème","http://sd-5.archive-host.com/membres/up/22406661265772126/fichiers_css_pour_selecteur_de_themes/css_selecteur_creme.css");addstyle("Thème partiel Cactus Arizona ","http://sd-5.archive-host.com/membres/up/22406661265772126/fichiers_css_pour_selecteur_de_themes/cactus_arizona_2.css");addstyle("Thème partiel Tropical ","http://sd-5.archive-host.com/membres/up/22406661265772126/fichiers_css_pour_selecteur_de_themes/css_adam_et_eve_3.css");addstyle("Thème partiel Afrique ","http://sd-5.archive-host.com/membres/up/22406661265772126/fichiers_css_pour_selecteur_de_themes/css_afrique.css");addstyle("Thème partiel Fantaisie ","http://sd-5.archive-host.com/membres/up/22406661265772126/fichiers_css_pour_selecteur_de_themes/champi.css");addstyle("Thème partiel City air ","http://sd-5.archive-host.com/membres/up/22406661265772126/fichiers_css_pour_selecteur_de_themes/ballon.css");addstyle("Thème partiel Faune ","http://sd-5.archive-host.com/membres/up/22406661265772126/fichiers_css_pour_selecteur_de_themes/theme_faune_perrroquet.css");addstyle("Thème partiel Rétro ","http://sd-5.archive-host.com/membres/up/22406661265772126/fichiers_css_pour_selecteur_de_themes/retro_2.css");addstyle("Thème partiel Fruits ","http://sd-5.archive-host.com/membres/up/22406661265772126/fichiers_css_pour_selecteur_de_themes/fruits.css");addstyle("Thème partiel Perroquet et plantes ","http://sd-5.archive-host.com/membres/up/22406661265772126/fichiers_css_pour_selecteur_de_themes/oiseau_et_plante.css");addstyle("Thème partiel Cactus","http://sd-5.archive-host.com/membres/up/22406661265772126/fichiers_css_pour_selecteur_de_themes/cactus_pour_diane.css");addstyle("Thème partiel Raflesia","http://sd-5.archive-host.com/membres/up/22406661265772126/fichiers_css_pour_selecteur_de_themes/raflesia.css");addstyle("Thème partiel Tulipe","http://sd-5.archive-host.com/membres/up/22406661265772126/fichiers_css_pour_selecteur_de_themes/tulipe.css");addstyle("Thème partiel Fish","http://sd-5.archive-host.com/membres/up/22406661265772126/fichiers_css_pour_selecteur_de_themes/fish.css");addstyle("Style par défaut","")});

Si quelqu'un à une idée pour modifier la couleur de fond de la boite à smiley car là, pour une manip css simple je suis en train de me prendre la tête comme ce n'est pas possible.

Merci par avance pour votre aide.

par Invité Lun 9 Déc 2013 - 5:27

Salut Stéphane,
tu y étais presque Very Happy

.

Ceci devrait régler ton soucis Wink

Code:: #sceditor_smilies .row1

a++

par demeter1 Lun 9 Déc 2013 - 8:43

Bonjour Philippe et merci pour cette aide

,
même soucis malheureusement et ce après vidage des caches.

J'ai tenté :

Code:: #sceditor_smilies .row1{background-image:url("http://i55.servimg.com/u/f55/11/93/85/24/fond10.png")!important;}

et

Code:: #sceditor_smilies .row1 {background-color: #dddddd !important;}

et

Code:: .fond_smileys.row1 {background-color: #dddddd !important;}

On dirait que les cookies du script ne prennent pas en charge cette modif. Assomé

par Invité Lun 9 Déc 2013 - 15:57

Re Stéphane,

si tu utilises un background-image il faudra utiliser les attributs qui vont avec
Par exemple:

Code:: background-repeat: repeat; background-position:center;

Ou alors:

Code:: #sceditor_smilies .row1 { background:url("http://i55.servimg.com/u/f55/11/93/85/24/fond10.png")!important; }

Pour les couleurs de fond: supprimes le color car il est inutile

Code:: #sceditor_smilies .row1 {background:#dddddd !important;}

a++

par demeter1 Lun 9 Déc 2013 - 17:55

Bonjour Philippe,
Même topo malheureusement. On dirait que le script du sélecteur n'arrive pas à exporter la modif. C'est à ne rien y comprendre.

par Invité Lun 9 Déc 2013 - 18:28

Re ,
j'étais parti avec le template par défaut , as tu changé le tien en changeant dans le template

Code:: <table width="100%" border="0" cellspacing="0" cellpadding="5" summary="smilies"> <tr align="center" valign="middle"><td class="fond_smileys">

Par row1 ?

Le script n’interfère en aucune façon sur l'apparence Stéphane, je viens de faire l'essai Wink

.

a++

par demeter1 Mar 10 Déc 2013 - 15:43

Bonjour philippe,
bon , je suis repassé au template par défaut.

J'ai installé successivement ces css mais choux blanc également.

Code:: #sceditor_smilies .row1{background-image:url("http://i55.servimg.com/u/f55/11/93/85/24/fond10.png")!important;background-repeat: repeat; background-position:center;} #sceditor_smilies .row1 { background:url("http://i55.servimg.com/u/f55/11/93/85/24/fond10.png")!important; } #sceditor_smilies .row1 {background:#dddddd !important;} Forumline .row1 {background:#dddddd !important;}

par Invité Mar 10 Déc 2013 - 16:07

Salut Stéphane,

ceci devrait régler l'affaire Wink

.

Code:: #sceditor_smilies ,#sceditor_smilies .row1 , #smilies_header , #sce_smilies_body , .sceditor-dropdown.sceditor-emoticon {background:#dddddd !important;} #smilies_header form select { background:#dddddd !important; }

Tout le bloc aura la couleur désirée ainsi que sur la réponse rapide Wink

.

Si cela ne fonctionne pas , c'est que tu dois avoir un conflit quelque part .

a++

par FANCH 56 Mar 10 Déc 2013 - 16:10

Essaie ceci CSS

Code:: #smiley-box {background:#dddddd !important; }

par demeter1 Mar 10 Déc 2013 - 16:25

Re Philippe,

Même topo malheureusement.
1/J'ai contrôlé de nouveau le css mais hormis une couleur appliquée sur l'iframe de l'éditeur qui pourrait rentrer en conflit sur le dernier css, je n'ai rien trouvé.
Je viens de le supprimer

Code:: .sceditor-container iframe,.sceditor-container textarea{background-color:#f4f5db!important;}

2/ j'ai contrôlé si le css contenait la couleur "black" ou "#000000" qui est affilié au fond de la boite à smiley mais cette couleur n'est pas présente dans le css.

Le lien du ccs hébergé sur archive host
Voir le Fichier : fond1.css

et un topic ouvert aux invités.
http://altitudetropicale.forums-actifs.com/t2279-plantaexotica-n-1-janvier-2013

il faut sélectionner "thème complet vert" dans le sélecteur

Désolé de faire mon lourdaud sur le coup. je t'avouerai ne pas comprendre ce blocage alors que tout le reste n'a opposé aucune résistance.

par demeter1 Mar 10 Déc 2013 - 16:33

FANCH 56 a écrit:Essaie ceci CSS

Code:
#smiley-box {background:#dddddd !important; }

Bonjour Fanch, même soucis.
Merci pour ton aide

Ps : désolé pour les réponses en décalage, je vide mes caches à chaque manip pour éviter tout conflit avec l'ancienne configuration.

J'ai vraiment l'impression que la gestion des cookies qui est spécifique pour cette partie dans le script du sélecteur a du mal à faire appliquer la mise en forme.

J'ai testé la quasi totalité des solutions proposées sur mon forum test dans la partie habituelle de la feuille de style et la plupart fonctionnent.

Autre hypothèse : encore ce soucis d'encodage entre le forum test et le vrais forum.

Là, je ne sais trop quoi penser
------------------------------------------------------------------------------------------------------------
edit

Histoire d'exclure un conflit avec le restant du css de la feuille de style d'archive host, j'ai créé une nouvelle feuille de style intitulé "thème en construction".
Cette feuille de style à pour css

Code:: #smiley-box {background:#dddddd !important; } #sceditor_smilies ,#sceditor_smilies .row1 , #smilies_header , #sce_smilies_body , .sceditor-dropdown.sceditor-emoticon {background:#dddddd !important;} #smilies_header form select { background:#dddddd !important; } #sceditor_smilies .row1{background-image:url("http://i55.servimg.com/u/f55/11/93/85/24/fond10.png")!important;background-repeat: repeat; background-position:center;} #sceditor_smilies .row1 { background:url("http://i55.servimg.com/u/f55/11/93/85/24/fond10.png")!important; } #sceditor_smilies .row1 {background:#dddddd !important;} Forumline .row1 {background:#dddddd !important;}

Le lien du fichier sur archive host
Voir le Fichier : theme_en_construction.css

Résultat : identique (le fond de la boite à smiley reste sur fond noir) donc, on peut exclure un éventuel conflit avec le reste de la feuille de style

par Invité Mar 10 Déc 2013 - 18:00

Re,
cette class n'existe pas Stéphane:

Code:: Forumline .row1 {background:#dddddd !important;}

Mais plutôt en minuscule:

Code:: forumline .row1 {background:#dddddd !important;}

a++

par demeter1 Mar 10 Déc 2013 - 18:24

Oups , autant pour moi; erreur de saisie manuelle.

Je viens de faire la modif sur les deux fichiers css . le résultat est à l'identique hélas. Mince

C'est franchement à ne rien y comprendre.
Le fichier intitulé thème en construction ne contient pourtant que du css visant à changer la couleur ou l'image de la boite à smileys. reflexion

Voir le Fichier : theme_en_construction.css

Avec nos divers essais je penche de plus en plsu sur un soucis au niveau des cookies du script

Code:: $(\'#frame_chatbox,iframe[name=smilies]\')

par demeter1 Jeu 12 Déc 2013 - 10:36

par demeter1 Sam 14 Déc 2013 - 11:13

par demeter1 Lun 16 Déc 2013 - 11:13

par demeter1 Mar 17 Déc 2013 - 16:31

par WhyNot Mar 17 Déc 2013 - 23:07

Hello,

Tu peux peut-être essayer ce code :

Code:: #sceditor_smilies #sce_smilies_body { background-color: #FF0000; }

Me concernant ça fonctionne Smile

par demeter1 Mer 18 Déc 2013 - 16:29

Bonjour Whynot, merci pour cette aide.
Ce css semble avoir un effet car au chargement, je vois la couleur blanche apparaitre dans l'encadrement .de la boite à smiley. Au chargement de l'iframe des smileys par contre, la couleur noir revient. je vais vider mes caches pour voir si cela résout ce soucis de prise en compte.

edit :malheureusement, après vidage des caches, la situation est la même.

A mon avis, le soucis ne se situe pas dans le css mais dans la gestion des cookies du sélecteur.

par demeter1 Sam 21 Déc 2013 - 13:56

par demeter1 Dim 22 Déc 2013 - 14:43

par demeter1 Ven 27 Déc 2013 - 13:09

par demeter1 Lun 30 Déc 2013 - 14:09

par demeter1 Mer 1 Jan 2014 - 16:12

par demeter1 Ven 3 Jan 2014 - 12:52

par demeter1 Lun 6 Jan 2014 - 14:45

par AenigmA Lun 6 Jan 2014 - 16:40

Bonjour, si je ne me trompe pas de partie ... il n'aime pas background-color

Code:: #sceditor_smilies { background: linear-gradient(#281D5C, #1A70C0) repeat scroll 0 0 rgba(0, 0, 0, 0) !important; border: 1px dotted #281D5C; }

Et l'intèrieur

Code:: html#sceditor_smilies body { background-image: linear-gradient(#1A70C0, #61BFF9); border: 3px double #21559F !important; border-radius: 0 !important; box-shadow: 0 1px 10px rgba(97, 191, 249, 0.584); margin: 10px; min-height: 800px; }

C'est ce que j'ai.

par demeter1 Mer 8 Jan 2014 - 5:53

Bonjour Aenigma, sorry pour ce retard.
Malheureusement, ce dernier code n'agit pas non plus.

Voir le Fichier : theme_lotus.css

Je pense qu'il ne faut pas chercher plus loin au niveau de la feuille de style;vu tous les css que nous avons passé en revue, je penche plus pour un soucis au niveau du script du sélecteur dont les cookies ne prennent pas en compte le css lié à la fenêtre des smileys.

par demeter1 Jeu 9 Jan 2014 - 15:36

par demeter1 Lun 13 Jan 2014 - 7:27

Soucis sélecteur de thème et couleur de fond de la boite à smileys.

Soucis sélecteur de thème et couleur de fond de la boite à smileys.

Re: Soucis sélecteur de thème et couleur de fond de la boite à smileys.

Re: Soucis sélecteur de thème et couleur de fond de la boite à smileys.

Re: Soucis sélecteur de thème et couleur de fond de la boite à smileys.

Re: Soucis sélecteur de thème et couleur de fond de la boite à smileys.

Re: Soucis sélecteur de thème et couleur de fond de la boite à smileys.

Re: Soucis sélecteur de thème et couleur de fond de la boite à smileys.

Re: Soucis sélecteur de thème et couleur de fond de la boite à smileys.

Re: Soucis sélecteur de thème et couleur de fond de la boite à smileys.

Re: Soucis sélecteur de thème et couleur de fond de la boite à smileys.

Re: Soucis sélecteur de thème et couleur de fond de la boite à smileys.

Re: Soucis sélecteur de thème et couleur de fond de la boite à smileys.

Re: Soucis sélecteur de thème et couleur de fond de la boite à smileys.

Re: Soucis sélecteur de thème et couleur de fond de la boite à smileys.

Re: Soucis sélecteur de thème et couleur de fond de la boite à smileys.

Re: Soucis sélecteur de thème et couleur de fond de la boite à smileys.

Re: Soucis sélecteur de thème et couleur de fond de la boite à smileys.

Re: Soucis sélecteur de thème et couleur de fond de la boite à smileys.

Re: Soucis sélecteur de thème et couleur de fond de la boite à smileys.

Re: Soucis sélecteur de thème et couleur de fond de la boite à smileys.

Re: Soucis sélecteur de thème et couleur de fond de la boite à smileys.

Re: Soucis sélecteur de thème et couleur de fond de la boite à smileys.

Re: Soucis sélecteur de thème et couleur de fond de la boite à smileys.

Re: Soucis sélecteur de thème et couleur de fond de la boite à smileys.

Re: Soucis sélecteur de thème et couleur de fond de la boite à smileys.

Re: Soucis sélecteur de thème et couleur de fond de la boite à smileys.

Re: Soucis sélecteur de thème et couleur de fond de la boite à smileys.

Re: Soucis sélecteur de thème et couleur de fond de la boite à smileys.

Re: Soucis sélecteur de thème et couleur de fond de la boite à smileys.

Re: Soucis sélecteur de thème et couleur de fond de la boite à smileys.