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

bonsoir

je n'ose même pas posé de questions tellement il y en a déjà eu, et de peur que ma question reste sans réponse

Le changement c'est maintenant (qu'on disait il y a un an, et on s'en mort les doigts maintenant)

à quand le retour en arrière ????
pas dans 4 ans quand même

Bonsoir,
pas de retour en arrière prévu, mais des améliorations en cours !

[Albert1942]

bonsoir

je n'ose même pas posé de questions tellement il y en a déjà eu, et de peur que ma question reste sans réponse

Le changement c'est maintenant (qu'on disait il y a un an, et on s'en mort les doigts maintenant)

à quand le retour en arrière ????
pas dans 4 ans quand même

Bonsoir,
pas de retour en arrière prévu, mais des améliorations en cours !


alors je vais patienter pour voir les améliorations                            

[Vanaxo]

Moi je trouve très bien comme ça ! Après c'est sur qu'il y a eu des petits désagréments mais franchement quand je vois l'entraide qu'il y a, ça fait chaud au coeur!

du coup je ne sais pas si vous avez vu Alpha44, il ne me manquerais juste l'écriture en blanc si c'est possible et si ce n'est pas embêtant pour l'encart de connexion. ( blanc sur blanc )

[Albert1942]

et on fait comment pour poster hors de la citation ?????

[MlleAlys]

et on fait comment pour poster hors de la citation ?????

Vous écrivez en mode wyiwyg ? il me semble que tu peux en utilisant les flèches du clavier.
Sinon, vous pouvez changer de mode

[Albert1942]

et on fait comment pour poster hors de la citation ?????

Vous écrivez en mode wyiwyg ? il me semble que tu peux en utilisant les flèches du clavier.
Sinon, vous pouvez changer de mode

merci pour l'info MlleAlys 
effectivement, il fallait le savoir

[Alpha.44]

Moi je trouve très bien comme ça ! Après c'est sur qu'il y a eu des petits désagréments mais franchement quand je vois l'entraide qu'il y a, ça fait chaud au coeur!

du coup je ne sais pas si vous avez vu Alpha44, il ne me manquerais juste l'écriture en blanc si c'est possible et si ce n'est pas embêtant pour l'encart de connexion. ( blanc sur blanc )

En fait, j'ai testé le code javascript et chez moi il ne fonctionne pas.
MlleAlys, s'il te plait, tu pourrais orienter Vanaxo pour le code en JS concernant la couleur ? Chez toi il semble fonctionner ?

Normalement, pour l'écart, çe n'a aucun impact. Ce sont deux champs différents dans la gestion de l'apparence. (:

[Vanaxo]

Moi je trouve très bien comme ça ! Après c'est sur qu'il y a eu des petits désagréments mais franchement quand je vois l'entraide qu'il y a, ça fait chaud au coeur!

du coup je ne sais pas si vous avez vu Alpha44, il ne me manquerais juste l'écriture en blanc si c'est possible et si ce n'est pas embêtant pour l'encart de connexion. ( blanc sur blanc )

En fait, j'ai testé le code javascript et chez moi il ne fonctionne pas.
MlleAlys, s'il te plait, tu pourrais orienter Vanaxo pour le code en JS concernant la couleur ? Chez toi il semble fonctionner ?

Normalement, pour l'écart, çe n'a aucun impact. Ce sont deux champs différents dans la gestion de l'apparence. (:

Merci beaucoup Alpha44, alors je continue avec MlleAlys si elle a le temps. 
Je tiens à vous remercier vraiment beaucoup!! Courage pour la suite.

[MlleAlys]

Moi je trouve très bien comme ça ! Après c'est sur qu'il y a eu des petits désagréments mais franchement quand je vois l'entraide qu'il y a, ça fait chaud au coeur!

En fait, j'ai testé le code javascript et chez moi il ne fonctionne pas.
MlleAlys, s'il te plait, tu pourrais orienter Vanaxo pour le code en JS concernant la couleur ? Chez toi il semble fonctionner ?

Eh bien le code n'est pas de moi, et je ne m'y connais pas en javascript, donc je n'ai pas grand chose à dire de plus que la façon dont je l'ai installé :
Pour du blanc :

