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

J'en viens à un problème, je ne voulais déranger personnes mais j'ai essayer plusieur chose avant de poster et je n'y arrive pas je voudrais comme sur le screen que je vais fournir que "Réponse rapide" ce place à l'endroit du cadre rouge vide.
Et que ce qu'il y a dans le cadre jaune ne soit plus la, mais je ne trouve même pas leur ID.

Aurais tu un lien pour que j'essaye ? ^^

[Self]

J'en viens à un problème, je ne voulais déranger personnes mais j'ai essayer plusieur chose avant de poster et je n'y arrive pas je voudrais comme sur le screen que je vais fournir que "Réponse rapide" ce place à l'endroit du cadre rouge vide.
Et que ce qu'il y a dans le cadre jaune ne soit plus la, mais je ne trouve même pas leur ID.

Aurais tu un lien pour que j'essaye ? ^^

J'ai ouvert cette partie au invité pour que tu puisse essayer.

[MlleAlys]

De retour...  

voici ce que ca donne quand je copie colle les codes que vous me donnez.  2 colonnes de chiffres.  je suis incapable de juste sélectionner le texte... les chiffres viennent avec doublant du coup les chiffres danslafenêtre de codes css...

quote trop long:

Oulah, jamis vu ça moi ! Oo
Aurais tu sélectionné les numéros des lignes de code en même temps que ce dernier lorsque tu as copié/collé ? ^^"
As-tu essayé de tout supprimer, avant de recoller le code ? Sélectionne le en utilisant le bouton "tout sélectionner" en haut à droite de la fenêtre de code pour ne sélectionner que le texte, copie, et recolle dans ta page css.

Est ce que ça fonctionne ?
Si les numéros ne viennent pas de là et reviennent, essaye peut être plutôt de poster dans la partie "problème avec le panneau d'administration", parce que je ne peux pas t'aider non plus... ><"

[MlleAlys]

(spoiler) SeLfde4Th7 a écrit:

Aurais tu un lien pour que j'essaye ? ^^

J'ai ouvert cette partie au invité pour que tu puisse essayer.

Pour les lignes grises, il s'agit des bordures par défaut de .sceditor-group et de .sceditor-toolbar que tu peux retirer avec un simple " border: none !important; "

