[Topic Unique] Apparence du nouvel éditeur de messages

[Anzu]

Rappel du premier message :

Bonjour, suite à cette MAJ, des problèmes ont été constatés, notamment au niveau de l'apparence. (suppression de boutons, changement de couleur, etc)


Si vous avez des problèmes à ce niveau, merci de bien vouloir poster à la suite de ce message.


- Merci de ne PAS POSTER des commentaires inutiles, ceux ci seront immédiatement supprimés.

- Merci de bien vouloir préciser la version du forum concernée.

- N'hésitez pas à fournir des captures d'écran si nécessaire.

Bonjour, --------------------- Compte rendu ! --------------------- Votre problème vient de la dernière Mise à jour de l'éditeur. Voici les "Topic Unique" qui traitent des différents souci : - [Topic Unique] Apparence du nouvel éditeur de messages - [Topic Unique] HTML - Nouvel éditeur de messages - [Topic Unique] Abscence des boutons de l'éditeur - [Topic Unique] Les Smileys - Nouvel éditeur de message - [Topic Unique] Impossible de sortir du cadre de la citation Un topic de suivi des travaux en cours se trouve ici : Compte rendu du nouvel éditeur ! Un tutoriel d'astuce est aussi en place : Modifier l'apparence de l'éditeur via le CSS Vous avez aussi la possibilité d'attendre la semaine prochaine que les améliorations de cette MAJ soient mises en place par les techniciens.

[cicoux22]

Bonsoir,

Jeudi je vous ais mis un message ici même pour savoir pourquoi je n'arrive pas à répondre aux MP sur le forum et je n'ais pas eus de réponse malheureusement pour le moment.
J'ai appris aujourd'hui que d'autres membres sont dans le même cas que moi.

A quoi c'est du ?
Y-a-t-il une solution ?
Allez vous y remédier vous de votre côté ?

Merci d'avance

[MlleAlys]

Bonsoir,

Jeudi je vous ais mis un message ici même pour savoir pourquoi je n'arrive pas à répondre aux MP sur le forum et je n'ais pas eus de réponse malheureusement pour le moment.
J'ai appris aujourd'hui que d'autres membres sont dans le même cas que moi.

A quoi c'est du ?
Y-a-t-il une solution ?
Allez vous y remédier vous de votre côté ?

Merci d'avance

Bonsoir,
Juste pour dire que je ne sais, moi, pas répondre à ces questions, si ce n'est que le problème des mps a été plusieurs fois soulevé, et qu'ils doivent effectivement y remédier ^^
le compte rendu https://forum.forumactif.com/t352736-compte-rendu-du-nouvel-editeur

[-Méphisto-]

Les codes css donnés plus haut sont-ils juste des mesures temporaires pour les plus pressés, "en attendant" que les techniciens réparent les bugs, ou est-ce la seule marche à suivre ?

Est-il possible d'être éclairé sur ce point s'il vous plait ?

[MlleAlys]

Les codes css donnés plus haut sont-ils juste des mesures temporaires pour les plus pressés, "en attendant" que les techniciens réparent les bugs, ou est-ce la seule marche à suivre ?

Est-il possible d'être éclairé sur ce point s'il vous plait ?

Accorder l'apparence de l'éditeur à celle du forum fait effectivement partie des améliorations prévues
cf le compte-rendu : https://forum.forumactif.com/t352736-compte-rendu-du-nouvel-editeur

[-Méphisto-]

Merci. J'avoue être perdu entre toutes ces pages et tous ces topics.
Je vais prendre mon mal en patience et faire confiance en l'équipe pour faire au mieux, sans aller plus vite que la musique. Merci et courage aux techniciens, aux "aidactifs", "moderactifs", etc., qui sont sur les dents, et bien sûr à tous les admins qui galèrent ...

[Self]

Bonsoir à tous.
En me rendant compte qu'avec un caractère(lettre) derrière le quote, lorsqu'on repasse en mode WYSIWYG on peut écrire en desous de nouveau j'ai voulu mettre un message de base dans l'éditeur.
Cela à marcher pour les réponses rapides et les réponse normale seulement quand je vais pour cité le texte n'est pas la.
Les éditeurs de message auraient-ils des id différents ?

[tutox]

Bonsoir à tous donc après plusieurs heures de recherche pour arriver à avoir le nouvel éditeur je m'interroge ou mettre le code dans ma feuille de Style CSS pour pouvoir avoir le fond de la même couleur que mon forum.
Donc voici la feuille css

Code:


