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

[Ea]

Vous avez un code css dans vos codes javascript qui les fait ne pas fonctionner :

Code:

div.postbody font[face=hieratik1]{font-size:50px;line-height:40px}

[Kallindra]

Je me permet un Up puisque je n'ai pas vu de réponse à mes questions.
Merci d'avance à ceux qui se pencheront sur mon soucis.

Mes Bugs ^^:

[jeanchristophe]

Moi je suis désolé mais rien fonctionne sur mon forum et du coup les gens commencent a vraiment râler

[mrictdi]

En dehors du fait que les gens commencent à raler, ils ne postent surtout plus beaucoup....franchement ça me gonfle passablement cette histoire...

[ombrageux]

Surtout quand on les vois poster sur Facebook ou Google+

[Did'yeah]

Bonjour..

le problème me fait penser,  au boulot c'est pareil au lieu de tester le matériel avant de le mettre en ligne, ensuite on passe notre temps a corriger les erreurs et les bugs, j'ai l'impression que ça va durer un sacré bout de temps, c'est vrai que ça fatigue les yeux( on est plus tout jeune)..je préfère mille fois l'ancien éditeur de messages..Enfin on verra bien la semaine prochaine, mais c'est vrai qu'on a moins envie de poster sur les forums, ça fait moins convivial et c'est moche.....




Dommage ..


Cordialement Did'

[mrictdi]

Le truc terrible, c'est que tu t'investis, passe énormément de temps à constituer une base de connaissance et utilisateur conséquente pour au final, te voir des trucs comme cela entacher ton investissement et tout ce que tu as construit. 

Un membre me proposait dernièrement de récupérer via un système la base de donné de mon forum pour l'héberger sur une autre technologie, je lui avais répondu que vu que tout fonctionnait bien, je ne voyais que plus de contraintes à réaliser cette action que de rester chez Forumactif, là j'avoue me poser des questions...

[sophb]

Vous avez un code css dans vos codes javascript qui les fait ne pas fonctionner :

Code: Sélectionner le contenu

Code:

div.postbody font[face=hieratik1]{font-size:50px;line-height:40px}

Je l'ai supprimé dans javascript et dans la feuille CSS..... mais rien n'y fait !

[SandyL]

Je vais faire un copier/coller de ce que j'ai dit dans un autre post

Bonjour,

Je rappelle tout de même que sur la majorité des forums, les problèmes sont minimes. ForumActif nous fourni des forums de base et les mises à jour sont donc dédiées ces derniers.

Il est clair que lorsque l'on "bidouille" son forum, les maj, qui sont faites à la base pour des forums non modifiés, mettent le bazar dans les codages persos.

Nos techniciens ont fait une liste de priorités à corriger et ce n'est pas en menaçant que cela les fera avancer plus vite.

[Ea]

..

Je l'ai supprimé dans javascript et dans la feuille CSS..... mais rien n'y fait !

si c'est pour le forum de votre profil, je ne vois pas le code javascript permettant de modifier la liste des polices dans les javascript sur toutes les pages

@Did'yeah, @mrictdi : le sujet est sur l'apparence de l'éditeur, pas sur un concours de diatribe ( il y a peut-être un sujet pour ça )

Moi je suis désolé mais rien fonctionne sur mon forum et du coup les gens commencent a vraiment râler

on est dans un sujet sur l'apparence, si rien ne fonctionne il y a ces sujets :

• [Topic Unique] Absence des boutons de l'éditeur
  
• (Topic Unique: 3091) L'éditeur plante sous IE
  

Je me permet un Up puisque je n'ai pas vu de réponse à mes questions.
Merci d'avance à ceux qui se pencheront sur mon soucis.

Mes Bugs ^^:

sur un phpbb3 sans css à part le vôtre, je parviens à centrer l'éditeur en réponse rapide avec :

Code:

#textarea_content { width: 100%!important; }
div.sceditor-container  { margin: auto; }

=> https://i.imgur.com/whd7FP4.png

autrement pour les petits écrans et si la largeur de votre forum est petite, il se pourrait qu'il n'y ait pas les 800px de large, dans ce cas ça pourrait être mieux d'avoir soit une largeur en % ( 90% par exemple ) avec éventuellement des bornes selon vos désirs :

Code:

max-width: 800px;

par exemple si vous vouliez que la largeur ne soit pas plus grande que 800 pixels.

Cordialement.

[sophb]

sophb a écrit:

EA a écrit:..

Je l'ai supprimé dans javascript et dans la feuille CSS..... mais rien n'y fait !

si c'est pour le forum de votre profil, je ne vois pas le code javascript permettant de modifier la liste des polices dans les javascript sur toutes les pages

Je ne comprends pas..... 

J'ai simplement écris que j'ai fais les modifications demandées (suppression du code javascript "Hieratik1"). Donc, ce problème résolu, devrait me permettre de modifier mes préférences de fonte dans le code donné ci-dessus, et qui malheureusement, ne fonctionne pas. J'ai juste voulu le signaler....

Maintenant, je comprends que vous ayez des problèmes plus urgents que le mien. Le choix d'une fonte est, somme toute, un élément important de personnalisation d'un forum.

Bonne journée

Edit pour rajout d'information : la police des messages sur mon forum a baiss" en hauteur. Pourtant dans le PA est noté 14 et je dois avoir du 10 en vision directe sur le forum.

[livresdenfants]

Je cumule tous les soucis relevés !
Pire !
Je ne peux plus utiliser le forum :
Pas de bouton citer
Pas de bouton répondre
Pas de bpoutons, (dessins)  a gauche indiquant les messages déjà lus...
KO complet

Que faut-il faire ? je ne peux même plus poster un message pour expliquer à mes membres...

[Kallindra]

En fait j'ai réglé mon problème.
Il vient d'une ligne de code en trop :

Code:

width:XXXpx !important;

Chaque modif sur cette ligne de code modifie la taille des 2 éditeurs (la réponse rapide et la réponse normale) et du coup déforme les tailles des boîtes en en faisant une trop grande et une trop petite !
Il faut donc éviter de toucher à cette ligne pour avoir les tailles d'origine.

Je poste ma soluce au cas ou je ne serais pas la seule à l'avoir.

Spoiler:

[Ea]

@sophb : là il n'y a plus de problème dans les scripts du forum http://ateliersdenebty.forumgratuit.org/

donc en mettant le script que j'avais donné dans ce message, il devrait fonctionner

si il ne fonctionne pas, il faudrait le mettre et le laisser afin que je puisse voir pourquoi il ne fonctionne pas.

[Skizo]

Bonjour, mon forum est en PHPBB3. Le nouvel éditeur ne me convient pas. Je veux revenir à l'ancien affichage. Comment puis-je faire ?

[Kallindra]

Tu ne peux pas Skizo.
Mais il est personnalisable ^^
https://forum.forumactif.com/t352754-modifier-l-apparence-de-l-editeur-via-le-css

Je suis en Phpbb3 aussi et j'ai réussi à avoir un truc plutot chouette graphiquement ^^

[livresdenfants]

J'aimerais tout de même un réponse, car je ne peux même plus me loger sur mon forum... plus de champ Login / mot de passe !
C'est le KO total... 
http://livres-d-enfants.conceptbb.com/forum

[MlleAlys]

Par contre je veux bien changer la couleur des boutons, le gris ne vas pas trop avec le reste du forum, si c'est possible j'aimerai que ce soit dans la même couleurs que les autres boutons du forum mais je ne connais pas le code de leur couleur sinon avec ce code-ci: #66BBFF

J'aurais également besoin d'un code pour centrer la fenêtre de réponse normale pour un autre forum si ça ne t'ennuie pas.

D'avance merci.

J'ai modifié la couleur des boutons voyez si cela vous convient (vous pouvez remplacer tout le premier code par celui là, même si seule la couleur des boutons à changer ) :

Code:

 

 
/***********************************************APPARENCE NOUVEL EDITEUR*/
 
 
/*général*/
.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 : #66BBFF !important;  /****couleur de fond global de l'éditeur*/
}
/*fin général*/
 
 
/*toolbar*/
div.sceditor-toolbar {
    background-color : #66BBFF !important;  /************couleur de fond de la toolbar*/
    border: none !important;
}
div.sceditor-group {
    background-color: #EAF7F6 !important;
}
a.sceditor-button.hover, .sceditor-button.active {
    background-color: white !important;  /***couleur de fond des bouton surlignés*/
}
/*fin toolbar*/
 
