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

[_backdraft_]

Bonjour _backdraft_,
En effet, votre problème est assez particulier. C'est pourquoi, je vous invite à ouvrir votre propre sujet afin de régler celui-ci plus facilement.

Ce que vous pouvez déjà faire est d'enregistrer votre template quelque part sur votre ordinateur et de le supprimer de votre forum pour voir si le problème se règle ou non avec le template par défaut. Je vous invite à me fournir cette information dans votre nouveau sujet.

Vous pouvez également fournir le template via ce site : http://pastebin.com/ et de me donner le lien.

Je regarderai à votre problème dès que possible.

Cordialement.

Merci beaucoup je vais faire tout ceci.

PS : avant que l'on me dirige vers ce topic j'avais créé un sujet, je vais vous envoyer un mp pour demander son déverrouillage ça ira surement plus vite, merci.

[le marsupilami]

Il n'est effectivement pas possible de changer les couleurs de l'éditeur via les couleurs du panneau d'administration pour l'instant. Cependant, en attendant, c'est tout de même possible en utilisant du code css : si cela vous semble compliqué mais que vous êtes tout de même prêt à essayer, nous pouvons vous aider à obtenir ce que vous voulez

si pas possible autement je veux bien essayer. mais mon panneau css est une vraie usine a gaz.

D'accord xDD

D'abord, avez vous déjà essayé de modifier l'apparence du nouvel éditeur via le css ? Si oui, qu'avez vous mis comme code ?

Mon je n'ai pas essayé d'y toucher.
voila un extrait

[joker59500]

Bonsoir...Je voudrai savoir comment Stabilo a réussi pour avoir la mise de ses smileys ? comme ça ?

Essayez ce code :

Code:

/*pour la taille des smileys*/
.sceditor-emoticons .smiley {  
  width: auto !important;  
  height: auto !important;
}
/*pour la taille de la fenêtre des smileys*/
.sceditor-dropdown.sceditor-emoticons {
  max-height: 200px;  /*hauteur maximale*/
  max-width: 300px;  /*largeur maximale*/
  overflow: auto;  /*pour activer le défilement*/
}

les valeurs 200 et 300 peuvent bien sûr être modifiées à votre convenance

Merci pour cette réponse rapide

Je mets ces codes ou ?  MlleAlys

[MlleAlys]

citation Djlc.Discomobile :

Ah oui tient, je n'avais pas vu ça ! ^^" je ne saurais cependant résoudre ce souci... T-T

[MlleAlys]

Bonsoir...Je voudrai savoir comment Stabilo a réussi pour avoir la mise de ses smileys ? comme ça ?

Essayez ce code :

Code:

/*pour la taille des smileys*/
.sceditor-emoticons .smiley {  
  width: auto !important;  
  height: auto !important;
}
/*pour la taille de la fenêtre des smileys*/
.sceditor-dropdown.sceditor-emoticons {
  max-height: 200px;  /*hauteur maximale*/
  max-width: 300px;  /*largeur maximale*/
  overflow: auto;  /*pour activer le défilement*/
}

les valeurs 200 et 300 peuvent bien sûr être modifiées à votre convenance

Merci pour cette réponse rapide

Je mets ces codes ou ?  MlleAlys

Vous le copiez et vous le collez dans la feuille de style css :
Affichage > couleurs > onglet feuille de style css

Si vous avez déjà un code dans votre css, sautez quelques lignes pour les séparer avant de coller celui là.

(à noter : ce qui est entre /* ... */ sont des commentaires qui ne sont pas pris en compte dans le code, vous pouvez les modifier ou les supprimer à votre guise, voir en ajouter )

[Lolo Irie]

Bonjour,

comme beaucoup j'ai cherché comment changer la couleur du texte dans l'editeur Wysiwyg.

En css j'ai pas trouvé et cela ne doit pas etre possible, mais en javascript si vous disposez de jquery (majorité des cas...), vous pouvez rajouter cela dans votre footer:

Code:

<script>
    $(document).ready(function(){
     $('iframe').contents().find("p").css("color","#0000cc");
    });
  </script>

Avec la couleur de votre choix...


Amicalement

PS: si vous ne savez pas si vous disposez de jquery... Suffit de faire une essai rapide et vous serez fixé. ^^