Pour la réponse rapide...
Je ne vois vois pas les réponses rapides, alors je ne peux pas te dire TT-TT
(la réponse rapide n'est pas disponible pour les invités... )

as tu essayé de faire "inspecter l'élément" pour chercher une class de l'élément ou du conteneur ? parce qu'une fois trouvé cela, tu peux sans doute le déplacer via css avec un { position: relative; top : XXpx ; left: XXpx;} non ? Ou alors par les templates...

[Self]

Pour les lignes grises, il s'agit des bordures par défaut de .sceditor-group et de .sceditor-toolbar que tu peux retirer avec un simple " border: none !important; "

Pour la réponse rapide...
Je ne vois vois pas les réponses rapides, alors je ne peux pas te dire TT-TT
(ce n'est pas visible aux invités ? ='( )

as tu essayé de faire "inspecter l'élément" pour chercher une class de l'élément ou du conteneur ? parce qu'une fois trouvé cela, tu peux sans doute le déplacer via css avec un { position: relative; top : XXpx ; left: XXpx;} non ? Ou alors par les templates...

Pour les ligne grises bien vue, c'est réglé .

Pourtant j'ai ouvert au invité le droit de lire/voir/répondre dans cette section.

[marginal]

J'ai fait les modif proposées et ca fait toujoursla même chose.

Sur la boite d'édition rapide, ca écrit en blanc sur fond bleu dans les deux modes (WYSIWYG et normal) mais dans la boite de message qui apparait quand on clique sur répondre, ca écrit en blanc en mode WYSIWYG sur fond bleu mais en mode normal, ca écrit en blanc sur fond blanc.

QUESTION :

comment faire en sorte que la fenêtre d'édition en mode réponse (et non pas réponse rapide) soit pas blanche ?

De retour...  

voici ce que ca donne quand je copie colle les codes que vous me donnez.  2 colonnes de chiffres.  je suis incapable de juste sélectionner le texte... les chiffres viennent avec doublant du coup les chiffres danslafenêtre de codes css...

Voici le message que j'obtiens, que dois-je faire ?

Erreur détectée
Nous avons compté un nombre différent de "{" et de "}". Cela signifie que votre CSS risque de ne pas être valide et ne sera pas affiché correctement sur votre forum.

Nous vous conseillons de relire votre code.

MlleAlys, merci encore pour le coup de main !  

Vous pouvez visualiser et écrire des messages ici :  

http://passionvoile.forumcanada.net/f2-forum-commercial-liens-marinas-ateliers-magasins-ecoles

Ce que je souhaite, c'est que soit les fenêtres sont en blanc et le texte en noir  partout soit l'Inverse.  Présentement les réponses rapides fonctionnent mais dépendant du mode le texte de la fenêtre réponse est soit blanc soit noir.  

Merci d'aider !  

Essayez de coller ceci dans votre page css :

Code:

/***********************************************APPARENCE NOUVEL EDITEUR*/
 

/*général*/
.sceditor-container {
    width: 100% !important;  /********************************largeur de l'édieur*/
    text-align: center;  /*centrage de l'éditeur et des boutons*/
    border: none !important;  /*bordure autour de l'éditeur (aucune)*/
    background: none !important;  /*fond global de l'éditeur (aucun)*/
}
.sceditor-container.ltr.wysiwygMode, .sceditor-container.ltr.sourceMode, {
    background-color : #203B6B !important;  /****couleur de fond global de l'éditeur*/
    color: white;
    border:none !important;
}
/*fin général*/
 



/*toolbar*/
div.sceditor-toolbar {
    background: none !important;  /************couleur de fond de la toolbar*/
    border: none !important;  /*bordure de la barre d'outils*/
}
a.sceditor-button.hover, .sceditor-button.active, a.sceditor-button:hover {
    background-color: white !important;  /*couleur de fond des bouton surlignés*/
}
.sceditor-dropdown, .sceditor-dropdown label, .sceditor-dropdown .button {
    color: white !important;  /**couleur de la police dans l'encadré lorsqu'on clique sur un bouton*/
}
.sceditor-dropdown {
    background-color : #203B6B !important;  /*couleur de fond des encadrés lorsqu'on clique sur un bouton*/
    color: white; /*couleur de la police dans les encadrés*/
    border: 1px solid white !important; /*bordure des encadrés*/
}
.sceditor-dropdown textarea, .sceditor-dropdown input {
    background-color: #15436B !important;  /******couleur de fond des zones de saisie*/
    color: white !important;   /*couleur d'écriture dans les zones de sasie*/
}
.sceditor-fontsize-option, .sceditor-font-option {
    color: white !important;  /*couleur des tailles de texte et des polices*/
}
.sceditor-fontsize-option:hover, .sceditor-font-option:hover {
    background: #15436B !important;  /*couleur de fond au survol des tailles de texte et des polices*/
}
.
/*fin toolbar*/


 
/*zone de texte*/
.sceditor-container iframe, .sceditor-container textarea {
    background-color: #15436B !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: white !important;   /*************couleur de la police (en mode source)*/
    font-size: 12px !important;   /***********taille de la police (encmode source)*/
    padding: 5px !important;
}
/*fin zone de texte*/


 
/*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*/





/******************MISE EN FORME BALISE CODE ET CITATION*/
dl.codebox, codebox dd, .content blockquote {
    color: white;
    background-color: #12213B;
}
/*FIN BALISES CODE ET CITATION*/

Puis ce code ci dans les javascripts (ce code est pour la mise en forme en mode wysiwyg ):
- allez dans modules > gestion des codes javascripts
- vérifier que la gestion des codes est cochée sur OUI
- créez un nouveau code
- donnez lui un nom ("mise en forme wysiwyg" par exemple)
- cochez "sur toutes les pages"
- collez ce code dans la zone de saisie :

Code:

$(function(){ $(function() {
          $('.sceditor-container iframe').contents().find('head').append('<style type="text/css">
body, p {
    color:white;  /*couleur de la police*/
    background:#15436B;  /*couleur de fond de la zone de saisie*/
}
blockquote, code {
    color:white; /*couleur de la police dans les citations et les codes*/
    background-color: #12213B;  /*couleur de fond des citations et codes*/
    font-size: 12px; /*taille de la police dans les citations et codes*/
    border: 1px solid white; /*bordure des citations et codes*/
    padding-bottom: 10px;
}
blockquote cite {
    color: white;  /*couleur de l'auteur dans la citation*/
    border-color: #15436B;  /*couleur de la bordure sous l auteur*/
    margin-bottom: 10px;
}
code:before {
    color: white;  /*couleur du mot code*/
}
</style>')
        })});

- validez !


Il est possible que j'ai oublié certaines choses, y a t il encore des soucis quelque part ? ^^

[MlleAlys]

Pour les lignes grises, il s'agit des bordures par défaut de .sceditor-group et de .sceditor-toolbar que tu peux retirer avec un simple " border: none !important; "

Pour la réponse rapide...
Je ne vois vois pas les réponses rapides, alors je ne peux pas te dire TT-TT
(ce n'est pas visible aux invités ? ='( )

as tu essayé de faire "inspecter l'élément" pour chercher une class de l'élément ou du conteneur ? parce qu'une fois trouvé cela, tu peux sans doute le déplacer via css avec un { position: relative; top : XXpx ; left: XXpx;} non ? Ou alors par les templates...

Pour les ligne grises bien vue, c'est réglé .

Pourtant j'ai ouvert au invité le droit de lire/voir/répondre dans cette section.

la réponse rapide n'est pas visible aux invités, ils sont obligés de passer par "répondre" ^^"
Seuls les membres peuvent utiliser la réponse rapide...

(je suis allée vérifier sur mon forum xD)

[marginal]

J'ai justement tout essayé.  un sélectionner et copier ... puis utiliser le "tout sélectionner"... et rien n'y fait... j'ai effacé tous ces chiffres un par un...  

Résultat : Sur la boite d'édition rapide, ca écrit en blanc sur fond bleu dans les deux modes (WYSIWYG et normal) mais dans la boite de message qui apparait quand on clique sur répondre, ca écrit en blanc en mode WYSIWYG sur fond bleu mais en mode normal, ca écrit en blanc sur fond blanc.

QUESTION :

comment faire en sorte que la fenêtre d'édition en mode réponse (et non pas réponse rapide) soit pas blanche ?

De retour...  

voici ce que ca donne quand je copie colle les codes que vous me donnez.  2 colonnes de chiffres.  je suis incapable de juste sélectionner le texte... les chiffres viennent avec doublant du coup les chiffres danslafenêtre de codes css...

quote trop long:

Oulah, jamis vu ça moi ! Oo
Aurais tu sélectionné les numéros des lignes de code en même temps que ce dernier lorsque tu as copié/collé ? ^^"
As-tu essayé de tout supprimer, avant de recoller le code ? Sélectionne le en utilisant le bouton "tout sélectionner" en haut à droite de la fenêtre de code pour ne sélectionner que le texte, copie, et recolle dans ta page css.

Est ce que ça fonctionne ?
Si les numéros ne viennent pas de là et reviennent, essaye peut être plutôt de poster dans la partie "problème avec le panneau d'administration", parce que je ne peux pas t'aider non plus... ><"

[MlleAlys]

J'ai justement tout essayé.  un sélectionner et copier ... puis utiliser le "tout sélectionner"... et rien n'y fait... j'ai effacé tous ces chiffres un par un...  

Résultat :  Sur la boite d'édition rapide, ca écrit en blanc sur fond bleu dans les deux modes (WYSIWYG et normal) mais dans la boite de message qui apparait quand on clique sur répondre, ca écrit en blanc en mode WYSIWYG sur fond bleu mais en mode normal, ca écrit en blanc sur fond blanc.

QUESTION :

comment faire en sorte que la fenêtre d'édition en mode réponse (et non pas réponse rapide) soit pas blanche ?

(spoiler) MlleAlys a écrit :

Pour le souci de la deuxième colonne de chiffres, je te conseille d'aller montrer ça dans problème avec le panneau d'administration : https://forum.forumactif.com/f72-probleme-avec-le-panneau-d-administration

Pour le souci de la couleur de fond de l'éditeur, aurais tu un lien vers un forum ouvert aux invités s'il te plait ? ^^

[Self]

la réponse rapide n'est pas visible aux invités, ils sont obligés de passer par "répondre" ^^"
Seuls les membres peuvent utiliser la réponse rapide...

(je suis allée vérifier sur mon forum xD)

Très bien, tout ce que y à c'est :

Code:

<a name="quickreply"></a><div id="qpost" class="row2"><div class="maintitle clearfix"><h3>
      Réponse rapide
    </h3></div>

Alors j'ai essayer:

Code:

.maintitle h3{
  margin: /margin-left:-10px !important;}

Mais sa ne fonctionne pas :/

[marginal]

Le problèeme des 2 colonnes de chifres est réglé... come je t'ai dit, j'ai tout retiré manuellement... Bordel !

Mais comme je t'ai dit le problèeme de la fenêtre d'édition quand on clique sur répondre, ca fait en bleu et texte blanc en mode WYSIWYG mais en blanc sur blanc en mode normal... C'est lèa le souci !

Lien vers une page du forum...

http://passionvoile.forumcanada.net/f2-forum-commercial-liens-marinas-ateliers-magasins-ecoles

J'ai justement tout essayé.  un sélectionner et copier ... puis utiliser le "tout sélectionner"... et rien n'y fait... j'ai effacé tous ces chiffres un par un...  

Résultat :  Sur la boite d'édition rapide, ca écrit en blanc sur fond bleu dans les deux modes (WYSIWYG et normal) mais dans la boite de message qui apparait quand on clique sur répondre, ca écrit en blanc en mode WYSIWYG sur fond bleu mais en mode normal, ca écrit en blanc sur fond blanc.

QUESTION :

comment faire en sorte que la fenêtre d'édition en mode réponse (et non pas réponse rapide) soit pas blanche ?

(spoiler) MlleAlys a écrit :

Pour le souci de la deuxième colonne de chiffres, je te conseille d'aller montrer ça dans problème avec le panneau d'administration : https://forum.forumactif.com/f72-probleme-avec-le-panneau-d-administration

Pour le souci de la couleur de fond de l'éditeur, aurais tu un lien vers un forum ouvert aux invités s'il te plait ? ^^

[b][/b]

[Self]

Le problèeme des 2 colonnes de chifres est réglé... come je t'ai dit, j'ai tout retiré manuellement...  Bordel !

Aurais-je tort de ressentir une pointe d'énervement dans cette phrase ?

[MlleAlys]

@SeLfde4Th7 :

je ne comprends pas ce code ^^"

Code:

.maintitle h3{
  margin: /margin-left:-10px !important;}

c'est quoi le slash ?

moi j'aurais essayé quelque chose comme ça :

Code:

#qpost .maintitle.clearfix h3 {
    position: relative;
    top : 20px;
    left : 20px;
}

est ce que ça donne quelque chose ? x3

[Self]

@SeLfde4Th7 :

je ne comprends pas ce code ^^"

Code:

.maintitle h3{
  margin: /margin-left:-10px !important;}

c'est quoi le slash ?

moi j'aurais essayé quelque chose comme ça :

Code:

#qpost .maintitle.clearfix h3 {
    position: relative;
    top : 20px;
    left : 20px;
}

est ce que ça donne quelque chose ? x3

Et oui je ne suis pas un pro ;D.
Ton code fonctionne, merci bien .

Mon code je l'ai pris de :

Code:

background-position:bottom center; background-repeat:no-repeat; height:136px; width:914px; border:nonne; padding:0px; margin:0px; /margin-top:0px; /margin-left:-1px;}

Correspond à la possition du bas de mon forum ^^

[marginal]

Effectivement, je suis un peu a bout....   j'ai beaucoup de plaintes par jour depuis la semaine derniere...

Mon garcon n'en peut plus de me voir a l'ordi depuis une semaine.  et je trouve que je le néglige sérieusement...

Je manque de sommeil pour répondre a tous ces courriels de plainte et faire des essais...

Oui, je suis un peu a bout de patience... Mais pas après vous et ceux qui aident...  mais après FA...  

Entre temps... comment changer la couleur de la boite d'édition qui change de couleur selon le mode WYSIWYG et normal ?????

MERCI !

Le problèeme des 2 colonnes de chifres est réglé... come je t'ai dit, j'ai tout retiré manuellement...  Bordel !

Aurais-je tort de ressentir une pointe d'énervement  dans cette phrase ?

[Self]

 Entre temps... comment changer la couleur de la boite d'édition qui change de couleur selon le mode WYSIWYG et normal ?????

Pour quel mode avez vous besoin de changer la couleur de la police ?

[MlleAlys]

Le problèeme des 2 colonnes de chifres est réglé... come je t'ai dit, j'ai tout retiré manuellement...  Bordel !

Mais comme je t'ai dit le problèeme de la fenêtre d'édition quand on clique sur répondre, ca fait en bleu et texte blanc en mode WYSIWYG mais en blanc sur blanc en mode normal...   C'est lèa le souci !

Lien vers une page du forum...  

http://passionvoile.forumcanada.net/f2-forum-commercial-liens-marinas-ateliers-magasins-ecoles

J'ai justement tout essayé.  un sélectionner et copier ... puis utiliser le "tout sélectionner"... et rien n'y fait... j'ai effacé tous ces chiffres un par un...  

Résultat :  Sur la boite d'édition rapide, ca écrit en blanc sur fond bleu dans les deux modes (WYSIWYG et normal) mais dans la boite de message qui apparait quand on clique sur répondre, ca écrit en blanc en mode WYSIWYG sur fond bleu mais en mode normal, ca écrit en blanc sur fond blanc.

QUESTION :

comment faire en sorte que la fenêtre d'édition en mode réponse (et non pas réponse rapide) soit pas blanche ?

(spoiler) MlleAlys a écrit :

Pour le souci de la deuxième colonne de chiffres, je te conseille d'aller montrer ça dans problème avec le panneau d'administration : https://forum.forumactif.com/f72-probleme-avec-le-panneau-d-administration

Pour le souci de la couleur de fond de l'éditeur, aurais tu un lien vers un forum ouvert aux invités s'il te plait ? ^^

Désolée, je n'avais pas compris.

Normalement le fond de la zone est modifié avec ce code :

Code:

.sceditor-container textarea {
    background: #15436B !important;
}

normalement le code pour la couleur de fond est déjà dans celui que je t'ai donné.
Mais j'ai trouvé une virgule en trop, je ne sais pas si c'est elle qui embête son monde, mais essaye de remplacer tout ton code par celui là (désolée) ^^" :

Code:

/***********************************************APPARENCE NOUVEL EDITEUR*/
 
 
/*général*/
.sceditor-container {
    width: 100% !important;  /********************************largeur de l'édieur*/
    text-align: center;  /*centrage de l'éditeur et des boutons*/
    border: none !important;  /*bordure autour de l'éditeur (aucune)*/
    background: none !important;  /*fond global de l'éditeur (aucun)*/
}
.sceditor-container.ltr.wysiwygMode, .sceditor-container.ltr.sourceMode {
    background-color : #203B6B !important;  /****couleur de fond global de l'éditeur*/
    color: white;
    border:none !important;
}
/*fin général*/
 
 
 
 
/*toolbar*/
div.sceditor-toolbar {
    background: none !important;  /************couleur de fond de la toolbar*/
    border: none !important;  /*bordure de la barre d'outils*/
}
a.sceditor-button.hover, .sceditor-button.active, a.sceditor-button:hover {
    background-color: white !important;  /*couleur de fond des bouton surlignés*/
}
.sceditor-dropdown, .sceditor-dropdown label, .sceditor-dropdown .button {
    color: white !important;  /**couleur de la police dans l'encadré lorsqu'on clique sur un bouton*/
}
.sceditor-dropdown {
    background-color : #203B6B !important;  /*couleur de fond des encadrés lorsqu'on clique sur un bouton*/
    color: white; /*couleur de la police dans les encadrés*/
    border: 1px solid white !important; /*bordure des encadrés*/
}
.sceditor-dropdown textarea, .sceditor-dropdown input {
    background-color: #15436B !important;  /******couleur de fond des zones de saisie*/
    color: white !important;  /*couleur d'écriture dans les zones de sasie*/
}
.sceditor-fontsize-option, .sceditor-font-option {
    color: white !important;  /*couleur des tailles de texte et des polices*/
}
.sceditor-fontsize-option:hover, .sceditor-font-option:hover {
    background: #15436B !important;  /*couleur de fond au survol des tailles de texte et des polices*/
}

/*fin toolbar*/
 
 
 
/*zone de texte*/
.sceditor-container textarea, .sceditor-container iframe {
    background-color: #15436B !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: white !important;  /*************couleur de la police (en mode source)*/
    font-size: 12px !important;  /***********taille de la police (encmode source)*/
    padding: 5px !important;
}
/*fin zone de texte*/
 
 
 
/*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*/
 
 
 
 
 
/******************MISE EN FORME BALISE CODE ET CITATION*/
dl.codebox, codebox dd, .content blockquote {
    color: white;
    background-color: #12213B;
}
/*FIN BALISES CODE ET CITATION*/

[MlleAlys]

@SeLfde4Th7 :

je ne comprends pas ce code ^^"

Code:

.maintitle h3{
  margin: /margin-left:-10px !important;}

c'est quoi le slash ?

Mon code je l'ai pris de :

Code:

background-position:bottom center; background-repeat:no-repeat; height:136px; width:914px; border:nonne; padding:0px; margin:0px; /margin-top:0px; /margin-left:-1px;}