/*zone de texte*/
.sceditor-container iframe, .sceditor-container textarea {
    background-color: #66BBFF !important;   /****couleur de fond de la zone de texte*/
    border: 1px solid white !important; /*couleur de la bordure de la zone de texte*/
    width: 95% !important; /***************************largeur de la zone de texte*/
    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: #66BBFF !important;  /**************couleur de fond de l'encadré*/
}
.sceditor-dropdown, .sceditor-dropdown label, .sceditor-dropdown .button {
    color: black !important;  /*****************couleur de la police dans l'encadré*/
}
.sceditor-dropdown textarea, .sceditor-dropdown input {
    background-color: #ABD9DB !important;  /******couleur de fond des zones de saisie*/
}
/*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*/
 
 
 

Pour ce qui est du code pour centrer la fenêtre, il s'agit de cette partie :

Code:

.sceditor-container {
    width: 100% !important;  /*****************************largeur de l'édieur*/
    text-align: center;  /************************************éditeur centré*/
    border: none !important;  /****************retire la bordure autour de l'éditeur*/
}

[Self]

Le truc terrible, c'est que tu t'investis, passe énormément de temps à constituer une base de connaissance et utilisateur conséquente pour au final, te voir des trucs comme cela entacher ton investissement et tout ce que tu as construit. 

