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

[sophb]

Bonjour,

J'ai mis en route le nouvel éditeur.

Dans l'ancien éditeur, j'avais supprimé les smileys. Ici, ils sont obligatoires....... Comme je ne veux pas que mon forum soit un sapin de Noel, j'aimerais, à nouveau, les interdire. 

Quelques questions

Quelle est la procédure à suivre pour le nouvel éditeur pour supprimer les smileys ?

Le bouton suppression de fonction sur l'éditeur doit être fait à chaque "nouveau message" ou "répondre" ou cette fonction garde en "mémoire" la préférence ?

Peux-t'on par le panneau de contrôle de l'administration modifier le nouvel éditeur sans changer le template ou faire un CSS ?


Je vous remercie et vous souhaite une bonne journée

[AenigmA]

Bonjour,
Pour enlever les smileys tu peux essayer ceci dans ton css

Code:

.sceditor-button.sceditor-button-emoticon{


display: none;


}


[sophb]

Merci beaucoup.

[adele]

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?

Je te remercie , de m'avoir aidé , maintenant sur mon forum , avec cette nouveauté , c'est impeccable !!!!

[zephirin51]

Pourquoi avoir changer d’éditeur de texte alors que le précédent tourner très bien, j'ai tous les membres du forum qui me hurlent dessus du coup, la moindre des choses et de prévenir et de laisser la possibilité de changer ou non, de plus sur le forum www.aqua51.fr ma police est blanche donc pour les copier coller c'est mort, merci de bien vouloir m'indiquer la marche a suivre pour que je puisse adapter les couleurs d'aqua51.fr a cette éditeur de texte a partir du panneaux d'administration avant que je me fasse lyncher ...

merci pour votre diligence et tous les efforts que vous faites mais prévenez la prochaine fois et laissez nous le choix

amities
ZEP

[Bohème74]

Comme tout le monde, nous sommes tous déroutés par ce nouveau système...
Il faudra un peu de temps pour s'y faire...

Par contre, j'ai un souci: je ne peux plus poster de photos...

Depuis iPad, iPhone...
Il faut souvent bidouiller pour pouvoir mettre en surbrillance les codes sur servimg (icône proposée sur la barre d'outil)
Souvent il faut ouvrir l'icône "image", puis revenir sur l'icône servimg, puis sélectionner et coller dans image.

Mais là, je ne trouve plus le bouton image?

Et de plus, quand je sélectionne une autre icône, ça me ferme complètement servimg...
Et du coup, je perds tout...

C'est très embêtant. :no
Est ce qu'il y a une solution?

Merci!

[Feuille de Tilleul]

Personnellement, j'ai installé un truc qui affiche automatiquement l'avatar du posteur.

Et ça me donne ça... :

PS : si j'ai bien compris, la nouvelle mise en page s'accordera bientôt automatiquement aux couleurs de notre forum ou c'est nous qui devons le faire ?

[odette]

Il y a aussi ce souci, pourquoi faut-il se reconnecter à chaque fois que l'on sort et que l'on revient ici sur ce forum ?????

Merci d'avance, cordialement

[-Méphisto-]

Bon, pour répondre ici, je ne peux passer que par "réponse rapide".
Il n'y a même plus de fenêtre d'écriture en cliquant sur le bouton "répondre"

Sur mon forum, toujours pas le moindre bouton ni smiley, les mises en page sont impossibles. Tout le monde ici semble dire que ses smileys sont trop petits, mal placés ou qu'il y a des erreurs de mises en page (pour ce que j'ai pu survoler dans la panique) mais personne semble ne dire qu'il n'a plus rien.

Mais est-ce normal qu'il n'y ait toujours absolument rien du tout sur le mien ? D'autres sont-ils dans ce cas aussi ?

[skitty.]