Correspond à la possition du bas de mon forum ^^

Alors là, aucune idée, il faut que j'éclaircisse ce mystère ! xD (qui n'en est certainement pas un, mais juste une preuve de notre ignorance ! x3 )
(ou peut être que c'est pour désactiver la propriété justement ?)

[marginal]

Est-ce que tu as pu voir la page de mon forum ? est-ce que le changement de couleur du texte varie selon le mode pout toi aussi?

Le problèeme des 2 colonnes de chifres est réglé... come je t'ai dit, j'ai tout retiré manuellement...  Bordel !

Mais comme je t'ai dit le problèeme de la fenêtre d'édition quand on clique sur répondre, ca fait en bleu et texte blanc en mode WYSIWYG mais en blanc sur blanc en mode normal...   C'est lèa le souci !

Lien vers une page du forum...  

http://passionvoile.forumcanada.net/f2-forum-commercial-liens-marinas-ateliers-magasins-ecoles

J'ai justement tout essayé.  un sélectionner et copier ... puis utiliser le "tout sélectionner"... et rien n'y fait... j'ai effacé tous ces chiffres un par un...  

Résultat :  Sur la boite d'édition rapide, ca écrit en blanc sur fond bleu dans les deux modes (WYSIWYG et normal) mais dans la boite de message qui apparait quand on clique sur répondre, ca écrit en blanc en mode WYSIWYG sur fond bleu mais en mode normal, ca écrit en blanc sur fond blanc.

QUESTION :

comment faire en sorte que la fenêtre d'édition en mode réponse (et non pas réponse rapide) soit pas blanche ?

(spoiler) MlleAlys a écrit :

Pour le souci de la deuxième colonne de chiffres, je te conseille d'aller montrer ça dans problème avec le panneau d'administration : https://forum.forumactif.com/f72-probleme-avec-le-panneau-d-administration

Pour le souci de la couleur de fond de l'éditeur, aurais tu un lien vers un forum ouvert aux invités s'il te plait ? ^^

Désolée, je n'avais pas compris.

Normalement le fond de la zone est modifié avec ce code :

Code:

.sceditor-container textarea {
    background: #15436B !important;
}

normalement le code pour la couleur de fond est déjà dans celui que je t'ai donné.
Mais j'ai trouvé une virgule en trop, je ne sais pas si c'est elle qui embête son monde, mais essaye de remplacer tout ton code par celui là (désolée) ^^" :

Code:

/***********************************************APPARENCE NOUVEL EDITEUR*/
 

/*général*/
.sceditor-container {
    width: 100% !important;  /********************************largeur de l'édieur*/
    text-align: center;  /*centrage de l'éditeur et des boutons*/
    border: none !important;  /*bordure autour de l'éditeur (aucune)*/
    background: none !important;  /*fond global de l'éditeur (aucun)*/
}
.sceditor-container.ltr.wysiwygMode, .sceditor-container.ltr.sourceMode {
    background-color : #203B6B !important;  /****couleur de fond global de l'éditeur*/
    color: white;
    border:none !important;
}
/*fin général*/
 



/*toolbar*/
div.sceditor-toolbar {
    background: none !important;  /************couleur de fond de la toolbar*/
    border: none !important;  /*bordure de la barre d'outils*/
}
a.sceditor-button.hover, .sceditor-button.active, a.sceditor-button:hover {
    background-color: white !important;  /*couleur de fond des bouton surlignés*/
}
.sceditor-dropdown, .sceditor-dropdown label, .sceditor-dropdown .button {
    color: white !important;  /**couleur de la police dans l'encadré lorsqu'on clique sur un bouton*/
}
.sceditor-dropdown {
    background-color : #203B6B !important;  /*couleur de fond des encadrés lorsqu'on clique sur un bouton*/
    color: white; /*couleur de la police dans les encadrés*/
    border: 1px solid white !important; /*bordure des encadrés*/
}
.sceditor-dropdown textarea, .sceditor-dropdown input {
    background-color: #15436B !important;  /******couleur de fond des zones de saisie*/
    color: white !important;   /*couleur d'écriture dans les zones de sasie*/
}
.sceditor-fontsize-option, .sceditor-font-option {
    color: white !important;  /*couleur des tailles de texte et des polices*/
}
.sceditor-fontsize-option:hover, .sceditor-font-option:hover {
    background: #15436B !important;  /*couleur de fond au survol des tailles de texte et des polices*/
}

/*fin toolbar*/
 


/*zone de texte*/
.sceditor-container textarea, .sceditor-container iframe {
    background-color: #15436B !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: white !important;   /*************couleur de la police (en mode source)*/
    font-size: 12px !important;   /***********taille de la police (encmode source)*/
    padding: 5px !important;
}
/*fin zone de texte*/
 


/*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*/
 




/******************MISE EN FORME BALISE CODE ET CITATION*/
dl.codebox, codebox dd, .content blockquote {
    color: white;
    background-color: #12213B;
}
/*FIN BALISES CODE ET CITATION*/

[MlleAlys]

oui elle varie bien chez moi aussi, c'est pourquoi je lis et relis ce code à la recherche d'éventuelles erreurs qui feraient qu'une partie du code ne s'applique pas... ^^"

Est-ce que tu as pu voir la page de mon forum ?  est-ce que le changement de couleur du texte varie selon le mode pour toi aussi?

[Self]

@SeLfde4Th7 :

je ne comprends pas ce code ^^"

Code:

.maintitle h3{
  margin: /margin-left:-10px !important;}

c'est quoi le slash ?

Mon code je l'ai pris de :

Code:

background-position:bottom center; background-repeat:no-repeat; height:136px; width:914px; border:nonne; padding:0px; margin:0px; /margin-top:0px; /margin-left:-1px;}