body{
background-position:top center;font-weight:normal;}
body{margin-top:0px;}
#page-body{
margin:10px 22px 10px 22px;}
button.button2:hover,input.button2:hover{
color:#000;font-weight:bold;background-image:url('http://i35.servimg.com/u/f35/11/95/30/70/zz210.png');background-position:top;background-position:top;}
input.liteoption{color:#000;font-weight:bold;background-repeat:repeat-x;background-image:url('http://i35.servimg.com/u/f35/11/95/30/70/zz110.png');background-position:top;background-position:center;}
input.liteoption:hover{
font-weight:bold;background-image:url('http://i35.servimg.com/u/f35/11/95/30/70/zz210.png');background-position:top;color:#000;background-position:top;}
input.mainoption{color:#000;font-weight:bold;background-repeat:repeat-x;background-image:url('http://i35.servimg.com/u/f35/11/95/30/70/zz110.png');background-position:top;background-position:center;}
input.mainoption:hover{font-weight:bold;background-image:url('http://i35.servimg.com/u/f35/11/95/30/70/zz210.png');background-position:top;color:#000;background-position:top;}
.catBottom{
border:none !important;} .catHead{border:none !important;}
.thLeft{border:none !important;} .thRight{border:none !important;}
.forumline{background-image:url('http://i30.servimg.com/u/f30/13/30/32/72/b1_bas10.png');background-repeat:no-repeat;background-position:bottom;padding-bottom:34px;/padding-bottom:3px;/background-image:none;/background-repeat:repeat;}
td.cat{background-repeat:repeat;
}
td.catHead{background-repeat:repeat;}
td.catSides{
background-repeat:repeat;}
td.catLeft{background-repeat:repeat;border-left:none !important;} td.catRight{background-repeat:repeat;}
td.catBottom{background-repeat:repeat;} #plus_menu{background-color:#23201b;border:1px solid #2e2b26 !important;}
.wysiwyg{background-color:#2e2b26 !important;}   .bodyline{background-image:url('http://i35.servimg.com/u/f35/11/95/30/70/217.png');background-position:bottom right;background-repeat:no-repeat;}
#text_editor_textarea{background-color:#2e2b26 !important;color:#a79f91;}
.attachbox{
background-color:#2e2b26;background-image:url('http://i30.servimg.com/u/f30/13/30/32/72/fond_s10.png');border:1px solid #6c6657;padding:5px;-moz-border-radius-topleft:15px;-webkit-border-radius-topleft:15px;-moz-border-radius-topright:15px;-webkit-border-radius-topright:15px;border-radius-topleft:15px;border-radius-topright:15px;-moz-box-shadow:0px 0px 10px #000;-webkit-box-shadow:0px 0px 10px #000;box-shadow:0px 0px 10px #000;
}
.attachbox dl.file{background-color:#212121;margin-top:8px;padding:5px;border:1px solid #6c6657;-moz-border-radius:15px;-webkit-border-radius:15px;border-radius:15px;-moz-box-shadow:0px 0px 10px #000;-webkit-box-shadow:0px 0px 10px #000;box-shadow:0px 0px 10px #000;}
.row1,.row2,.row3,.row3Right{background-image:url('http://i30.servimg.com/u/f30/13/30/32/72/fond_c10.jpg');background-repeat:repeat;border:1px solid  #37342d;}  .container_IE{background-image:url('http://i35.servimg.com/u/f35/11/95/30/70/copy11.png');background-position:bottom right;background-repeat:no-repeat;}
div.errorwrap,div.infowrap{background-color:#776952;border:1px solid #ac9a7b;color:#443b2b !important;font-weight:bold;}
div.errorwrap h4,div.infowrap h4{background-color:#443b2b;border:1px solid #ac9a7b;color:#ac9a7b;} div.errorwrap p,div.infowrap p{color:#443b2b;font-weight:bold;}
#i_icon_mini_index{width:80px;height:22px;background:url(http://i30.servimg.com/u/f30/13/30/32/72/1610.png) no-repeat 0 0;}
#i_icon_mini_index:hover{background:url(http://i30.servimg.com/u/f30/13/30/32/72/1610.png) no-repeat 0 -22px;}
#i_icon_mini_portal{width:80px;height:22px;background:url(http://i35.servimg.com/u/f35/11/95/30/70/1010.png) no-repeat 0 0;}
#i_icon_mini_portal:hover{background:url(http://i35.servimg.com/u/f35/11/95/30/70/1010.png) no-repeat  0 -22px;}
#i_icon_mini_gallery{width:80px;height:22px;background:url(http://i35.servimg.com/u/f35/11/95/30/70/1210.png) no-repeat 0 0;}
#i_icon_mini_gallery:hover{background:url(http://i35.servimg.com/u/f35/11/95/30/70/1210.png) no-repeat  0 -22px;}
#i_icon_mini_calendar{width:80px;height:22px;background:url(http://i35.servimg.com/u/f35/11/95/30/70/1510.png) no-repeat 0 0;}
#i_icon_mini_calendar:hover{background:url(http://i35.servimg.com/u/f35/11/95/30/70/1510.png) no-repeat  0 -22px;}
#i_icon_mini_faq{width:80px;height:22px;background:url(http://i35.servimg.com/u/f35/11/95/30/70/1110.png) no-repeat 0 0;}
#i_icon_mini_faq:hover{background:url(http://i35.servimg.com/u/f35/11/95/30/70/1110.png) no-repeat  0 -22px;}
#i_icon_mini_search{width:80px;height:22px;background:url(http://i35.servimg.com/u/f35/11/95/30/70/1410.png) no-repeat 0 0;}
#i_icon_mini_search:hover{background:url(http://i35.servimg.com/u/f35/11/95/30/70/1410.png) no-repeat  0 -22px;}
#i_icon_mini_members{width:80px;height:22px;background:url(http://i35.servimg.com/u/f35/11/95/30/70/910.png) no-repeat 0 0;}
#i_icon_mini_members:hover{background:url(http://i35.servimg.com/u/f35/11/95/30/70/910.png) no-repeat  0 -22px;}
#i_icon_mini_groups{width:80px;height:22px;background:url(http://i35.servimg.com/u/f35/11/95/30/70/710.png) no-repeat 0 0;}
#i_icon_mini_groups:hover{background:url(http://i35.servimg.com/u/f35/11/95/30/70/710.png) no-repeat  0 -22px;}
#i_icon_mini_profile{width:80px;height:22px;background:url(http://i35.servimg.com/u/f35/11/95/30/70/610.png) no-repeat 0 0;}
#i_icon_mini_profile:hover{background:url(http://i35.servimg.com/u/f35/11/95/30/70/610.png) no-repeat  0 -22px;}
#i_icon_mini_message{width:80px;height:22px;background:url(http://i35.servimg.com/u/f35/11/95/30/70/810.png) no-repeat 0 0;}
#i_icon_mini_message:hover{background:url(http://i35.servimg.com/u/f35/11/95/30/70/810.png) no-repeat 0 -22px;}
#i_icon_mini_new_message{width:80px;height:22px;background:url(http://i35.servimg.com/u/f35/11/95/30/70/512.png) no-repeat 0 0;}
#i_icon_mini_new_message:hover{background:url(http://i35.servimg.com/u/f35/11/95/30/70/512.png) no-repeat  0 -22px;}
#i_icon_mini_logout{width:34px;height:22px;background:url(http://i35.servimg.com/u/f35/11/95/30/70/1710.png) no-repeat 0 0;}
#i_icon_mini_logout:hover{background:url(http://i35.servimg.com/u/f35/11/95/30/70/1710.png) no-repeat  0 -22px;}
#i_icon_mini_register{width:80px;height:22px;background:url(http://i35.servimg.com/u/f35/11/95/30/70/414.png) no-repeat 0 0;}
#i_icon_mini_register:hover{background:url(http://i35.servimg.com/u/f35/11/95/30/70/414.png) no-repeat  0 -22px;}
#i_icon_mini_login{width:34px;height:22px;background:url(http://i35.servimg.com/u/f35/11/95/30/70/1811.png) no-repeat 0 0;}
#i_icon_mini_login:hover{background:url(http://i35.servimg.com/u/f35/11/95/30/70/1811.png) no-repeat  0 -22px;}
.code{background-color:#2c2a25;border:1px solid #6c6657;background-image:url('http://i30.servimg.com/u/f30/13/30/32/72/fond_s10.png');-moz-border-radius:15px;-webkit-border-radius:15px;border-radius:12px;color:#caba9f;padding:5px;-moz-box-shadow:0px 0px 10px #000;
-webkit-box-shadow: 0px 0px 10px #000;
box-shadow: 0px 0px 10px #000;
}
.quote{background-color:#2c2a25;border:1px solid #6c6657;background-image:url('http://i30.servimg.com/u/f30/13/30/32/72/fond_s10.png');-moz-border-radius:15px;-webkit-border-radius:15px;border-radius:12px;color:#caba9f;padding:5px;-moz-box-shadow:0px 0px 10px #000;
-webkit-box-shadow: 0px 0px 10px #000;
box-shadow: 0px 0px 10px #000;
}
.spoiler{background-color:#2c2a25;border:1px solid #6c6657;background-image:url('http://i35.servimg.com/u/f35/11/95/30/70/35px10.png');-moz-border-radius:15px;-webkit-border-radius:15px;border-radius:12px;color:#caba9f;padding:5px; -moz-box-shadow:0px 0px 10px #000;
-webkit-box-shadow: 0px 0px 10px #000;
box-shadow: 0px 0px 10px #000;
}
.spoiler_closed{background-color:#2c2a25;border:1px solid #6c6657;-moz-border-radius:15px;-webkit-border-radius:15px;border-radius:12px;color:#caba9f;padding:5px;}
.spoiler_content{background-color:#2c2a25;border:1px solid #6c6657;background-image:url('http://i30.servimg.com/u/f30/13/30/32/72/fond_s10.png');-moz-border-radius:15px;-webkit-border-radius:15px;border-radius:12px;color:#caba9f;padding:5px;}
#i_logo{
margin-top:-7px !important;
/position:relative;} .catSides{border:none !important;}
button.button2,input.button2{
color:#000000;background-image:url('http://i35.servimg.com/u/f35/11/95/30/70/zz110.png');background-position:top;}
button.button2:hover,input.button2:hover{border:1px solid #000000;background-image:url('http://i35.servimg.com/u/f35/11/95/30/70/zz210.png');background-position:top;color:#000000;}
button.button2,input.button2{
color:#000;font-weight:bold;background-repeat:repeat-x;background-image:url('http://i35.servimg.com/u/f35/11/95/30/70/zz110.png');background-position:top;background-position:center;}


Merci pour vos futurs réponse

[MlleAlys]

Bonsoir à tous.
En me rendant compte qu'avec un caractère(lettre) derrière le quote, lorsqu'on repasse en mode WYSIWYG on peut écrire en desous de nouveau j'ai voulu mettre un message de base dans l'éditeur.
Cela à marcher pour les réponses rapides et les réponse normale seulement quand je vais pour cité le texte n'est pas la.
Les éditeurs de message auraient-ils des id différents ?

Bonne question, je ne suis personnellement jamais tombée sur un cas ou un code fonctionnait sur l'un mais pas sur l'autre... ^^"
Je regarderai, mais j'ai peur de ne pas trouver :S

[myosotis50450]

Bonsoir

J'ai un nouveau problème, je l'ai mis je ne sais plus où :?désolée si je fais un doublon...

Ma modératrice à voulu citer un message, et je lui dis qu'elle a éditer au lieu de citer...

DOnc quand nous cliquons sur le bouton "citer" en fait cela ne fonctionne pas voici ce que cela donne (j'espère que je poste au bon endroit)..



le bouton "répondre" sur lequel nous cliquons normalement et qui est en dessous du cadre de message a disparu quand nous faisons la manipulation "citer" il y est par contre quand nous voulons répondre sans faire "citer", "editer",  "citation, multiple",

Qui peut m'aider ? merci

[MlleAlys]

Bonsoir à tous donc après plusieurs heures de recherche pour arriver à avoir le nouvel éditeur je m'interroge ou mettre le code dans ma feuille de Style CSS pour pouvoir avoir le fond de la même couleur que mon forum.

Les codes que vous allez ajouter sont indépendants de ceux qui sont déjà sur votre feuille, vous pouvez donc aller tout en bas, sauter plusieurs lignes et coller directement celui pour l'éditeur

[chris3033]

Bonsoir

J'ai un nouveau problème, je l'ai mis je ne sais plus où :?désolée si je fais un doublon...

Ma modératrice à voulu citer un message, et je lui dis qu'elle a éditer au lieu de citer...

DOnc quand nous cliquons sur le bouton "citer" en fait cela ne fonctionne pas voici ce que cela donne (j'espère que je poste au bon endroit)..



le bouton "répondre" sur lequel nous cliquons normalement et qui est en dessous du cadre de message a disparu quand nous faisons la manipulation "citer" il y est par contre quand nous voulons répondre sans faire "citer", "editer",  "citation, multiple",

Qui peut m'aider ? merci

le problème a déjà été soulevé et pris en compte. il faut attendre.

en attendant il faut basculer en mode édition pour que ça fonctionne

[MlleAlys]

EDIT.

[Cycy']

Bonjour,

Mon cadre de "Réponse Rapide" a totalement changé il y a de ça + ou - 2 jours. Il était comme ceci à la base :



Mais il est devenu comme celui de ce forum, blanc, légèrement arrondi et les boutons ne sont pas du tout au goûts des membres du forum.

J'ai essayé d'arrangé cela grâce à ce sujet : https://forum.forumactif.com/t352754-modifier-l-apparence-de-l-editeur-via-le-css

Je fais c/c avec le "Code final à modifier pour exemple" et change tous les "#XXXXX", mais pour le reste du code je ne vois absolument pas quoi faire, étant un énorme novice dans tout cela. :-/

Pourriez vous s'il vous plaît me dire ce que je dois changer dans ce code pour que mon cadre de "Réponse Rapide" redevienne comme avant, c'est à dire comme ci dessus.

Merci d'avance à vous !

[chris3033]

Il ne reviendra pas comme avant. il faut se faire au changement

[MlleAlys]

Bonjour,

Mon cadre de "Réponse Rapide" a totalement changé il y a de ça + ou - 2 jours. Il était comme ceci à la base :



Mais il est devenu comme celui de ce forum, blanc, légèrement arrondi et les boutons ne sont pas du tout au goûts des membres du forum.

J'ai essayé d'arrangé cela grâce à ce sujet : https://forum.forumactif.com/t352754-modifier-l-apparence-de-l-editeur-via-le-css

Je fais c/c avec le "Code final à modifier pour exemple" et change tous les "#XXXXX", mais pour le reste du code je ne vois absolument pas quoi faire, étant un énorme novice dans tout cela. :-/

Pourriez vous s'il vous plaît me dire ce que je dois changer dans ce code pour que mon cadre de "Réponse Rapide" redevienne comme avant, c'est à dire comme ci dessus.

Merci d'avance à vous !

Pourriez vous préciser les codes des couleurs que vous souhaitez pour chaque zone ? (ou bien n'est ce que du blanc à part les boutons ?

[-Méphisto-]

Il ne reviendra pas comme avant. il faut se faire au changement

Je n'ai rien lu affirmant cela de façon si catégorique.
Ou alors j'ai loupé ce message ?

[chris3033]

Il ne reviendra pas comme avant. il faut se faire au changement

Je n'ai rien lu affirmant cela de façon si catégorique.
Ou alors j'ai loupé ce message ?

je ne voulais pas être catégorique. mais j'ai lu que c'était maintenant la nouvelle fenêtre, qu'il ferait des améliorations mais pas de retour en arrière pour avoir la fenêtre comme elle était avant.
mais j'ai peut être mal interprété votre question

[Cycy']

Bonjour,

Mon cadre de "Réponse Rapide" a totalement changé il y a de ça + ou - 2 jours. Il était comme ceci à la base :



Mais il est devenu comme celui de ce forum, blanc, légèrement arrondi et les boutons ne sont pas du tout au goûts des membres du forum.

J'ai essayé d'arrangé cela grâce à ce sujet : https://forum.forumactif.com/t352754-modifier-l-apparence-de-l-editeur-via-le-css

Je fais c/c avec le "Code final à modifier pour exemple" et change tous les "#XXXXX", mais pour le reste du code je ne vois absolument pas quoi faire, étant un énorme novice dans tout cela. :-/

Pourriez vous s'il vous plaît me dire ce que je dois changer dans ce code pour que mon cadre de "Réponse Rapide" redevienne comme avant, c'est à dire comme ci dessus.

Merci d'avance à vous !

Pourriez vous préciser les codes des couleurs que vous souhaitez pour chaque zone ? (ou bien n'est ce que du blanc à part les boutons ?

Et bien, du noir pour le fond et l'écriture blanche. ^^

[Jinx]

Bonsoir,

Voici mes problèmes que je rencontre sous Firefox. Je n'ai pas besoin de CSS de secours, car je n'y comprends rien. J'attendrais patiemment que les choses se fassent. Cependant, j'ai vu des choses barrées alors que chez moi (sous Firefox) les soucis persistent:

1. Dans les posts, j'ai un code pour des prédéfinis et la couleur du texte d'une partie disparait systématiquement.
2. J'ai des espaces qui se font alors que dans le code, il n'y en a pas.

Spoiler:

3. A chaque fois, je suis forcé de faire basculer à nouveau le monde pour voir les codes dans mes posts.

Cordialement
Jinx

[Ea]

Bonjour,


Pour modifier le sélecteur de couleur, il y a cette astuce : ajouter un sélecteur de couleur

Et voici un autre exemple de script qui donne ceci :

Pour ce faire, il faut ajouter au css ( PA > Affichage > Couleurs > Feuille de style ) :

Code:

.editor_color_panel{
   background-color:#fff;
   width:189px;height:135px;
}
.editor_color_panel .color_general{
   height:16px;
   margin:11px 7px 9px 11px;
}
.editor_color_panel .color_list{
   height:70px;
   margin:0 7px 0 11px;
}
.editor_color_panel .color_standard{
   height:16px;
   margin:13px 7px 8px 11px;
}
.editor_color_panel strong{
   font-size:0;
   display:block;
   width:14px;
   height:14px;
   margin-right:3px;
   float:left;
   cursor:pointer;
}

et ajouter comme script sur toutes les pages ceci :

Code:

$(function () {
    $(function () {

        $.sceditor.command.get('color')._dropDown = function (editor, caller, callback) {
            var content = $("<div />"),
                cmd = $.sceditor.command.get('color');

            if (!cmd._htmlCache) {

                var pre = '<strong style="background-color:#',
                    suf = ';" unselectable="on"><span></span></strong>';

                var htmlGen = [pre, 'ffffff,000000,eeece1,1f497d,4f81bd,c0504d,9bbb59,8064a2,4bacc6,f79646'.split(',').join(suf + pre), suf].join('');

                var htmlList = [pre, 'f2f2f2,7f7f7f,ddd9c3,c6d9f0,dbe5f1,f2dcdb,ebf1dd,e5e0ec,dbeef3,fdeada,d8d8d8,595959,c4bd97,8db3e2,b8cce4,e5b9b7,d7e3bc,ccc1d9,b7dde8,fbd5b5,bfbfbf,3f3f3f,938953,548dd4,95b3d7,d99694,c3d69b,b2a2c7,92cddc,fac08f,a5a5a5,262626,494429,17365d,366092,953734,76923c,5f497a,31859b,e36c09,7f7f7f,0c0c0c,1d1b10,0f243e,244061,632423,4f6128,3f3151,205867,974806'.split(',').join(suf + pre), suf].join('');

                var htmlStandard = [pre, 'c00000,ff0000,ffc000,ffff00,92d050,00b050,00b0f0,0070c0,002060,7030a0'.split(',').join(suf + pre), suf].join('');

                var htmlGeneralPanel = ['<div class="editor_color_panel" style="z-index:12;" unselectable="on"><div class="color_general" unselectable="on">', htmlGen, '</div><div class="color_list" unselectable="on">', htmlList, '</div><div class="color_standard" unselectable="on">', htmlStandard, '</div></div>'].join('');

                cmd._htmlCache = htmlGeneralPanel;
            }

            content.append(cmd._htmlCache)
                .find('strong')
                .click(function (e) {
                    callback($(this).attr('style').substr(17, 7));
                    editor.closeDropDown(true);
                    e.preventDefault();
                });

            editor.createDropDown(caller, "color-picker", content);
        };

    })
});

( les codes hexadécimaux de couleur ( séparés par des virgules ) peuvent être modifiés )

Cordialement.

[Self]

Bonsoir à tous.
En me rendant compte qu'avec un caractère(lettre) derrière le quote, lorsqu'on repasse en mode WYSIWYG on peut écrire en desous de nouveau j'ai voulu mettre un message de base dans l'éditeur.
Cela à marcher pour les réponses rapides et les réponse normale seulement quand je vais pour cité le texte n'est pas la.
Les éditeurs de message auraient-ils des id différents ?

Bonne question, je ne suis personnellement jamais tombée sur un cas ou un code fonctionnait sur l'un mais pas sur l'autre... ^^"
Je regarderai, mais j'ai peur de ne pas trouver :S

Bonsoir merci bien tout en sachant que si vous voulez tester il suffit de rajouter:

Code:

.text('VOTRE TEXTE')

Au code dejà donner ici :

Code:


$(document).ready(function() {
                $('div.sceditor-container.ltr.wysiwygMode iframe').ready(function() {
                    $('div.sceditor-container.ltr.wysiwygMode iframe').contents().find('p').css('color','#FFF');
                });
            });

En gros sa donne

Code:

...#FFF').text('VOTRE TEXTE');

[Self]

Bonjour,


Pour modifier le sélecteur de couleur, il y a cette astuce : ajouter un sélecteur de couleur

Et voici un autre exemple de script qui donne ceci :

Pour ce faire, il faut ajouter au css ( PA > Affichage > Couleurs > Feuille de style ) :

Code:

.editor_color_panel{
 background-color:#fff;
 width:189px;height:135px;
}
.editor_color_panel .color_general{
 height:16px;
 margin:11px 7px 9px 11px;
}
.editor_color_panel .color_list{
 height:70px;
 margin:0 7px 0 11px;
}
.editor_color_panel .color_standard{
 height:16px;
 margin:13px 7px 8px 11px;
}
.editor_color_panel strong{
 font-size:0;
 display:block;
 width:14px;
 height:14px;
 margin-right:3px;
 float:left;
 cursor:pointer;
}

et ajouter comme script sur toutes les pages ceci :

Code:

$(function () {
    $(function () {

        $.sceditor.command.get('color')._dropDown = function (editor, caller, callback) {
            var content = $("<div />"),
                cmd = $.sceditor.command.get('color');

            if (!cmd._htmlCache) {

                var pre = '<strong style="background-color:#',
                    suf = ';" unselectable="on"><span></span></strong>';

                var htmlGen = [pre, 'ffffff,000000,eeece1,1f497d,4f81bd,c0504d,9bbb59,8064a2,4bacc6,f79646'.split(',').join(suf + pre), suf].join('');

                var htmlList = [pre, 'f2f2f2,7f7f7f,ddd9c3,c6d9f0,dbe5f1,f2dcdb,ebf1dd,e5e0ec,dbeef3,fdeada,d8d8d8,595959,c4bd97,8db3e2,b8cce4,e5b9b7,d7e3bc,ccc1d9,b7dde8,fbd5b5,bfbfbf,3f3f3f,938953,548dd4,95b3d7,d99694,c3d69b,b2a2c7,92cddc,fac08f,a5a5a5,262626,494429,17365d,366092,953734,76923c,5f497a,31859b,e36c09,7f7f7f,0c0c0c,1d1b10,0f243e,244061,632423,4f6128,3f3151,205867,974806'.split(',').join(suf + pre), suf].join('');

                var htmlStandard = [pre, 'c00000,ff0000,ffc000,ffff00,92d050,00b050,00b0f0,0070c0,002060,7030a0'.split(',').join(suf + pre), suf].join('');

                var htmlGeneralPanel = ['<div class="editor_color_panel" style="z-index:12;" unselectable="on"><div class="color_general" unselectable="on">', htmlGen, '</div><div class="color_list" unselectable="on">', htmlList, '</div><div class="color_standard" unselectable="on">', htmlStandard, '</div></div>'].join('');

                cmd._htmlCache = htmlGeneralPanel;
            }

            content.append(cmd._htmlCache)
                .find('strong')
                .click(function (e) {
                    callback($(this).attr('style').substr(17, 7));
                    editor.closeDropDown(true);
                    e.preventDefault();
                });

            editor.createDropDown(caller, "color-picker", content);
        };

    })
});

( les codes hexadécimaux de couleur ( séparés par des virgules ) peuvent être modifiés )

Cordialement.

Merci Ea.
J'aimais bien le premier(celui du tuto), mais l'ayant tester hier il étais un peut trop petit.
Je vais prendre le deuxième il à une gueule sympa .

[tutox]

Bonsoir à tous donc après plusieurs heures de recherche pour arriver à avoir le nouvel éditeur je m'interroge ou mettre le code dans ma feuille de Style CSS pour pouvoir avoir le fond de la même couleur que mon forum.

Les codes que vous allez ajouter sont indépendants de ceux qui sont déjà sur votre feuille, vous pouvez donc aller tout en bas, sauter plusieurs lignes et coller directement celui pour l'éditeur

Merci beaucoup à vous.

[papounet]

Coucou à tous,

Juste un petit souci avec "citer" car on est obligé d'écrire la réponse dans le message "cité" !

Vous avez un truc ? 

Cordialement 

[Albert1942]

Bonsoir

Nouveau problème ( dont je n'ai pas encore vu de CR parmi les nombreuses pages)

Cela concerne les "réponses rapides"

avec FF, lorsque l'on change de page (=> page suivante) il nous est affiché le message suivant en haut de la page suivente

avec IE8, même manip, mais on arrive au dernier message de la page suivante

merci de bien vouloir m'indiquer le pourquoi du comment??????

(en espérant que mon msg ne se perdra pas dans les méandres des plaintes et consort)

[Albert1942]

Coucou à tous,

Juste un petit souci avec "citer" car on est obligé d'écrire la réponse dans le message "cité" !

Vous avez un truc ? 

Cordialement 

yes, passe en mode "édition" pour le moment, c'est en cours de réglage

[MlleAlys]

Pourriez vous préciser les codes des couleurs que vous souhaitez pour chaque zone ? (ou bien n'est ce que du blanc à part les boutons ?

Et bien, du noir pour le fond et l'écriture blanche. ^^

Essayez ce code dans votre css (remplacez le votre par celui là) :

Code:




/***********************************************APPARENCE NOUVEL EDITEUR*/


.sceditor-container {
    width: 100% !important;  /********************************largeur de l'édieur*/
    text-align: center;
    border: none !important;
}
.sceditor-container.ltr.wysiwygMode, .sceditor-container.ltr.sourceMode {
    background-color : black !important;  /****couleur de fond global de l'éditeur*/
}


/*toolbar*/
div.sceditor-toolbar {
    background-color : black !important;  /************couleur de fond de la toolbar*/
    border: none !important;
}
div.sceditor-group {
    background-color: black !important;  /*couleur de fond des groupes de boutons*/
    border: none !important;
}
a.sceditor-button {
    background-image: url(http://i83.servimg.com/u/f83/12/56/43/35/fond_b10.jpg) !important;  /************image de fond des boutons*/
    background-color: darkgrey !important;
    background-size: 100%;
    border-radius: 0 !important;
    margin: 1px; /*************************espace entre les boutons dans un groupe*/
}
a.sceditor-button.hover, .sceditor-button.active {
    background-color: white !important;  /***couleur de fond des bouton surlignés*/
    background-image: none !important;
}
/*fin toolbar*/

/*zone de texte*/
.sceditor-container iframe, .sceditor-container textarea {
    background-color: black !important;   /****couleur de fond de la zone de texte*/
    border: 1px solid #070038 !important; /*couleur de la bordure de la zone de texte*/
    width: 95% !important; /***************************largeur de la zone de texte*/
    color: white !important;   /*************couleur de la police (en mode source)*/
    font-size: 12px !important;   /***********taille de la police (encmode source)*/
    padding: 5px !important;
}
/*fin zone de texte*/

/*encadré de saisie quand on clique sur un bouton*/
.sceditor-dropdown {
    background-color: black !important;  /**************couleur de fond de l'encadré*/
    color: white !important;  /*****************couleur de la police dans l'encadré*/
}
.sceditor-dropdown textarea, .sceditor-dropdown input {
    background-color: black !important;  /******couleur de fond des zones de saisie*/
    border: 1px solid #070038 !important;
}
.sceditor-dropdown input.button {
    background-image: url(http://i83.servimg.com/u/f83/12/56/43/35/fond_b10.jpg) !important;
}
/*fin encadré de saisie*/

/*smileys*/
 .sceditor-emoticons .smiley {
    width: auto !important;
    height: auto !important;
    max-width: 40px !important;  /************************largeur max d'un smiley*/
    max-height: 40px !important;  /***********************hauteur mex d'un smiley*/
}
.sceditor-dropdown.sceditor-emoticons {
    max-height: 200px;  /********************hauteur max de la fenêtre des smileys*/
    max-width: 300px; /**********************largeur max de le fenêtre des smileys*/
    overflow: auto;
}
/*fin smileys*/

/*********************************************FIN APPARENCE NOUVEL EDITEUR*/




Puis suivez ceci pour la couleur blanche de la police en mode wysiwyg :

Pour modifier la couleur de la police du mode wysiwyg, il vous faudra passer par un code javascript :
modules > gestion des codes javascripts
- Vérifiez que l'option "Activer la gestion des codes Javascript " est cochée sur OUI
- Créez un nouveau code. Donnez lui un nom ("couleur police éditeur" par exemple)
- Cochez "sur toutes les pages" pour le placement,
- Puis dans la zone de saisie collez ce code :

Code:

$(document).ready(function() {
        $('div.sceditor-container.ltr.wysiwygMode iframe').ready(function() {
            $('div.sceditor-container.ltr.wysiwygMode iframe').contents().find('p').css('color','VOTRE CODE COULEUR ICI');
        });
    });


- Validez !

Puis celui-ci pour éviter le dédoublement des smileys :

Pour supprimer le dédoublement des smileys et autres soucis liés, il faut ajouter un code javascript :
- Allez dans Modules > Gestion des codes javascript
- Vérifiez que l'option "Activer la gestion des codes Javascript " est cochée sur OUI
- Créez un nouveau code. Donnez lui un nom ("smileys" par exemple)
- Cochez "sur toutes les pages" pour le placement,
- Puis dans la zone de saisie collez ce code :

Code:

$(function(){ $(function() {
  $(".sceditor-button-emoticon").click(function() {
    $(".smiley").unbind("hover")
  })
})});


- Validez !

Puis dites moi ce que vous voulez encore modifier

[MlleAlys]

Bonsoir

Nouveau problème ( dont je n'ai pas encore vu de CR parmi les nombreuses pages)

Cela concerne les "réponses rapides"

avec FF, lorsque l'on change de page (=> page suivante) il nous est affiché le message suivant en haut de la page suivente

avec IE8, même manip, mais on arrive au dernier message de la page suivante

merci de bien vouloir m'indiquer le pourquoi du comment??????

(en espérant que mon msg ne se perdra pas dans les méandres des plaintes et consort)

Je ne comprends pas très bien, et je ne peux, moi, pas vous aider sur ce point... Mais le problème n'a pas l'air de concerner l'apparence directe de l'éditeur, donc peut être devriez vous aller voir un autre sujet que celui-ci =S

[Albert1942]

Bonsoir

Nouveau problème ( dont je n'ai pas encore vu de CR parmi les nombreuses pages)

Cela concerne les "réponses rapides"

avec FF, lorsque l'on change de page (=> page suivante) il nous est affiché le message suivant en haut de la page suivente

avec IE8, même manip, mais on arrive au dernier message de la page suivante

merci de bien vouloir m'indiquer le pourquoi du comment??????

(en espérant que mon msg ne se perdra pas dans les méandres des plaintes et consort)

Juste pour rajouter que "réponse rapide" déactivé = aucun soucis avec les 2 navigateurs internet.

[Self]

Sa m'as l'air d'être un problème de script ou de requêtre et je ne m'y connais malheureusement pas assez pour vous indiquez quoi faire.
Il est vrais aussi que sa n'a rien à voir avec L'APPARENCE du nouvel éditeur et que vous avez donc peut de chance de trouver quelqu'un qui puisse vous aider dans ce sujet .