Je n'aime pas du tout cet éditeur. Il fait totalement foirer tous les posts qui contiennent du HTML, exactement comme le bug qu'il y a eu il y a peu de temps. Et ce même en basculant le mode d'édition. On a tout essayé depuis hier mais rie ne change : le post est beau avec le HTML, mais dès qu'on l'édite tout est cassé. Je suis consciente du travail que vous faites mais sincèrement, personne n'aime ce nouveau truc. L'ancien était 100 fois plus pratique. Pourquoi toujours essayer d'en faire plus ? Ca ne nous épate pas et ça nous agace plus qu'autre chose... J'espère que le souci du HTML sera bientôt résolu parce que sans cela mon forum n'est plus viable, nous avons besoin de la mise en page (formulaires, cartes, etc).

[Alpha.44]

Bonjour,

Pour ce qui est du mode HTML, quel est votre mode d'édition pour que tout soit cassé ?

Sinon, pour ceux qui n'ont aucun bouton, il faut modifier ou supprimer deux templates. Avez-vous lu la résolution de ce problème ?

[Alpha.44]

Il y a aussi ce souci, pourquoi faut-il se reconnecter à chaque fois que l'on sort et que l'on revient ici sur ce forum ?????

Merci d'avance, cordialement

Avez-vous coché "se souvenir de moi" ? Ca peut être aussi un souci de configuration de votre navigateur... (:

[Alpha.44]

Personnellement, j'ai installé un truc qui affiche automatiquement l'avatar du posteur.

Et ça me donne ça... :

PS : si j'ai bien compris, la nouvelle mise en page s'accordera bientôt automatiquement aux couleurs de notre forum ou c'est nous qui devons le faire ?

Il faut modifier le code CSS de l'avatar et de la réponse rapide. Puis-je avoir votre code CSS s'il vous plait ?

[Laïka Dunkel]

J'ai vu *ici* qu'on pouvait changer l'apparence de son éditeur, mais n'étant pas une pro du CSS, je ne sais pas quoi mettre à la place de "contenu", notamment pour changer les boutons... quelqu'un peut me donner une piste?

[skitty.]

Avec les 2 modes d'édition, tout est cassé :/ On a même essayé de passer par l'onglet "insérer du texte sans formatage" mais ça ne fonctionne pas.

[doro matra]

bonjour ,

pourquoi on nous a pas informer avant du changement !  ça ne fonctionne pas,  pourquoi avoir changer l’éditeur ! merci de nous informer et prendre en considération les messages négatif .

cordialement.

[Alpha.44]

J'ai vu *ici* qu'on pouvait changer l'apparence de son éditeur, mais n'étant pas une pro du CSS, je ne sais pas quoi mettre à la place de "contenu", notamment pour changer les boutons... quelqu'un peut me donner une piste?

Bien sûr !
Je peux vous aider ! (:
Vous connaissez un peu les codes CSS ? Ce que signifie : #000000 ? Histoire que vous sachiez modifier ensuite.

Avec les 2 modes d'édition, tout est cassé :/ On a même essayé de passer par l'onglet "insérer du texte sans formatage" mais ça ne fonctionne pas.

Et ça fait ça uniquement avec du HTML ? Le BBcode ?

[skitty.]

Nous n'utilisons pas de BB code. En fait il semblerait que cela se produise pour tous les posts HTML qui contiennent des appels de CSS :/

[mustang]

Bonjour

J'ai toujours le fond blanc pour mettre des posts. Quand je clique sur insérés une image cela ne fonctionne pas je met l'urel de l'image, mais il y a juste une croix rouge.

Si il faut faire des changements dans le CSS il n'est pas question pour moi de le faire car je ni connais strictement rien.

Cordiamemant

[Laïka Dunkel]

J'ai vu *ici* qu'on pouvait changer l'apparence de son éditeur, mais n'étant pas une pro du CSS, je ne sais pas quoi mettre à la place de "contenu", notamment pour changer les boutons... quelqu'un peut me donner une piste?

Bien sûr !
Je peux vous aider ! (:
Vous connaissez un peu les codes CSS ? Ce que signifie : #000000 ? Histoire que vous sachiez modifier ensuite.

Merci!

Alors, oui, je m'y connais un minimum (je sais par exemple que #000000, c'est le noir ), pouvez-vous me dire quelles modifications on peut faire sur ce nouvel éditeur? Est-ce qu'on peut juste modifier les couleurs?

[Alpha.44]

Votre forum c'est NY ? Je peux venir voir ? <3
Je suis du genre visuelle (pire défaut de la terre ! xD) !

mustang : il faut modifier le CSS, est-ce qu'il y a au moins moyen pour vous d'intégrer un code déjà fait ?

Pour l'image, lorsque vous la mettez, est-ce que vous avez le "http://"

Code:

[img]http://[/img]

[alain29]

Bonjour.
Je suis l'admi technique de ce forum sous invision:
http://www.anciens-cols-bleus.net/
Pas de template modifié, et aucuns membres ne peux poster encore à cette heure.
Il n'y aurait pas quelques chose dans mon CSS qui bloquerait?
Merci d'avance.

[Laïka Dunkel]

EDIT: j'efface mon message qui répondait à un post ne m'étant pas adressé

[le.cricket]

il faut arrêter de nous faire bidouiller tout et n'importe quoi ! Pour la plupart nous ne connaissons rien en code ! Rendez nous notre ancien éditeur ! Mon forum est en fond noir, les couleurs ne correspondent plus du tout à celles que l'on avait, le jaune a disparu ! Tout le monde râle et vous ne tenez pas compte de notre avis ! il fallait faire une phase de test avant de nous imposer un truc qui nous met le bazar dans le forum ! Suffisamment de gens sont mécontents pour que vous reveniez à l'ancienne version !

[J.C. Admin]

Bonjour à Tous...

C'est bien gentil ces changements, tout le monde y va de sa petite explication et au final on y comprend rien.... Enfin en ce qui me concerne... 

Je veux bien comprendre que le système doit évoluer, mais il faudrait peut être penser aux " vieux " de 60 et quelques, qui ne sont pas forcément tous des experts en informatique....

Quelques explications " claires " des hautes instances seraient les bienvenues....

Merci d'avance...

[skitty.]

Nop je ne parle pas de NY mais de ce forum-ci : http://www.hohokam-creek.com/ (mais rien ou presque n'est ouvert aux invités). Mais ça ne le fait que sur ça, peut-être que ce sont les tables qui font ça ? Sinon pour les posts où il y a juste un appel du CSS en div, j'ai remarqué que l'interligne augmentait sans raison. Franchement on voudrait récupérer l'ancienne version, c'est carrément pénible quoi.

[Alpha.44]

J'ai vu *ici* qu'on pouvait changer l'apparence de son éditeur, mais n'étant pas une pro du CSS, je ne sais pas quoi mettre à la place de "contenu", notamment pour changer les boutons... quelqu'un peut me donner une piste?

Bien sûr !
Je peux vous aider ! (:
Vous connaissez un peu les codes CSS ? Ce que signifie : #000000 ? Histoire que vous sachiez modifier ensuite.

Merci!

Alors, oui, je m'y connais un minimum (je sais par exemple que #000000, c'est le noir ), pouvez-vous me dire quelles modifications on peut faire sur ce nouvel éditeur? Est-ce qu'on peut juste modifier les couleurs?

C'est parfait ! (:

A ajouter dans le CSS :

Code:

/*--- Bloc réponse rapide ---*/

.sceditor-container.ltr.sourceMode {width:550px !important; background-color: #XXXXXX !important;}
.sceditor-container.ltr.wysiwygMode {width:550px !important; background-color: #XXXXXX !important;}

Il faut remplacer "XXXXXX" par un code couleur. Le premier concerne le mode d'édition "source" et le second concerne le mode "wysiwyg" (je vois ce que j'écris). La taille "550" est à modifier si vous trouver votre bloc ça trop grand ou trop petit.

Code:

/*---  Partie supérieur contenant les outils ---*/

div.sceditor-toolbar {
background-color: #XXXXXX !important;
width: 540px !important;
}

Il s'agit du bloc contenant les icônes outils : le fond peut être modifié. Il suffit de modifier le "XXXXXX". Selon la taille que vous aurez changé dans le code du bloc rapide "550", il faudra aussi le modifier ici. J'ai mis 10px de moins.

Code:

/*---  Partie texte area : fond ---*/

.sceditor-container iframe, .sceditor-container textarea {
background-color: #XXXXXX !important;
text-align:justify;
margin:0 !important;
line-height: 16px;
width: 540px !important;
color: #XXXXXX !important;
font-size:11px !important;
}

Ca concerne le fond et la présentation. Le fond de votre bloc. C'est mieux de mettre le même que le code "sceditor-container.ltr.wysiwygMode". Il me semble que j'avais dû l'ajouter parce que sinon, il y avait un souci de fond quelque part.

text-align:justify; : c'est pour un texte justifié
margin:0 !important; aucune marge
line-height: 16px; les lettres qui se rapprochent, on peut retirer, pas un souci
width: 540px !important; la taille du bloc (comme code précédent)
color: #XXXXXX !important; couleur du texte à modifier "XXXXXX"
font-size:11px !important; taille de la police

Code:

/*---  Groupe de boutons ---*/

div.sceditor-group {
background-color: #XXXXXX !important; }

Ca concerne la couleur des groupes de boutons. XXXXXX à modifier.

Code:

/*---  Boutons ---*/

a.sceditor-button {
}

Ici je n'ai rien mis, mais on peut ajouter un "background".

Code:

/*---  Boutons sélectionnés ---*/

a.sceditor-button.hover {
background-color: #XXXXXX !important;
}

XXXXXX à modifier.

Code:

/*---  Smileys ---*/

.sceditor-emoticons {width: 350px !important; height: 250px !important; overflow: auto !important;}
img.smiley {width: auto !important; height : auto !important;}

Taille des smileys.

Au final, ça donne ça :

Code:

/*--- Bloc réponse rapide ---*/

.sceditor-container.ltr.sourceMode {width:550px !important; background-color: #XXXXXX !important;}
.sceditor-container.ltr.wysiwygMode {width:550px !important; background-color: #XXXXXX !important;}

/*---  Partie supérieur contenant les outils ---*/

div.sceditor-toolbar {
background-color: #XXXXXX !important;
width: 540px !important;
}

/*---  Partie texte area : fond ---*/

.sceditor-container iframe, .sceditor-container textarea {
background-color: #XXXXXX !important;
text-align:justify;
margin:0 !important;
line-height: 16px;
width: 540px !important;
color: #XXXXXX !important;
font-size:11px !important;
}

/*---  Groupe de boutons ---*/

div.sceditor-group {
background-color: #XXXXXX !important; }

/*---  Boutons ---*/

a.sceditor-button {
}

/*---  Boutons sélectionnés ---*/

a.sceditor-button.hover {
background-color: #XXXXXX !important;
}

/*---  Smileys ---*/

.sceditor-emoticons {width: 350px !important; height: 250px !important; overflow: auto !important;}
img.smiley {width: auto !important; height : auto !important;}
  

[Alpha.44]

Nop je ne parle pas de NY mais de ce forum-ci : http://www.hohokam-creek.com/ (mais rien ou presque n'est ouvert aux invités). Mais ça ne le fait que sur ça, peut-être que ce sont les tables qui font ça ? Sinon pour les posts où il y a juste un appel du CSS en div, j'ai remarqué que l'interligne augmentait sans raison. Franchement on voudrait récupérer l'ancienne version, c'est carrément pénible quoi.

Je peux voir l'un de vos codes qui ne fonctionne plus ? Enfin qui est cassé, pour que je puisse voir ? En MP si tu veux. (:

[soleda34]

Bonjour perso si je fais nouveau pour écrire un message je n'est plus l'éditeur quelle la solution ? je suis en phpbb2
merci beaucoup de votre aide

[Alpha.44]

Bonjour soleda34,

Etes-vous fondateur du forum ?
Est-ce que vos templates "profile_add_body" et "posting_body" sont modifiés ?