Correspond à la possition du bas de mon forum ^^

J'avais un décalage a droite entre le corp et le pied de mon forum j'ai rajouter au code le /margin-left:-1px; et sa la décaler donc non.
De plus je viens de me rendre compte que je suis vraiment idiot , j'aurais du remplacé "left" par "right" sa aurais peut être marché ^^.

Alors là, aucune idée, il faut que j'éclaircisse ce mystère ! xD (qui n'en est certainement pas un, mais juste une preuve de notre ignorance ! x3 )
(ou peut être que c'est pour désactiver la propriété justement ?)

[MlleAlys]

@SeLfde4Th7 :

je ne comprends pas ce code ^^"

Code:

.maintitle h3{
  margin: /margin-left:-10px !important;}

c'est quoi le slash ?

Mon code je l'ai pris de :

Code:

background-position:bottom center; background-repeat:no-repeat; height:136px; width:914px; border:nonne; padding:0px; margin:0px; /margin-top:0px; /margin-left:-1px;}

Correspond à la possition du bas de mon forum ^^

Alors là, aucune idée, il faut que j'éclaircisse ce mystère ! xD (qui n'en est certainement pas un, mais juste une preuve de notre ignorance ! x3 )
(ou peut être que c'est pour désactiver la propriété justement ?)

J'avais un décalage a droite entre le corp et le pied de mon forum j'ai rajouter au code le /margin-left:-1px; et sa la décaler donc non.
De plus je viens de me rendre compte que je suis vraiment idiot , j'aurais du remplacé "left" par "right" sa aurais peut être marché ^^.

ahah peut être, faudrait tester ! xD

[marginal]

alleluya !!!!!!!!!!!! Toutes les fenêtres peu importe le mode sont de même couleur !!!

J'ai aucune idée quel code a fait ca mais MelleAlys... vous avez fait le travail !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! MERCI !

Maintenant le seul soucy qu'il me reste, c'est qu'en mode WYSIWYG, les flèches, le back space, et la touche delete ne fonctionnent pas...

Des idées ?

[MlleAlys]

alleluya !!!!!!!!!!!!  Toutes les fenêtres peu importe le mode sont de même couleur !!!  

J'ai aucune idée quel code a fait ca mais MelleAlys... vous avez fait le travail !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!  MERCI !

c'était donc bien cette fichue petite virgule qui gâtait tout le code ! ><"

Maintenant le seul soucy qu'il me reste, c'est qu'en mode WYSIWYG, les flèches, le back space, et la touche delete ne fonctionnent pas...

Des idées ?  

Euh... c'est à dire ? ^^"
(mais j'ai bien peur que non =S)

[Self]

Maintenant le seul soucy qu'il me reste, c'est qu'en mode WYSIWYG, les flèches, le back space, et la touche delete ne fonctionnent pas...

Des idées ?  

Vous pouvez écrire mais pas supprimer, vous déplacer avec les fléches dans le message et la touche suppr la dernière ? c'est bien sa ?

[marginal]

Même ici, je suis pas capable d'utiliser les flèeches, le backspace et le delete..... fonctionne pas en mode WYSIWYG.

Dis, mlleAlys, Tu es ou sur la planète... je t'en doit une... sérieux !

Martin

alleluya !!!!!!!!!!!!  Toutes les fenêtres peu importe le mode sont de même couleur !!!  

J'ai aucune idée quel code a fait ca mais MelleAlys... vous avez fait le travail !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!  MERCI !

c'était donc bien cette fichue petite virgule qui gâtait tout le code ! ><"

Maintenant le seul soucy qu'il me reste, c'est qu'en mode WYSIWYG, les flèches, le back space, et la touche delete ne fonctionnent pas...

Des idées ?  

Euh... c'est à dire ? ^^"
(mais j'ai bien peur que non =S)

[Self]

Même ici, je suis pas capable d'utiliser les flèeches, le backspace et le delete.....   fonctionne pas en mode WYSIWYG.  

Dis, mlleAlys,  Tu es ou sur la planète... je t'en doit une...  sérieux !  

Martin

Essaye ce code:

Code:

$(function () {
            if(!$.sceditor) return;
            $.sceditor.plugins.bbcode.bbcodes.quote.html = function (token, attrs, content) {
                if (typeof attrs.defaultattr !== "undefined")
                    content = '<cite>' + attrs.defaultattr + '</cite>' + content;
       
              return '<br /><blockquote>' + content + '</blockquote><br />';
            };
       
      });

[MlleAlys]

en même temps, je n'aurais pas fait cette bête erreur de virgule, ça aurait fonctionné dès le début ><"

les commandes du clavier répondent bien chez moi, sur ce forum comme sur le votre...
(enfin, si j'ai bien compris de quoi il s'agissait ^^")

EDIT : SeLfde4Th7, ce code, c'est pour les espaces avant et après la citation... est ce que c'est de ça qu'on parle ? (j'aurais encore mal compris ? xD

Même ici, je suis pas capable d'utiliser les flèches, le backspace et le delete.....   fonctionne pas en mode WYSIWYG.  

Dis, mlleAlys,  Tu es ou sur la planète... je t'en doit une...  sérieux !  

Martin

alleluya !!!!!!!!!!!!  Toutes les fenêtres peu importe le mode sont de même couleur !!!  

J'ai aucune idée quel code a fait ca mais MelleAlys... vous avez fait le travail !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!  MERCI !

c'était donc bien cette fichue petite virgule qui gâtait tout le code ! ><"

Maintenant le seul soucy qu'il me reste, c'est qu'en mode WYSIWYG, les flèches, le back space, et la touche delete ne fonctionnent pas...

Des idées ?  

Euh... c'est à dire ? ^^"
(mais j'ai bien peur que non =S)

-------

https://forum.forumactif.com/viewtopic.forum?t=353359

[Shadow]

Bonjour,


Pour toutes les personnes se plaignant d'avoir des soucis avec le nouvel éditeur et leur smarphone merci de nous fournir des print écran svp

Bonne fin d'après midi