- Aller dans 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.

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

- Validez.

[sophb]

Bonsoir,

Comment fait-on pour intégré une police de caractère qui n'existe pas dans le nouvel éditeur ? ...... et de même, supprimer des polices de caractères qui sont en surplus ?

Merci

Bonsoir,

Vous souhaitez intégrer votre police à l'éditeur en lui-même, le bouton ? Ou bien changer la police lorsque vous écrivez ?

Bonsoir Alpha.44

J'avais intégré dans l'ancien éditeur une police de caractère spécial et libre de droit. Avec le nouvel éditeur, tout cela a été supprimé. La police de caractère spécial (transliterration) est dans chaque ordi de chaque membre, mais pour qu'elle soit utilisé dans l'éditeur, il doit être reconnu par celui-ci.

Mon deuxième soucis, le nouvel éditeur propose 11 police de caractère et nous en utilisé que 4. Comment fait-on pour les supprimer ?
Je souhaiterais supprimer
- Arial black
- Impact
- sans Serif
- Serif
- Trebuchet

Je vous remercie

[Vanaxo]

 C'est super ça a marché !!! Tout est résolu chez moi 

Merci beaucoup à vous deux Hip Hip Hip Hourra 

Je vous souhaite une très belle soirée !

[Alpha.44]

sophb : si je trouve, je viendrai vers toi. (:

Très bonne soirée Vanaxo ! Reviens faire un coucou à l'occasion ! (:

[Mi Neth]

Tite question. Je trouve le cadre trop épais. Est-il possible de le réduire? Merci,

[Alpha.44]

Tite question. Je trouve le cadre trop épais. Est-il possible de le réduire? Merci,

Essaie ça :

Code:

.sceditor-container.ltr.sourceMode {height:XXpx !important;}
.sceditor-container.ltr.wysiwygMode {height:XXpx !important;}

Il faut changer XX par une valeur, un nombre. ^^

[Vanaxo]

sophb : si je trouve, je viendrai vers toi. (:

Très bonne soirée Vanaxo ! Reviens faire un coucou à l'occasion ! (:

Si tu as envie de te lancer dans les axolotls, je serais la pour t'aider

[Nutaaa]

Bonjour, j'ai exactement le même problème que Vanaxo, l'editeur est complétement blanc, j'ai essayé mais je n'y comprends vraiment rien aux couleurs.. avant il était comme ça :


Si quelqu'un peut m'aider à le refaire un peu près identique à l'ancien qui est sur la photo, je lui serais vraiment reconnaissante..

Nutaa.

[magiephotofiltre]

j'ai mis tous les codes mais il y a du gris qui apparait encore et en plus il couvre un peu les icones

[Alpha.44]

Bonjour, j'ai exactement le même problème que Vanaxo, l'editeur est complétement blanc, j'ai essayé mais je n'y comprends vraiment rien aux couleurs.. avant il était comme ça :


Si quelqu'un peut m'aider à le refaire un peu près identique à l'ancien qui est sur la photo, je lui serais vraiment reconnaissante..

Nutaa.

Bonjour,

Je te fais le changement de suite.
Peux-tu me dire la couleur de ton texte s'il te plait ?

[Alpha.44]

j'ai mis tous les codes mais il y a du gris qui apparait encore et en plus il couvre un peu les icones

Peux-tu me montrer ton code s'il te plait ?

[Nutaaa]

Merci Alpha, le texte est en gris clair c:

[magiephotofiltre]

        .sceditor-dropdown.sceditor-emoticons {
          max-height: 200px;
          overflow: auto;
        }        .sceditor-dropdown.sceditor-emoticons .smiley {
          width: auto !important;
          height: auto !important;
        }
        
        
        .sceditor-container.ltr.sourceMode {width:550px !important; background-color: #AD8168!important;}
        .sceditor-container.ltr.wysiwygMode {width:550px !important; background-color: #AD8168!important;}
        
     
        
        div.sceditor-toolbar {
        background-color: #AD8168 !important;
        width: 540px !important;
        }
        
     
        
        .sceditor-container iframe, .sceditor-container textarea {
        background-color: #AD8168 !important;
        text-align:justify;
        margin:0 !important;
        line-height: 16px;
        width: 540px !important;
        color:  #AD8168!important;
        font-size:11px !important;
        }
        
     
        
        div.sceditor-group {
        background-color: !#AD8168!important; }
        
       
        
        a.sceditor-button {
        }
        
      
        
        a.sceditor-button.hover {
        background-color:  #AD8168!important;
        }
        
     
        
        .sceditor-emoticons {width: 350px !important; height: 250px !important; overflow: auto !important;}
        img.smiley {width: auto !important; height : auto !important;}

[Alpha.44]

Merci Alpha, le texte est en gris clair c:

Je t'en prie. (-:

Essaie ceci :

Code:

/*--- Bloc réponse rapide ---*/
 
.sceditor-container.ltr.sourceMode {width:550px !important; background-color: #2E2B26 !important;}
.sceditor-container.ltr.wysiwygMode {width:550px !important; background-color: #2E2B26 !important;}
 
/*---  Partie supérieur contenant les outils ---*/
 
div.sceditor-toolbar {
background-color: #1B1915 !important;
width: 540px !important;
}
 
/*---  Partie texte area : fond ---*/
 
.sceditor-container iframe, .sceditor-container textarea {
background-color: #2E2B26 !important;
text-align:justify;
margin:0 !important;
line-height: 16px;
width: 540px !important;
color: #D3D3D3 !important;
font-size:11px !important;
}
 
/*---  Groupe de boutons ---*/
 
div.sceditor-group {
background-color: #BEA86A !important; }
 
/*---  Boutons ---*/
 
a.sceditor-button {
}
 
/*---  Boutons sélectionnés ---*/
 
a.sceditor-button.hover {
background-color: #FFFFFF !important;
}

S'il y a des couleurs qui ne vont pas, n'hésite pas à me le dire ! ^^

[Alpha.44]

        .sceditor-dropdown.sceditor-emoticons {
          max-height: 200px;
          overflow: auto;
        }        .sceditor-dropdown.sceditor-emoticons .smiley {
          width: auto !important;
          height: auto !important;
        }
        
        
        .sceditor-container.ltr.sourceMode {width:550px !important; background-color: #AD8168!important;}
        .sceditor-container.ltr.wysiwygMode {width:550px !important; background-color: #AD8168!important;}
        
     
        
        div.sceditor-toolbar {
        background-color: #AD8168 !important;
        width: 540px !important;
        }
        
     
        
        .sceditor-container iframe, .sceditor-container textarea {
        background-color: #AD8168 !important;
        text-align:justify;
        margin:0 !important;
        line-height: 16px;
        width: 540px !important;
        color:  #AD8168!important;
        font-size:11px !important;
        }
        
     
        
        div.sceditor-group {
        background-color: !#AD8168!important; }
        
       
        
        a.sceditor-button {
        }
        
      
        
        a.sceditor-button.hover {
        background-color:  #AD8168!important;
        }
        
     
        
        .sceditor-emoticons {width: 350px !important; height: 250px !important; overflow: auto !important;}
        img.smiley {width: auto !important; height : auto !important;}

Voici la modification :

Code:

.sceditor-dropdown.sceditor-emoticons {
          max-height: 200px;
          overflow: auto;
        }        .sceditor-dropdown.sceditor-emoticons .smiley {
          width: auto !important;
          height: auto !important;
        }
        
        
        .sceditor-container.ltr.sourceMode {width:550px !important; background-color: #AD8168!important;}
        .sceditor-container.ltr.wysiwygMode {width:550px !important; background-color: #AD8168!important;}
        
      
        
        div.sceditor-toolbar {
        background-color: #AD8168 !important;
        width: 540px !important;
        }
        
      
        
        .sceditor-container iframe, .sceditor-container textarea {
        background-color: #AD8168 !important;
        text-align:justify;
        margin:0 !important;
        line-height: 16px;
        width: 540px !important;
        color:  #AD8168!important;
        font-size:11px !important;
        }
        
      
        
        div.sceditor-group {
        background-color: #AD8168!important; }
        
        
        
        a.sceditor-button {
        }
        
      
        
        a.sceditor-button.hover {
        background-color:  #AD8168!important;
        }
        
      
        
        .sceditor-emoticons {width: 350px !important; height: 250px !important; overflow: auto !important;}
        img.smiley {width: auto !important; height : auto !important;}

Il y avait un "!" en trop ; essaie et tu me dis si la couleur change ?

[magiephotofiltre]

je te tiens au courant encore merci d'etre present pour nous aider

[magiephotofiltre]

c'est pareil tjrs du gris

[Alpha.44]

Je t'en prie. (:

Je viens de tester, pour moi c'est tout de la même couleur, sauf qu'il y a une sorte de bordure grise, c'est de ça qu'il s'agit ?

[magiephotofiltre]

ca fait comme celui d'ici les icones entourés de gris

[Nutaaa]

Merci Alpha, le texte est en gris clair c:

Je t'en prie. (-:

Essaie ceci :

Code:

/*--- Bloc réponse rapide ---*/
 
.sceditor-container.ltr.sourceMode {width:550px !important; background-color: #2E2B26 !important;}
.sceditor-container.ltr.wysiwygMode {width:550px !important; background-color: #2E2B26 !important;}
 
/*---  Partie supérieur contenant les outils ---*/
 
div.sceditor-toolbar {
background-color: #1B1915 !important;
width: 540px !important;
}
 
/*---  Partie texte area : fond ---*/
 
.sceditor-container iframe, .sceditor-container textarea {
background-color: #2E2B26 !important;
text-align:justify;
margin:0 !important;
line-height: 16px;
width: 540px !important;
color: #D3D3D3 !important;
font-size:11px !important;
}
 
/*---  Groupe de boutons ---*/
 
div.sceditor-group {
background-color: #BEA86A !important; }
 
/*---  Boutons ---*/
 
a.sceditor-button {
}
 
/*---  Boutons sélectionnés ---*/
 
a.sceditor-button.hover {
background-color: #FFFFFF !important;
}

S'il y a des couleurs qui ne vont pas, n'hésite pas à me le dire ! ^^

J'ai essayé et ça me donne ceci :


Seulement certaines couleurs me déplaisent un peu...
Par exemple, le contour blanc fait un peu mal aux yeux, pourrais-tu le mettre de cette couleur à la place :



Le remplissage de l'editeur (où l'on écrit le texte) est un peu trop clair, il faudrait le foncir encore un petit peu, le texte en lui même n'est pas gris mais noir et.. un dernier petit détail, qui marque.. le fond des icones, il faudrait le mettre de la même couleur que celle de la photo de mon précédent message.
Par contre, pourrais-tu également agrandir la zone de texte ? Il faudrait qu'elle prenne quasiment toute la place du rectangle dans lequel il est.

J'avais vu un tuto pour changer les icones, mais lorsque j'ai essayé, il n'y avait pas la solution "Activer l’éditeur de message étendu" peut-être y a-til une autre solution..
https://forum.forumactif.com/t171299-changement-de-version-de-l-editeur-de-message

J'espère que je ne suis pas trop exigeante..

Nutaa.

[MlleAlys]

J'avais vu un tuto pour changer les icones, mais lorsque j'ai essayé, il n'y avait pas la solution "Activer l’éditeur de message étendu" peut-être y a-til une autre solution..
https://forum.forumactif.com/t171299-changement-de-version-de-l-editeur-de-message

Ce tutoriel concernait l'ancien éditeur, et n'est donc plus applicable au nouveau, d'où la disparition de l'option "activer l'éditeur de message étendu".
Que cherches tu à faire avec tes boutons ?

[Nutaaa]

Au début je pensais que je pouvais simplement remettre les icônes comme avant, car elles sont modifiées à cause/grâce à la mag, et mes membres se sont plains, mais si on arrange les couleurs de remplissage ça passera à mon avis, c'est juste que étant donné que mon forum est très sombre, le blanc flash assez et c'est pas joli.. heureusement que Alpha m'aide sinon j'aurais vraiment galéré.