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

[MlleAlys]

Pour corriger la taille des smileys, ajouter ce code au css :

Code:

.sceditor-dropdown.sceditor-emoticons .smiley {
  width: auto !important;
  height: auto !important;
}

Pour ajouter une barre de défilement verticale sur le cadre des smileys :

Code:

.sceditor-dropdown.sceditor-emoticons {
  max-height: 200px;
  overflow: auto;
}

La valeur de la hauteur ici également à 200px peut bien sûr être modifiée .

[MlleAlys]

adele a écrit:

coucou
j'ose une petite question ...
comment faire pour changer le fond et mettre en couleur , sans passer par votre ecriture "martienne" ,
bref, j'aimerais quelque chose à faire de Simple !
car j'y connais rien en CSS ou template
merci beaucoup

malheureusement, pour l'instant je ne vois pas plus simple que le css pour le faire ^^"
mais le code n'est pas si compliqué, avec un peu de courage et de bonnes explications on y arrive ! =D

[cicoux22]

Bonjour je suis désolée, je vais peut-être reponse une quastion déjà posée précédemment mais mais quel code doit-on mettre et où exactement pour avoir de nouveau les smileys sur le côté droit du message de réponse ?

j'ai un autre soucis, impossible de répondre aux MP, ca me bloque tout internet mais apparemment je serais la seule ou alors nous ne sommes pas beaucoup pour qui ca pose problème.
http://asso-sauvade.forumactif.org/
internet explorer
windows 7

Merci

[lilimorgane]

AlanBike a écrit:

lilimorgane a écrit:

J'ai un soucis: lorsque j'utilise la réponse normale (donc pas la rapide), je ne peux pas écrire, il ne me met que la barre d'icones, le cadre pour écrire n'apparait pas ni le curseur, d'ailleurs ca le fait içi aussi

Bonjour,

Cliquez sur le dernier bouton, celui qui indique "basculer le mode d'édition".
Cela fait il revenir le curseur et la fenêtre d'écriture?

Cordialement

En effet  mais bon ca ne doit pas etre normal

[Tech]

cicoux22 a écrit:

Bonjour je suis désolée, je vais peut-être reponse une quastion déjà posée précédemment mais mais quel code doit-on mettre et où exactement pour avoir de nouveau les smileys sur le côté droit du message de réponse ?

j'ai un autre soucis, impossible de répondre aux MP, ca me bloque tout internet mais apparemment je serais la seule ou alors nous ne sommes pas beaucoup pour qui ca pose problème.
http://asso-sauvade.forumactif.org/
internet explorer
windows 7

Merci

Le développement des smileys est à droite et sera présent d'ici quelques jours (j'espère demain) sur les forums. Il faut donc patienter un peu

Je vois que vous utilisez IE7, puis-je vous proposer de mettre à jour votre navigateur (la version la plus récente est la 10) ?

Cordialement.

[adele]

heu, il est où le code pour changer la couleur du fond?
merci

[Tech]

Vous pourrez le trouver en parcourant ce sujet ou même peut-être ici : https://forum.forumactif.com/t352401-nouvel-editeur-de-messages-pour-les-forums-forumactif#3002012

[le.cricket]

Je ne suis pas là pour agresser qui que ce soit, quand c'est bien je suis le 1er à le dire, mais là, je suis désolé car personne n'était au courant ce qui fait que mes lecteurs ne s'y retrouvent pas et moi-même ayant un fond noir ce matin à 8 h je me retrouve avec du blanc  (je sais ça va venir) de plus auparavant pour mettre une image il suffisait de mettre l'url de l'image et votre bouton "insérer" ne fonctionne pas du tout, ce qui fait que j'ai du enregistrer les images et je passe 2 fois plus de temps pour mettre des sujets sur mon forum ! Revenons à l'ancien système qui était bien plus pratique et facile à utiliser ! merci de votre compréhension et bon courage car beaucoup vont râler !!

[adele]