Re PS: pris de vitesse... Donc je confirme jsute.. ca marche impec

En complement... Si vous avez des soucis avec les citations (la police etait toujours d'une mauvaise couleur si on editait ou citait un message et la couleur du texte cité etait egalement illisible)...
J'ai changé avec:

Code:

<script>
    $(document).ready(function(){
        $('iframe').contents().find("html").css("color","#ffffff");
       $('iframe').contents().find("body").css("color","#ffffff");
       $('iframe').contents().find("p").css("color","#ffffff");
       $('iframe').contents().find("div").css("color","#ffffff");
      
        $('iframe').contents().find("blockquote").find("font").css("color","#000000");
        $('iframe').contents().find("blockquote").css("background-color", "#ffffff");
    });
  </script>

Et là tout fonctionne impec...
Reste pus ensuite pour les puristes à peaufiner le code JS ^^
Ou un admin ici postera quelque chose qui fonctionne pour tout le monde. C'est jsute une piste

[MlleAlys]

D'abord, avez vous déjà essayé de modifier l'apparence du nouvel éditeur via le css ? Si oui, qu'avez vous mis comme code ?

Mon je n'ai pas essayé d'y toucher.

OK ^^
Concernant le css, à noter : des commentaires peuvent être fait en les plaçant entre des balises /* MON COMMENTAIRE ICI */ , vous pouvez donc écrire ce que vous voulez sans que cela n'influe le code en rien temps que c'est placé entre des balises  /* ... */ !
(et le nombre d'étoiles n'a pas d'importance tant qu'il y en a au moins une de chaque côté xP)
Vous pouvez utiliser ces commentaires pour vous y retrouver dans votre feuille de style css,

par exemple sur un extrait de la mienne :

Bon ici le bout de code que j'ai copier n'a aucun rapport, mais c'était juste pour vous montrer l'utilité des commentaires

Bref, vous pouvez séparer le code css que vous avez déjà de celui que nous allons ajouter par un commentaire bien visible et/ou plusieurs sauts de ligne, de façon à pouvoir vous y retrouver pour une prochaine fois si vous avez des modifications à faire. (vous allez tout en bas, vous passez plusieurs lignes et vous ajoutez un commentaire du genre /**********************************APPARENCE NOUVEL EDITEUR********/ par exemple, et on mettra les fameux codes en dessous ^^)


Ensuite, je ne sais pas si vous avez vu ce post : https://forum.forumactif.com/t352532-topic-uniqueapparence-du-nouvel-editeur-de-messages#3002396
Sans pour l'instant ajouter de codes dans votre fiche si vous ne le sentez pas, par rapport à cette image :
quelles couleurs souhaiteriez vous ? (si vous avez les codes, vous pouvez les donner ^^)

[sophb]

Si je peux me permettre une remarque, pourquoi avoir ajouter au nouvel éditeur autant de boutons qui ne servent à rien  ? Comme la date, l'heure, ect... Je ne sais meme pas ce qu'est le wow et à quoi sert le "formatage du texte".....Enfin peut etre que pour certains ca aura son utilité mais en attendant ca surcharge beaucoup la barre... N'y a t'il pas une possibilité de paramétrer les boutons qu'on souhaite en plus ou en moins comme pour la barre de navigation (avec une base non modifiable bien sur)?

Bonsoir lilimorgane,

J'avais fait cela sous l'ancien éditeur.

Pour les polices, retirer, ajouter :

Vous trouverez ce qu'il vous faut dans PA > Affichage > Template | Poster et messages privés > posting_body.
Pour les polices, il me semble qu'elles sont de la ligne 271 à 284 et 351 à 361.

Pour les boutons inutiles, voici les messages et les conseils donnés qui m'ont bien servi sous l'ancien éditeur

Code:

http://forum.forumactif.com/t348486-remodelage-de-la-fenetre-d-edition

Merci à Matriochka et Invité

Maintenant, je ne sais pas, si c'est valable sur le nouvel éditeur..... je n'ai pas encore essayé. Je pense qu'il faut que je supprime un bout de CSS qui n'est plus valable.

[MlleAlys]

Si je peux me permettre une remarque, pourquoi avoir ajouter au nouvel éditeur autant de boutons qui ne servent à rien  ? Comme la date, l'heure, ect... Je ne sais meme pas ce qu'est le wow et à quoi sert le "formatage du texte".....Enfin peut etre que pour certains ca aura son utilité mais en attendant ca surcharge beaucoup la barre... N'y a t'il pas une possibilité de paramétrer les boutons qu'on souhaite en plus ou en moins comme pour la barre de navigation (avec une base non modifiable bien sur)?

Bonsoir lilimorgane,

J'avais fait cela sous l'ancien éditeur.

Pour les boutons inutiles, voici les messages et les conseils donnés qui m'ont bien servi sous l'ancien éditeur

Code:

http://forum.forumactif.com/t348486-remodelage-de-la-fenetre-d-edition

Maintenant, je ne sais pas, si c'est valable sur le nouvel éditeur..... je n'ai pas encore essayé. Je pense qu'il faut que je supprime un bout de CSS qui n'est plus valable.

Pour ne pas afficher les boutons inutiles, une solution passant par le css a été mise ici : https://forum.forumactif.com/t352532-topic-uniqueapparence-du-nouvel-editeur-de-messages#3002396

[joker59500]

Merci MlleAlys

J'ai bien mis le code .. sur la feuille de style CSS

J'ai bien la mise en page des smileys ...Super

Mais quand je clique même plusieurs fois ...Ils se doublent  et impossible s'en servir

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

Je repose la question, on ne sait jamais.

Je suis assailli de mp de membres qui "m'informent" de ce problème, en s'imaginant avoir un bug peut-être lié à leur ordi, et d'autres agacés de n'avoir aucun bouton et aucun smiley, et je ne sais que leur répondre, car le problème rencontré semble différent de celui que vous évoquez tous (vous avez au moins des boutons et des smileys)

Il suffit d'attendre ou il s'agit d'un autre problème ?

[-Light]

Un lien vers un listing des class de chaque bouton, s'il vous plaît ? Je l'ai vu passer tout à l'heure mais pas moyen de remettre la main dessus !

[MlleAlys]

Merci MlleAlys

J'ai bien mis le code .. sur la feuille de style CSS

J'ai bien la mise en page des smileys ...Super

Mais quand je clique même plusieurs fois ...Ils se doublent  et impossible s'en servir

Ah oui, l'aperçu qui dédouble les smiley est un problème qui a déjà été cité... Il ne m'empêche cependant pas de me servir des smileys sur les deux forums que j'administre par exemple...

Mais pour ceux qui ont ce problème, malheureusement je crois que personne n'a encore trouvé de solution...

Désolée, je crois que du coup le code fait pire que mieux... T-T

[MlleAlys]

Un lien vers un listing des class de chaque bouton, s'il vous plaît ? Je l'ai vu passer tout à l'heure mais pas moyen de remettre la main dessus !

ici dans le spoiler (dans la partie modifier un bouton) ^^ https://forum.forumactif.com/t352532-topic-uniqueapparence-du-nouvel-editeur-de-messages#3002396

[Djlc.Discomobile]

attendez encore un jour et ensuite cela vas être bon tout vas bien fonctionner,le B A BA d'un forum est de poster mais la c plus possible inamissible cette situation

[Zadig]

Helloooo, je n'ai pas tout lu mais pour info, au niveau WYS (oui bon, j'avais oublié d'activer le javascript, du coup rien ne marchait, évidemment UU)

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');
                });
            });