Un membre me proposait dernièrement de récupérer via un système la base de donné de mon forum pour l'héberger sur une autre technologie, je lui avais répondu que vu que tout fonctionnait bien, je ne voyais que plus de contraintes à réaliser cette action que de rester chez Forumactif, là j'avoue me poser des questions...

Avant que vous puissiez vous même vous investir sur un forum héberger chez FA et disponible gratuitement.
FA c'est investi pour que vous puissiez vous investir.
Aujourd'hui ils on essayer de nous facilité la vie avec une nouvel éditeur de texte qui malgré qu'il soit obligatoire en bêta et qu'il est pas mal de bug est un éditeur avec de bonne fonctionnalité.
Plus besoin de gueuler sur les membre pour qu'il intègre leur vidéo en allant chercher sur youtube le code html pour le faire ils ont plus qu'à rentrer le lien.
Soyez positif, ForumActif est une bonne plateforme tout de même.

Au passage je n'ai rien contre vous mrictdi , j'ai juste pris votre message en exemple pour dire à tout les mécontents qu'ils y en ont qui passe des heures a codé pour leur offrir un bon service gratuit et des qu'ils y à une erreur on leur tape dessus.

J'aimerais tout de même un réponse, car je ne peux même plus me loger sur mon forum... plus de champ Login / mot de passe !
C'est le KO total...

http://livres-d-enfants.conceptbb.com/forum

Essayez de vidé votre cache , moi j'ai les champs de connexion sur votre forum.

Cordialement.

[MlleAlys]

J'aimerais tout de même un réponse, car je ne peux même plus me loger sur mon forum... plus de champ Login / mot de passe !
C'est le KO total... 
http://livres-d-enfants.conceptbb.com/forum

Ce sujet est dédié à la modification de l'apparence du nouvel éditeur, je vous suggère de vous diriger vers un autre sujet afin d'avoir plus de chance de recevoir de l'aide sur ce problème

[livresdenfants]

Problème réglé sans aide !  merci

[sophb]

@sophb : là il n'y a plus de problème dans les scripts du forum http://ateliersdenebty.forumgratuit.org/

donc en mettant le script que j'avais donné dans ce message, il devrait fonctionner

si il ne fonctionne pas, il faudrait le mettre et le laisser afin que je puisse voir pourquoi il ne fonctionne pas.

Merci Ea,

Je répète que cela ne fonctionne pas. Pour preuve, voici des screens

problème fonte éditeur:

Maintenant, parlons-nous de la même chose ?

[Ea]

Il faut le mettre comme script sur toutes les pages :
Index > Panneau d'administration > Modules > HTML & JAVASCRIPT | Gestion des codes Javascript

Sur votre screenshot, c'est mis dans la page de code css il me semble.

[Lacoste]

Merci, cela fonctionne en mode normal.
Comment dois-je faire pour changer la couleur de la fenêtre d'édition en mode wysiwyg, car elle est blanche dans ce mode, alors que mon forum a une couleur foncée?

Je ne comprends pas, normalement le code fonctionne dans les deux modes...
Auriez-vous un lien vers un sujet ouvert aux invités ?