OK et merci à toi
mais tu mets ceci :

mais où puis je trouver les "mots" de couleurs?

[Zarby]

Adèle, je vais essayer de t'aider, comme les autres m'ont beaucoup aidé

Alors pour ma part, une de mes feuilles css a cette forme là (pour trouver ta feuille css, tu vas dans le panneau, ensuite dans affichage, puis couleur et tu as la feuille css. Pour les couleurs, tu peux prendre directement les codes que tu as choisi dans l'onglet couleur

Code:

/*nouvel éditeur barre du haut*/
div.sceditor-toolbar{
background-color: #COULEUR DU FOND DE LA TOOLBAR A METTRE ICI !important;
text-align: center!important; /* là, je centre les boutons pour que ce soit plus jolie */
 border: solid 1px #00000 !important; /* là je mets un cadre de 1px de largeur et de couleur noir */
margin:-2px !important; /* là je réduis la marge pour un côté plus esthétique */}

/*nouvel éditeur textarea*/
.sceditor-container iframe, .sceditor-container textarea{
background-color:#COULEUR DE FOND DE LA SAISI DES MESSAGES !important;
border: solid 1px #000 !important; /* toujours un cadre */
color:#COULEUR DU TEXTE !important; /* là c'est la couleur de ton texte dans la boite de dialogue */
margin:-5px !important; /* là encore j'enlève de la marge pour que ce soit plus jolie */}

/*nouvel éditeur gp bouton*/
div.sceditor-group{
background-color:#COULEUR DE FOND JUSTE EN DESSOUS DES BOUTONS !important;
border: solid 1px #000 !important;}

.sceditor-container.ltr.wysiwygMode {
border: solid 1px #000 ;
background-color:#COULEUR DE FOND DE LA SORTE DE BORDURE BLANCHE !important;
width:95% !important;}

.sceditor-container.ltr.sourceMode{
border: solid 1px #000 ;
background-color:#COULEUR DE FOND !important;
width:95% !important;}

/* Permettre d'avoir des smileys  à la bonne taille */
.sceditor-emoticons {width: 250px !important; height: 250px !important; overflow: auto !important;}
img.smiley {width: auto !important; height : auto !important;}

a.sceditor-button.hover
{background-color:#COULEUR DE FOND DU BOUTON QUI INDIQUE QUE L'ON EST PAS EN MODE wysiwyg  !important;}

Est-ce que là, ça t'apparait un peu plus clair? Si tu veux, donne moi les couleurs que tu veux mettre et je t'aide à les insérer dans le css

[Tech]

le.cricket a écrit:

Je ne suis pas là pour agresser qui que ce soit, quand c'est bien je suis le 1er à le dire, mais là, je suis désolé car personne n'était au courant ce qui fait que mes lecteurs ne s'y retrouvent pas et moi-même ayant un fond noir ce matin à 8 h je me retrouve avec du blanc  (je sais ça va venir) de plus auparavant pour mettre une image il suffisait de mettre l'url de l'image et votre bouton "insérer" ne fonctionne pas du tout, ce qui fait que j'ai du enregistrer les images et je passe 2 fois plus de temps pour mettre des sujets sur mon forum ! Revenons à l'ancien système qui était bien plus pratique et facile à utiliser ! merci de votre compréhension et bon courage car beaucoup vont râler !!

A vrai dire ce n'était pas à 8h ( un peu d'humour ne fait pas de mal )

Vous parlez de l'hébergement d'une image depuis votre ordinateur ou simplement insérer une image dans le message ?

adele a écrit:

OK et merci à toi
mais tu mets ceci :

mais où puis je trouver les "mots" de couleurs?

Je suppose que vous parlez du red comme exemple ?
Il s'agit des couleurs mais en anglais (jaune > yellow, rouge > red, blanc > white, noir > black) mais vous pouvez aussi utiliser un code couleur (exemple : #FFFFFF).
Vous pouvez voir ça là dessus : http://www.code-couleur.com/

Ce qui donnera quelque chose comme :
... {
background: #FFFFFF;
}

[lilimorgane]

Moi j'aimerais savoir si ce nouvel éditeur va rester ou si on aura la possibilité de basculer sur l'ancien (le choix quoi)? C'est pour pouvoir répondre aux demandes des membres de mon forum, j'anticipe LOL

[le.cricket]

SI,si à 8 h j'étais sur mon forum ! Simplement "insérer une image" je mets l'adresse url de l'image (comme avant !) je fais "insérer" et aucune image n'apparait ! auparavant ça fonctionnait tout seul ! Il est vrai que lorsqu'on change brutalement de système ça perturbe beaucoup de monde et moi je ne suis pas informaticien donc les codes etc c'est pas mon truc ! désolé !

[magiephotofiltre]

MlleAlys a écrit:

adele a écrit:

coucou
j'ose une petite question ...
comment faire pour changer le fond et mettre en couleur , sans passer par votre ecriture "martienne" ,
bref, j'aimerais quelque chose à faire de Simple !
car j'y connais rien en CSS ou template
merci beaucoup

Les membres sont decus , disparition des smyle a gauche , la plupart sont des personnes agés et sont perdus , pourquoi avoir changé c’était si simple avant , et joli et facile ,maintenant grosse prise de tete , on pouvait pas laisser le choix dans le panneau , c'est pas cool !!

[Tech]

lilimorgane a écrit:

Moi j'aimerais savoir si ce nouvel éditeur va rester ou si on aura la possibilité de basculer sur l'ancien (le choix quoi)? C'est pour pouvoir répondre aux demandes des membres de mon forum, j'anticipe LOL

Il est prévu qu'il reste. Après que nous ayons fini tous les développements, je suis sûr que vous ne voudrez plus de l'ancien. Il faut juste comprendre que ça prend du temps d'analyser tous les avis et de développements de nouveaux trucs.
Rome ne s'est pas fait en 1 jour ^^

le.cricket a écrit:

SI,si à 8 h j'étais sur mon forum ! Simplement "insérer une image" je mets l'adresse url de l'image (comme avant !) je fais "insérer" et aucune image n'apparait ! auparavant ça fonctionnait tout seul ! Il est vrai que lorsqu'on change brutalement de système ça perturbe beaucoup de monde et moi je ne suis pas informaticien donc les codes etc c'est pas mon truc ! désolé !

Pourtant à 8h, il n'y avait personne ^^
Je viens d'essayer et ça fonctionne parfaitement chez moi. Vous êtes en mode WYSIWYG ou en mode code source ?

magiephotofiltre a écrit:

MlleAlys a écrit:

adele a écrit:

coucou
j'ose une petite question ...
comment faire pour changer le fond et mettre en couleur , sans passer par votre ecriture "martienne" ,
bref, j'aimerais quelque chose à faire de Simple !
car j'y connais rien en CSS ou template
merci beaucoup

Les membres sont decus , disparition des smyle a gauche , la plupart sont des personnes agés et sont perdus , pourquoi avoir changé c’était si simple avant , et joli et facile ,maintenant grosse prise de tete , on pouvait pas laisser le choix dans le panneau , c'est pas cool !!

Concernant les smileys à gauche, nous avons bien pris en compte votre demande et allons les remettre en place dès que possible.
Vous pouvez dire à vos membres qu'il s'agit d'une question de jour, nous sommes désolés.

[Chimérion]

Comment puis-je changer la couleur du cadre blanc ><
http://d27.e-loader.net/QW45RSVfie.png

merci ><

[Glorio]

Re bonjour,

Est-il possible de remplacer la palette de couleur actuelle, par un sélecteur de couleur qui est ici avec un tuto -> https://forum.forumactif.com/t287454-ajouter-un-selecteur-de-couleur

J'avais un sélecteur de couleur, et je voudrais qu'il y reste .. Peut-on faire la modification ?

[Leylune]

Merci MlleAlys ! Grâce au code donné j'ai pu corriger les couleurs de mon éditeur. Ceci dit, j'ai encore un problème : impossible de modifier la taille, la couleur et le type de la police d'écriture. Quelqu'un saurait-il comment faire ?

[Tech]

Chimérion a écrit:

Comment puis-je changer la couleur du cadre blanc ><
http://d27.e-loader.net/QW45RSVfie.png

merci ><

Essayez quelque chose de ce style :

Code:

.sceditor-container.ltr.sourceMode
{
  background-color: couleur;
}

[lacie holmes]

Leylune: Si tu ne peux le modifier ça veut dire que tu es en mode WYSIWYG. Si tu passes en mode code source, les modifications s'effectueront. Il n'y a toujours pas de solution pour le mode WYSIWYG cependant.

Et merci beaucoup Tech pour l'aide fournie aux membres pour résoudre les soucis!

[magiephotofiltre]

merci c'est dejà ca , aussi la couleurs de fond comment je la met car c'est ce code couleurs #AD8168
j'ai reussi a agrandir les smile dans le champs d'edition mais c'est pas tres jojo !!

[Leylune]

Malheureusement, Lacie Holmes, j'ai le même problème qu'il s'agisse du mode "source" ou du mode WYSIWYG (qui j'espère, pourra être désactivé par défaut, à terme ?).

[lacie holmes]

(Je crois que c'est une suggestion qui a été pris en compte pour les futurs modifications oui. x) )

Puis-je voir ton code CSS? As-tu bien mis " !important " avant chaque " ; " ?

[kawarz]

Bonjour, ma souris passe derrière  la zone de texte (ou plutôt la zone de texte est en premier plan, devant la souris) , ce serait lié à ce code de css:

Code:

 
        .sceditor-container iframe, .sceditor-container textarea{
       
 background-color:#808080 !important;
-moz-border-radius:6px !important;
-webkit-border-radius:6px !important;
border-radius:6px !important;
  padding:3px !important;
border:1px solid #000000 !important;
box-shadow:1px 1px 5px black !important;}

Pourriez vous m'aider?

[Chimérion]

Na ça fonctionne pas j'ai toujours ce cadre blanc ><

[Tech]

Bonjour,

Il me faudrait une section invitée sur votre forum où je puisse tester. Pouvez-vous mettre ça en place ?

Cordialement.

[kawarz]

Tech a écrit:

Bonjour,

Il me faudrait une section invitée sur votre forum où je puisse tester. Pouvez-vous mettre ça en place ?

Cordialement.

C'est fait http://crazy-land.nextgenforum.com/f18-le-coin-des-n-invites

[Grimmy']

Zarby a écrit:

Adèle, je vais essayer de t'aider, comme les autres m'ont beaucoup aidé

Alors pour ma part, une de mes feuilles css a cette forme là (pour trouver ta feuille css, tu vas dans le panneau, ensuite dans affichage, puis couleur et tu as la feuille css. Pour les couleurs, tu peux prendre directement les codes que tu as choisi dans l'onglet couleur

Code:

/*nouvel éditeur barre du haut*/
div.sceditor-toolbar{
background-color: #COULEUR DU FOND DE LA TOOLBAR A METTRE ICI !important;
text-align: center!important; /* là, je centre les boutons pour que ce soit plus jolie */
 border: solid 1px #00000 !important; /* là je mets un cadre de 1px de largeur et de couleur noir */
margin:-2px !important; /* là je réduis la marge pour un côté plus esthétique */}

/*nouvel éditeur textarea*/
.sceditor-container iframe, .sceditor-container textarea{
background-color:#COULEUR DE FOND DE LA SAISI DES MESSAGES !important;
border: solid 1px #000 !important; /* toujours un cadre */
color:#COULEUR DU TEXTE !important; /* là c'est la couleur de ton texte dans la boite de dialogue */
margin:-5px !important; /* là encore j'enlève de la marge pour que ce soit plus jolie */}

/*nouvel éditeur gp bouton*/
div.sceditor-group{
background-color:#COULEUR DE FOND JUSTE EN DESSOUS DES BOUTONS !important;
border: solid 1px #000 !important;}

.sceditor-container.ltr.wysiwygMode {
border: solid 1px #000 ;
background-color:#COULEUR DE FOND DE LA SORTE DE BORDURE BLANCHE !important;
width:95% !important;}

.sceditor-container.ltr.sourceMode{
border: solid 1px #000 ;
background-color:#COULEUR DE FOND !important;
width:95% !important;}

/* Permettre d'avoir des smileys  à la bonne taille */
.sceditor-emoticons {width: 250px !important; height: 250px !important; overflow: auto !important;}
img.smiley {width: auto !important; height : auto !important;}

a.sceditor-button.hover
{background-color:#COULEUR DE FOND DU BOUTON QUI INDIQUE QUE L'ON EST PAS EN MODE wysiwyg  !important;}

Est-ce que là, ça t'apparait un peu plus clair? Si tu veux, donne moi les couleurs que tu veux mettre et je t'aide à les insérer dans le css

Zarby je me suis servie de ton code et ça marche parfaitement *-* merci !

[adele]

Zarby a écrit:

Adèle, je vais essayer de t'aider, comme les autres m'ont beaucoup aidé

Alors pour ma part, une de mes feuilles css a cette forme là (pour trouver ta feuille css, tu vas dans le panneau, ensuite dans affichage, puis couleur et tu as la feuille css. Pour les couleurs, tu peux prendre directement les codes que tu as choisi dans l'onglet couleur

Code:

/*nouvel éditeur barre du haut*/
div.sceditor-toolbar{
background-color: #COULEUR DU FOND DE LA TOOLBAR A METTRE ICI !important;
text-align: center!important; /* là, je centre les boutons pour que ce soit plus jolie */
 border: solid 1px #00000 !important; /* là je mets un cadre de 1px de largeur et de couleur noir */
margin:-2px !important; /* là je réduis la marge pour un côté plus esthétique */}

/*nouvel éditeur textarea*/
.sceditor-container iframe, .sceditor-container textarea{
background-color:#COULEUR DE FOND DE LA SAISI DES MESSAGES !important;
border: solid 1px #000 !important; /* toujours un cadre */
color:#COULEUR DU TEXTE !important; /* là c'est la couleur de ton texte dans la boite de dialogue */
margin:-5px !important; /* là encore j'enlève de la marge pour que ce soit plus jolie */}

/*nouvel éditeur gp bouton*/
div.sceditor-group{
background-color:#COULEUR DE FOND JUSTE EN DESSOUS DES BOUTONS !important;
border: solid 1px #000 !important;}

.sceditor-container.ltr.wysiwygMode {
border: solid 1px #000 ;
background-color:#COULEUR DE FOND DE LA SORTE DE BORDURE BLANCHE !important;
width:95% !important;}

.sceditor-container.ltr.sourceMode{
border: solid 1px #000 ;
background-color:#COULEUR DE FOND !important;
width:95% !important;}

/* Permettre d'avoir des smileys  à la bonne taille */
.sceditor-emoticons {width: 250px !important; height: 250px !important; overflow: auto !important;}
img.smiley {width: auto !important; height : auto !important;}

a.sceditor-button.hover
{background-color:#COULEUR DE FOND DU BOUTON QUI INDIQUE QUE L'ON EST PAS EN MODE wysiwyg  !important;}

Est-ce que là, ça t'apparait un peu plus clair? Si tu veux, donne moi les couleurs que tu veux mettre et je t'aide à les insérer dans le css

oh que c'est gentil à toi !
alors je vais essayer tte seule pour l'instant
par contre dis moi , ce qui est en couleur , je garde ou non?

[le.cricket]

tout à fait je suis en mode WYSIWYG ! je viens encore d'essayer mais ça ne fonctionne pas !