Ce code fonctionne dans les pages javascript, change la couleur du texte et du curseur.

[-Light]

Petit report d'un bug : lorsqu'on utiliser le bouton "Formatage du texte", la couleur de la police en mode source que l'on a modifiée dans le CSS se réinitialise !

Et puis j'aurais une question : comment on supprime/réagence des groupes de boutons (pas les boutons individuellement, hein, les groupes !)
Histoire d'éviter ces deux points vides et moches :

[magiephotofiltre]

bonjour , je ne me suis pas connectée depuis hier et donc je ne retrouve plus ma question il y a eu trop de page qui ont suivie et sur mon profil je n'ai pas (comme sur mon forum ) l'option statistique qui retrouve mes messages dans mes sujets ca c'est dommage , donc je me vois obligé de redemander comment faire pour mettre la couleur #AD8168 dans l'editioon de reponse , merci

[Alpha.44]

bonjour , je ne me suis pas connectée depuis hier et donc je ne retrouve plus ma question il y a eu trop de page qui ont suivie et sur mon profil je n'ai pas (comme sur mon forum ) l'option statistique qui retrouve mes messages dans mes sujets ca c'est dommage , donc je me vois obligé de redemander comment faire pour mettre la couleur #AD8168 dans l'editioon de reponse , merci