(Edit : oups et en retestant pour en être certaine sur mon propre forum, je viens de me rendre compte que je n'avais pas sauvegarder ma première mise en forme, je suis bonne pour la refaire ! )

Malheureusement non, la fenêtre d'édition en mode WYSYWYG a un fond blanc.
Poeut-on me dire quel est le code pour changer cette couleur de fond pour ce mode ?

Merci

Si vous avez utilisé le code de mon message, alors la partie concernée est celle-ci, juste en dessous de /*zone de texte*/  :

Code:

.sceditor-container iframe, .sceditor-container textarea {
   background-color: green !important;   /****couleur de fond de la zone de texte*/
   ...
}

" .sceditor-container iframe " correspond normalement à la zone de texte en mode wysiwyg (tandis que " .sceditor-container textarea " est celle du mode source, les deux sont donc ici normalement modifiés en même temps)

Aurez vous un lien vers un sujet ouvert aux invités pour que je puisse essayer de voir d'où vient le souci ?

 
J'ai utlisé exactement les codes repris ci-dessus, sauf que j'ai placé une image de fond au lieu d'une couleur, et il n'y a rien d'autre dans la page CSS.
Comme je l'ai expliqué plus haut, les codes fonctionnent bien en mode normal et en Wysiwyg sauf pour la fenêtre d'édition qui reste blanche alors qu'elle est bien dans la couleur que je souhaite en mode normal.
 
J'ai créé un sujet ouvert aux invités pour que vous puissiez essayer.
J'y ai également collé la feuille de style afin que vous puissiez vérifier si j'ai fait ou non une erreur.
http://magicworlds.actifforum.com/t495-test-fond-de-la-fenetre-d-edition#781
 
Merci encore de votre patience.

[MlleAlys]

(spoiler) MlleAlys a écrit :

 
J'ai utlisé exactement les codes repris ci-dessus, sauf que j'ai placé une image de fond au lieu d'une couleur, et il n'y a rien d'autre dans la page CSS.
Comme je l'ai expliqué plus haut, les codes fonctionnent bien en mode normal et en Wysiwyg sauf pour la fenêtre d'édition qui reste blanche alors qu'elle est bien dans la couleur que je souhaite en mode normal.
 
J'ai créé un sujet ouvert aux invités pour que vous puissiez essayer.
J'y ai également collé la feuille de style afin que vous puissiez vérifier si j'ai fait ou non une erreur.
http://magicworlds.actifforum.com/t495-test-fond-de-la-fenetre-d-edition#781
 
Merci encore de votre patience.

Je suis allée voir sur votre forum, et j'ai bien l'image de fond dans la zone de texte pour les deux modes (j'ai vérifié également avec IE9, et il n'y avais pas de problème non plus)... ^^"
(je n'y connais rien, mais quand il y a des soucis de prise en compte des modifications d'affichage, on essaye de vider le cache non ? =S avez vous essayé ?)

Sinon, je ne peux pas vous aider plus loin, je suis désolée =S

[Invité]

voila Sous firefox j'ai voulu poster dans les réponses rapide et voila le message que j'ai eu

Une erreur navigateur est survenue [Erreur #230], veuillez contacter le support technique.


Quelqu'un a une idée pour résoudre le problème ?

[Self]

Lacoste j'ai également l'image de fond.
Essayez de vider votre cache ou de supprimer les cookies du forum.

Code:

/*zone de texte*/
.sceditor-container iframe, .sceditor-container textarea {
    background-image: url("http://hitskin.com/themes/12/60/99/i_background.jpg") !important;

    
    background-color: green !important;   /****couleur de fond de la zone de texte*/
    border: 1px solid white !important; /*couleur de la bordure de la zone de texte*/
    width: 95% !important; /***************************largeur de la zone de texte*/
    color: #5FFAF2 !important;   /*************couleur de la police (en mode source)*/
    font-size: 12px !important;   /***********taille de la police (encmode source)*/
    padding: 5px !important;
    height: 400px!important;

Dans le code au dessus  je pense que le bord blanc d'un pixel va vous gêner, mais sa c'est à vous de voir .

voila Sous firefox j'ai voulu poster dans les réponses rapide et voila le message que j'ai eu

Une erreur navigateur est survenue [Erreur #230], veuillez contacter le support technique.


Quelqu'un a une idée pour résoudre le problème ?

Bonjour, il est peut propable que vous trouviez quelqu'un capable de résoudre votre problème dans ce sujet qui est dédié à l'apparence de nouvel éditeur de texte.

[Lacoste]

Merci. Ca fonctionne

Le problème venait du fait que j'avais mis le forum, dans mon navigateur, en mode de compatibilité IE, car cela était nécessaire avant la mise à jour sinon j'avais un problème pour éditer les intitullés des sujets. Je n'avais pas le mode wysywig.

Je dois encore trouver le moyen de modifier la couleur de la police par défaut en mode wsw. Je suppose que je vais trouver cela en remontant le topic à moins que vous puissiez me réponsre directement.

Merci à tous pour votre patience

[Ea]

Pour cela il faut un code javascript.

C'est le code indiqué à " Changer la couleur de texte en mode wysiwyg " dans le tutoriel sur la modification de l'apparence de l'éditeur.

[david24]

je ne vais pas toucher au code ccs je préfère attendre que forumactif revienne à l'ancienne version