Bonjour,

Il s'agit de la couleur du fond ? Ou du texte ?

[Feuille de Tilleul]

J'ai peur que mon problème n'ait été perdu...

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 ?

Bien sûr !

Spoiler :

[Feuille de Tilleul]

L'apparence du nouvel éditeur étant totalement en désaccord avec les couleurs de mon forum phBB2, j'ai voulu appliquer les solutions CSS proposées par Tech, mais ça n'a absolument rien fait. Lien de mon forum : http://ga-hoole-loups.forumactif.org

[MlleAlys]

L'apparence du nouvel éditeur étant totalement en désaccord avec les couleurs de mon forum phBB2, j'ai voulu appliquer les solutions CSS proposées par Tech, mais ça n'a absolument rien fait. Lien de mon forum : http://ga-hoole-loups.forumactif.org

As-tu précisé " !important " à la fin de chaque propriété ?
cf https://forum.forumactif.com/t352532-topic-uniqueapparence-du-nouvel-editeur-de-messages#3002396

[MlleAlys]

J'ai peur que mon problème n'ait été perdu...

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 ?

Bien sûr !

Spoiler :

J'ai peur de ne pas pouvoir t'aider sur ce point...

[magiephotofiltre]

non je n'ai rin toucher au css car peur de faire une connerie

[Alpha.44]

Aloooours. (:

magiephotofiltre : je n'ai pas compris ta réponse ; le code couleur, c'est le code du fond ou du texte ?

Feuille de Tilleul :

Quelle largeur fait ton forum ? (Pour ne pas que je te donne un code trop large !)
As-tu modifié la réponse rapide ? A moins de l'avoir loupé dans le CSS, je ne l'ai pas vu. :-/

[magiephotofiltre]

Le code du fond comme celle du forum en fait

[Alpha.44]

Il faudrait suivre ce tutoriel :

https://forum.forumactif.com/t352532p210-topic-unique-apparence-du-nouvel-editeur-de-messages#3003323

(:

[Amallia]

Bonjour, depuis la dernière mise à jour, sur mon forum la barre de mise en forme à complètement disparue:

Spoiler:

J'ai bien lu votre topic: https://forum.forumactif.com/t352401-nouvel-editeur-de-messages-pour-les-forums-forumactif

Et j'ai donc vérifié mes templates ( j'ai une version phbb2 )
L'ennuie c'est que ceux-ci sont à jour et je ne vois pas d'où peut provenir mon problème.

Merci d'avance.

Je rajoute que j'ai vider le cache, l'historique, les cookies, etc etc...Et rien ne change...

[Alpha.44]

Bonjour, depuis la dernière mise à jour, sur mon forum la barre de mise en forme à complètement disparue:

Spoiler:

J'ai bien lu votre topic: https://forum.forumactif.com/t352401-nouvel-editeur-de-messages-pour-les-forums-forumactif

Et j'ai donc vérifié mes templates ( j'ai une version phbb2 )
L'ennuie c'est que ceux-ci sont à jour et je ne vois pas d'où peut provenir mon problème.

Merci d'avance.

Je rajoute que j'ai vider le cache, l'historique, les cookies, etc etc...Et rien ne change...

Bonjour,

Le bug a été signalé, tu trouveras certainement une solution ici :
https://forum.forumactif.com/t352657-topic-unique-abscence-des-boutons-de-l-editeur
Ou à venir. (:

[Vanaxo]

Bonsoir !

Du côté du post "absence de bouton..." TECH m'a bien aidée. 

La dernière chose que j'aimerais ( si cela est toutefois possible ). Est-ce que je peux enlever cette couleur blanche afin d'y mettre le bleu que j'avais avant ??

Voila comme c'est maintenant. 



Merci beaucoup.