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

[Lixyr]

Light, ça ne vient pas de ce template. Alors ça vient soit de l'autre template, soit du css. Fais voir ton CSS par hasard.

*edit* manbcr, idem, fais voir ton css.

[Tech]

Bon si je reviens à mon propre problème :

N'y a t il donc aucun moyen de changer la couleur de police en mode wysiwyg ? ^^"

De même, toujours aucune solution ?

Bonjour,

Ce n'est pas possible actuellement car il est techniquement impossible de modifier le CSS du contenu d'une iframe via votre forum.
Il faudra attendre quelques jours pour voir si nous pouvons proposer quelque chose

Cordialement.

[le marsupilami]

Suite a vos MAJ j'ai perdu la couleur  fond de la boite de dialogue et passage de l'ecriture de jaune a bleu claire . Dans le panneau d'adm je n'ai plus la main popur changer des couleurs.






http://camping.forum-actif.eu/

[-Light]

.forumline .row1, .forumline .row2, .forumline .row3, .forumline .row3Right {
    height: 30px;
}

div.postbody img {max-width:700px;}

a.mainmenu img {margin-bottom:15px;}

[Lixyr]

Light, c'est tout ce que tu as ? Oo

[-Light]

Eh bien... Oui ! Je ne sais vraiment pas d'où vient le problème.

[MlleAlys]

Avez vous vu les codes présentés dans ce message ? https://forum.forumactif.com/t352532-topic-uniqueapparence-du-nouvel-editeur-de-messages#3002396

C'est mieux mais ce qui est prédifini est ....comment dire pas pire certe mais difficile visuellement comment puis je mettre fond noir et police blanc s'il vous plait ?
Merci d'avance il y a du mieux

Du coup j'ai du mal à comprendre ce que vous avez fait xD
Une fois le code collé dans votre feuille de style css, il vous suffit normalement de modifier les couleurs qui y sont, et remplacer rouge, vert, bleu par noir .
Ce qui dans votre cas pourrait donner quelque chose comme ça :

Code:

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

/*couleurs de fond*/
.sceditor-container.ltr.sourceMode, .sceditor-container.ltr.wysiwygMode
{
  background-color : black !important;
}
div.sceditor-toolbar
{
  background-color :black !important;
}
.sceditor-container iframe, .sceditor-container textarea
{
  background-color: black !important;
  border: 1px solid white !important;
  padding: 5px !important;
}
/*fin couleurs des fonds*/

/*couleurs des boites*/
.sceditor-dropdown {
background-color: black !important;
color: white !important;
}
.sceditor-dropdown textarea, .sceditor-dropdown input {
background-color: black !important;
border: 1px solid white;
}
/*fin couleurs des boites*/

/*couleur de police*/
.sceditor-container textarea {
color: white !important;
}
 
/*********************************************FIN APPARENCE NOUVEL EDITEUR*/

[Lixyr]

Et bien alors donne-moi l'autre template. profile_add_body

[Yrielt]

Je n'y connais rien en css, rien en codage de ce style, je n'y comprends rien.
J'avais un fond gris, il est blanc. Je félicite le travail fait pour ce nouvel éditeur, mais vraiment il ne m'est d'aucune utilité

[-Light]

Et bien alors donne-moi l'autre template. profile_add_body

C'est à moi que tu demandes ça ? Si oui, je ne sais pas vraiment à quoi ça peut servir vu que ça ne concerne pas l'édition d'un message...

[manbcr]

Code:

body.chatbox #chatbox_option_with_archives {
            display: none !important;
    }
a.postlink:link{
 text-decoration: none;
 color : #5457BA }
   .quote{
 font-family: Verdana,Arial,Helvetica,sans-serif;
 font-size: 13px;
 color: #000000;
 line-height: 125%;
 background-color: #CCCCCC;
 border: #000000;
 border-style: inset;
 border-left-width: 3px;
 border-top-width: 3px;
 border-right-width: 3px;
 border-bottom-width: 3px}
.code{
 font-family: Courier,CourierNew,sans-serif;
 font-size: 13px;
 color: #000000;
 background-color: #CCCCCC;
 border: #OOOOOO;
 border-style: groove;
 border-left-width: 2pxborder-top-width: 1px;
 border-right-width: 2px;
 border-bottom-width: 2px;
 }
.spoiler{
 font-family: Courier,CourierNew,sans-serif;
 font-size: 13px;
 color: #000000;
 background-color: #CCCCCC;
 border: #OOOOOO;
 border-style: solid;
 border-left-width: 2pxborder-top-width: 1px;
 border-right-width: 2px;
 border-bottom-width: 2px;
 }
        /*******************************************/
        /* CODE DE POP-UP DE CONNEXION
        /*******************************************/
        #login_popup > table {
          background: url("http://img71.xooimage.com/files/d/c/0/poplogin_bg-top-30054ce.png") no-repeat;
          width: 570px;
        }
        
       #login_popup .titre td {
          height: 90px;
          font: bold italic 25px/1.5em Georgia, Arial, serif;
          color: #f9f5f1;
          text-shadow: 0 2px #532831;
          text-align: center;
        }
        
       #login_popup .message {
          background: url("http://img72.xooimage.com/files/4/1/f/poplogin_bg-layout-30054d0.png") repeat-y center top;
        }
        
       #login_popup .message td {
          min-height: 10px;
          display: block;
          width: 420px;
          margin: auto;
          color: #785547;
          text-align: center;
          font: 14px "Trebuchet MS", Arial, serif;
        }
        
       #login_popup .boutons {
          margin-top: -1px;
        }
        
       #login_popup .boutons td {
          padding: 15px 0 25px;
          display: block;
          width: 460px;
          margin: auto;
          text-align: center;
          background: url("http://img69.xooimage.com/files/6/3/6/poplogin_bg-bottom-30054e3.png") no-repeat center bottom;
          border-radius: 0 0 10px 10px;
        }
        
       #login_popup input {
          background: url("http://img67.xooimage.com/files/d/5/d/poplogin_bg-btn-300545a.png") repeat-x left top;
          height: 32px;
          padding: 0 10px;
          border-radius: 5px;
          border: 1px solid #5f2d37;
          box-shadow: 0 1px 0 #928276;
          color: #edd9c9;
          text-shadow: 0 1px #532831;
          font: italic 16px/1.5em Georgia, serif;
          cursor: pointer;
        }
        
       #login_popup input + input {
          margin-left: 5px;
        }
        
       #login_popup input:hover {
          background-position: left bottom;
          color: #f7f0ea;
        }
        body{
            background-position: top center;
            background-repeat: no-repeat;
            background-attachment: fixed;
        }

        #toolbarinfo {
            background: orange;
            left: 0;
            position: fixed;
            top: 0;
            width: 100%;
      text-align: center;
        }
            textarea, input[type="text"], select {
                border: 1px solid #0091FF !important;
                box-shadow: 1px 1px 1px white;
            }
        
           textarea:hover {
                border: 1px solid #FFA34F !important;
                box-shadow: 1px 1px 3px #FFA34F;
            }
        
           textarea:focus {
                border: 1px solid #0091FF !important;
                box-shadow: 1px 1px 5px #0091FF !important;
            }
        .cadre1 {
        border-radius: 15px;
        border: solid #AAAAAA;
        font-size: 11px;
        font-family: Arial;
        }
        .doublepost { border-top: 1px solid #888888 }
        #menu ul {
        margin: 0;
        padding: 0;
        list-style-type: none;
        }
        /*liste des menus*/
        #menu ul{padding: 0px;
            list-style-type: none;
        margin: 0px;
        }
        
       /*positionnement des menus*/
        #menu dl {
            float: left;
    position : center;
            width: 180px;}
        
       /*menus*/
        #menu dt {
            color: black;
            text-align: center;
            cursor: pointer;
            font-weight: bold;
            background: #FFFFFF;
            border: 1px solid black;
            margin: 0px;}
        
       /*menus au survol*/
        #menu dt:hover{
            border-bottom: none!important;}
        
       /*liste des sous-menus*/
        #menu dd {
            display: none;
            border: 1px solid gray;
            border-top: none!important;
            background: #FFFFFF;
            margin: 0px;
            padding: 0px;
            list-style-type: none;}
        
       #menu li {
            text-align: center;
            background: black;
            margin: 0px;
            padding: 0px;
            list-style-type: none;}
        
       /* liens des sous-menus*/
        #menu li a, #menu dt a {
            color: black;
            background: #d9c5c5;
            text-decoration: none;
            display: block;
            height: 100%;
            border: 0 none;
            margin: 0px;
            padding: 0px;
            list-style-type: none;}
        
       /*liens des sous-menus au survol*/
        #menu li a:hover, #menu li a:focus, #menu dt a:hover, #menu dt a:focus {
            color: white;
            text-align: center;
            width: 150px;
            cursor: pointer;
            font-weight: bold;
            background: black;
            margin: 0px;
            padding: 0px;
            list-style-type: none;}

[Lixyr]

Oui, Light.
Je mets tes templates et ton css sur mon forum-test pour voir si ça vient de là ou pas.

[T800]

Avez vous vu les codes présentés dans ce message ? https://forum.forumactif.com/t352532-topic-uniqueapparence-du-nouvel-editeur-de-messages#3002396

C'est mieux mais ce qui est prédifini est ....comment dire pas pire certe mais difficile visuellement comment puis je mettre fond noir et police blanc s'il vous plait ?
Merci d'avance il y a du mieux

Du coup j'ai du mal à comprendre ce que vous avez fait xD
Une fois le code collé dans votre feuille de style css, il vous suffit normalement de modifier les couleurs qui y sont, et remplacer rouge, vert, bleu par noir .
Ce qui dans votre cas pourrait donner quelque chose comme ça :

Code:

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

/*couleurs de fond*/
.sceditor-container.ltr.sourceMode, .sceditor-container.ltr.wysiwygMode
{
  background-color : black !important;
}
div.sceditor-toolbar
{
  background-color :black !important;
}
.sceditor-container iframe, .sceditor-container textarea
{
  background-color: black !important;
  border: 1px solid white !important;
  padding: 5px !important;
}
/*fin couleurs des fonds*/

/*couleurs des boites*/
.sceditor-dropdown {
background-color: black !important;
color: white !important;
}
.sceditor-dropdown textarea, .sceditor-dropdown input {
background-color: black !important;
border: 1px solid white;
}
/*fin couleurs des boites*/

/*couleur de police*/
.sceditor-container textarea {
color: white !important;
}
 
/*********************************************FIN APPARENCE NOUVEL EDITEUR*/

Alors là super mieux !
Par contre la police est n'a pas changé c'est toujours noir (j'ai copier votre code), de mieux en mieux merci de votre effort pour le coup de main. Et une fois la police en blanc je serais déja très content et je pourrais enfin polluer mon forum (dommage pour les membres...)

[Glorio]

Bonjour à vous, 

Depuis la mise-à-jour de l'éditeur de message, je ne peux plus coloriser les titres de sujet. 

> Dans mon PA, 

> Sur la création d'un sujet, je n'ai rien pour changer la couleur du titre du sujet. 

Est-ce normal ?

[Lixyr]

Polices :
Oui, apparemment c'est normal. C'est en cours d'étude.

[Adam_sfp]

Bon si je reviens à mon propre problème :

N'y a t il donc aucun moyen de changer la couleur de police en mode wysiwyg ? ^^"

De même, toujours aucune solution ?

Bonjour

Vous pouvez tester

A mettre dans gestion des codes javascript.

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

*A la place de "VOTRE CODE COULEUR ICI"
mettre par exemple:
white ou le code couleur: #20DBBF

Cdt.

[Glorio]

Polices :
Oui, apparemment c'est normal. C'est en cours d'étude.

Ok, merci pour la réponse ^_^

[MlleAlys]

Une fois le code collé dans votre feuille de style css, il vous suffit normalement de modifier les couleurs qui y sont, et remplacer rouge, vert, bleu par noir .
Ce qui dans votre cas pourrait donner quelque chose comme ça :

Code:

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

/*couleurs de fond*/
.sceditor-container.ltr.sourceMode, .sceditor-container.ltr.wysiwygMode
{
  background-color : black !important;
}
div.sceditor-toolbar
{
  background-color :black !important;
}
.sceditor-container iframe, .sceditor-container textarea
{
  background-color: black !important;
  border: 1px solid white !important;
  padding: 5px !important;
}
/*fin couleurs des fonds*/

/*couleurs des boites*/
.sceditor-dropdown {
background-color: black !important;
color: white !important;
}
.sceditor-dropdown textarea, .sceditor-dropdown input {
background-color: black !important;
border: 1px solid white;
}
/*fin couleurs des boites*/

/*couleur de police*/
.sceditor-container textarea {
color: white !important;
}
 
/*********************************************FIN APPARENCE NOUVEL EDITEUR*/

Alors là super mieux !
Par contre la police est n'a pas changé c'est toujours noir (j'ai copier votre code), de mieux en mieux merci de votre effort pour le coup de main. Et une fois la police en blanc je serais déja très content et je pourrais enfin polluer mon forum (dommage pour les membres...)

Il est pour le moment impossible de changer la couleur de la police en mode wysiwyg, mais si vous passez en mode source en cliquant sur la dernière icône de la barre d'outil (celle avec la feuille blanche cornée), normalement la police devrait être blanche ^^"

[Lixyr]

Bonjour

Vous pouvez tester

A mettre dans gestion des codes javascript.

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

*A la place de "VOTRE CODE COULEUR ICI"
mettre par exemple:
white ou le code couleur: #20DBBF

Cdt.

Bonjour Adam *.*
J'ai testé mais ça ne fonctionne pas.

[-Light]

Code:

<script type="text/javascript" src="{JSPWD}"></script>
<!-- BEGIN switch_display_menu -->
{UCP_TABS}
<!-- END switch_display_menu -->
{ERROR_BOX}
<form action="{S_PROFILE_ACTION}" {S_FORM_ENCTYPE} method="post" id="register" name="register">
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
<!-- BEGIN switch_informations_menu -->
   <tr>
      <th class="thHead" colspan="3" valign="middle" height="25">{L_REGISTRATION_INFO}{L_MY_PROFILE}</th>
   </tr>
   <tr>
      <td class="row2" colspan="2"><span class="gensmall">{L_ITEMS_REQUIRED}</span></td>
   </tr>
   <!-- BEGIN switch_namechange_disallowed -->
   <tr>
      <td class="row1" width="38%"><span class="gen">{L_USERNAME} : *</span></td>
      <td class="row2"><input type="hidden" name="username" value="{USER&amp;#8288;NAME}" /><span class="gen"><b>{USER&amp;#8288;NAME}</b></span></td>
   </tr>
   <!-- END switch_namechange_disallowed -->
   <!-- BEGIN switch_namechange_allowed -->
   <tr>
      <td class="row1" width="38%"><span class="gen">{L_USERNAME} : *</span></td>
      <td class="row2"><input class="post" type="text" name="username" value="{USER&amp;#8288;NAME}" size="25" maxlength="25" /></td>
   </tr>
   <!-- END switch_namechange_allowed -->

   <!-- BEGIN switch_emailchange_disallowed -->
   <tr>
      <td class="row1"><span class="gen">{L_EMAIL_ADDRESS} : *</span></td>
      <td class="row2"><input type="hidden" name="email" value="{EMAIL}" /><span class="gen"><b>{EMAIL}</b></span></td>
   </tr>
   <!-- END switch_emailchange_disallowed -->
   <!-- BEGIN switch_emailchange_allowed -->
   <tr>
      <td class="row1"><span class="gen">{L_EMAIL_ADDRESS} : *</span></td>
      <td class="row2"><input class="post" type="text" name="email" value="{EMAIL}" size="25" maxlength="64" /></td>
   </tr>
   <!-- END switch_emailchange_allowed -->

   <!-- BEGIN switch_change_password -->
   <tr>
      <td class="row1"><span class="gen">{L_CHANGE_PASSWORD} :</span></td>
      <td class="row2"><a href="{LINK_FOR_PASSWD_CHANGE}" target="_blank" class="gen"><b>&lt; {L_MODIFY} &gt;</b></a></td>
   </tr>
        <!-- END switch_change_password -->

   <!-- BEGIN switch_profile_fields -->
      <tr>
         <th class="thSides" colspan="2" valign="middle" height="25">{switch_informations_menu.switch_profile_fields.L_PROFILE_FIELDS}</th>
      </tr>
      <!-- BEGIN field -->
      <tr>
         <td class="gen row1" align="left">
            <span>{switch_informations_menu.switch_profile_fields.field.NAME}</span>
         </td>
         <td class="gensmall row2">
            {switch_informations_menu.switch_profile_fields.field.OBJECT}<br />
            <span class="gensmall">{switch_informations_menu.switch_profile_fields.field.DESCRIPTION}</span>
         </td>
      </tr>
      <!-- END field -->
   <!-- END switch_profile_fields -->

   <!-- BEGIN switch_confirm -->
   <tr>
      <td class="row1" colspan="2" align="center"><span class="gensmall">{L_CONFIRM_CODE_IMPAIRED}</span><br />
      <br />
      {CONFIRM_IMG}<br />
      <br />
      </td>
   </tr>
   <tr>
      <td class="row1"><span class="gen">{L_CONFIRM_CODE} : *</span><br /><span class="gensmall">{L_CONFIRM_CODE_EXPLAIN}</span></td>
      <td class="row2"><input class="post" type="text" name="confirm_code" value="" size="6" maxlength="6" /></td>
   </tr>
   <!-- END switch_confirm -->
   <!-- BEGIN switch_register_not_display -->
      <!-- BEGIN switch_unsubscribe_allowed -->
      <tr>
         <td class="row1"><span class="gen">{L_DELETE}</span></td>
         <td class="row2"><input type="checkbox" name="delete_user" /><span class="gensmall">{L_DELETE_EXPLAIN}</span></td>
      </tr>
      <!-- END switch_unsubscribe_allowed -->
   <!-- END switch_register_not_display -->
      

<!-- END switch_informations_menu -->

<!-- BEGIN switch_confirm_password -->
<tr>
        <th class="thHead" colspan="3" valign="middle" height="25">{L_REGISTRATION_INFO}</th>
</tr>
<tr>
        <td class="row1">
                <span class="gen">{L_CURRENT_PASSWORD} : *</span><br />
                        <span class="gensmall">{L_CONFIRM_PASSWORD_EXPLAIN}</span>
                </td>
        <td class="row2"><input class="post" type="password" name="cur_password" value="{CUR_PASSWORD}" size="25" maxlength="25" /></td>
</tr>
<!-- END switch_confirm_password -->
<!-- BEGIN switch_confirm_password_new -->
<tr>
        <td class="row1"><span class="gen">{L_NEW_PASSWORD} : *</span><br /><span class="gensmall">{L_PASSWORD_IF_CHANGED}</span></td>
        <td class="row2">
                <input class="post left" type="password" name="new_password" value="{NEW_PASSWORD}" size="25" maxlength="25" />
                <div id="cont_pwd">
                        <div class="pwd_img" id="pwd_bad" >{BAD_LEVEL_PWD}</div>
                        <div class="pwd_img" id="pwd_middle" >{GOOD_LEVEL_PWD}</div>
                        <div class="pwd_img" id="pwd_good" >{STRONG_LEVEL_PWD}</div>
                </div>
        </td>
</tr>
<tr>
        <td class="row1"><span class="gen">{L_CONFIRM_PASSWORD} : *</span><br /><span class="gensmall">{L_PASSWORD_CONFIRM_IF_CHANGED}</span></td>
        <td class="row2">
         <input class="post" type="password" name="password_confirm" value="{PASSWORD_CONFIRM}" size="25" maxlength="25" />
            <input type="hidden" name="change_password" value="change_password" />
      </td>
</tr>
<!-- END switch_confirm_password_new -->

<!-- BEGIN switch_preferences_menu -->
   <tr>
      <th class="thSides" colspan="2" valign="middle" height="25">{L_PREFERENCES}</th>
   </tr>
   <tr>
      <td class="row1"><span class="gen">{L_PUBLIC_VIEW_EMAIL} :</span></td>
      <td class="row2" width="400">
         <label class="gen"><input type="radio" name="viewemail" value="1" {VIEW_EMAIL_FORM} /><span class="gen">{L_YES}</span></label>  
         <!-- BEGIN switch_enable_mail_view --><label class="gen"><input type="radio" name="viewemail" value="1" {VIEW_EMAIL_FORM} /><span class="gen">{L_FORM}</span></label>  
         <label class="gen"><input type="radio" name="viewemail" value="1" {VIEW_EMAIL_MAILTO} />{L_MAILTO}</label>  
         <!-- END switch_enable_mail_view --><label class="gen"><input type="radio" name="viewemail" value="0" {VIEW_EMAIL_NO} />{L_NO}</label>
      </td>
   </tr>
   <!-- BEGIN switch_view_pm -->
   <tr>
      <td class="row1"><span class="gen">{L_PUBLIC_VIEW_MP} :</span></td>
      <td class="row2" width="400">
         <label class="gen"><input type="radio" name="view_pm" value="1" {VIEW_MP_YES} />{L_YES}</label>  
         <label class="gen"><input type="radio" name="view_pm" value="0" {VIEW_MP_NO} />{L_NO}</label>  
      </td>
   </tr>
   <!-- END switch_view_pm -->
   <!-- BEGIN switch_profile_advanced -->
   <tr>
      <td class="row1"><span class="gen">{switch_preferences_menu.switch_profile_advanced.L_ALLOW_PROFILE_MSGS} :</span></td>
      <td class="row2" width="400">
         <label class="gen"><input type="radio" name="profilemsgs" value="2" {switch_preferences_menu.switch_profile_advanced.PROFILE_MSGS_ALL} />{L_ALL_USERS}</label>  
         <label class="gen"><input type="radio" name="profilemsgs" value="1" {switch_preferences_menu.switch_profile_advanced.PROFILE_MSGS_FRIENDS} />{L_MY_FRIENDS}</label>  
         <label class="gen"><input type="radio" name="profilemsgs" value="0" {switch_preferences_menu.switch_profile_advanced.PROFILE_MSGS_NONE} />{L_NO_ONE}</label>  
         <label class="gen"><input type="radio" name="profilemsgs" value="-1" {switch_preferences_menu.switch_profile_advanced.PROFILE_MSGS_HIDE} />{L_HIDE_TAB}</label>
      </td>
   </tr>
   <!-- END switch_profile_advanced -->
   <!-- BEGIN switch_fb_connect -->
   <tr>
      <td class="row1 fb"><span class="gen">{switch_preferences_menu.switch_fb_connect.L_FB_LINK_ACCOUNT} :</span></td>
      <td class="row2 fb" width="400">
         <!-- BEGIN switch_fb_account_linked -->
         <span class="gen">{switch_preferences_menu.switch_fb_connect.switch_fb_account_linked.L_FB_ACCOUNT_LINKED}</span>
         <!-- END switch_fb_account_linked -->
         <!-- BEGIN switch_fb_account_not_linked -->
         <fb:login-button size="medium" onlogin="facebook_link()" v="2">{switch_preferences_menu.switch_fb_connect.switch_fb_account_not_linked.L_FB_LOGIN_BUTTON}</fb:login-button>
         <!-- END switch_fb_account_not_linked -->
         <!-- BEGIN switch_fb_account_test -->
         {switch_preferences_menu.switch_fb_connect.switch_fb_account_test.FB_LOGIN}
         <!-- END switch_fb_account_test -->
      </td>
   </tr>
   <!-- BEGIN switch_fb_account_linked -->
   <tr>
      <td class="row1"><span class="gen">{switch_preferences_menu.switch_fb_connect.switch_fb_account_linked.L_UNLINK_FB_ACCOUNT_EXPLAIN} :</span></td>
      <td class="row2" width="400">
         <label class="gen"><input type="radio" name="unlink_fb_account" value="1" />{L_YES}</label>  
         <label class="gen"><input type="radio" name="unlink_fb_account" value="0"  checked="checked" />{L_NO}</label>  
      </td>
   </tr>
   <!-- END switch_fb_account_linked -->
   <!-- END switch_fb_connect -->
   <tr>
      <td class="row1"><span class="gen">{L_NEWSLETTER_ACCEPT} :</span><br /><span class="gensmall">{L_NEWSLETTER_ACCEPT_EXPLAIN}</span></td>
      <td class="row2" width="400">
         <label class="gen"><input type="radio" name="newsletter" value="1" {NEWSLETTER_YES} />{L_YES}</label>  
         <label class="gen"><input type="radio" name="newsletter" value="0" {NEWSLETTER_NO} />{L_NO}</label>  
      </td>
   </tr>
   <tr>
      <td class="row1"><span class="gen">{L_HIDE_USER} :</span></td>
      <td class="row2">
         <label class="gen"><input type="radio" name="hideonline" value="1" {HIDE_USER_YES} />{L_YES}</label>  
         <label class="gen"><input type="radio" name="hideonline" value="0" {HIDE_USER_NO} />{L_NO}</label>
      </td>
   </tr>
   <tr>
      <td class="row1"><span class="gen">{L_NOTIFY_ON_REPLY} :</span><br /><span class="gensmall">{L_NOTIFY_ON_REPLY_EXPLAIN}</span></td>
      <td class="row2">
         <label class="gen"><input type="radio" name="notifyreply" value="1" {NOTIFY_REPLY_YES} />{L_YES}</label>  
         <label class="gen"><input type="radio" name="notifyreply" value="0" {NOTIFY_REPLY_NO} />{L_NO}</label>
      </td>
   </tr>
   <tr>
      <td class="row1"><span class="gen">{L_NOTIFY_ON_PRIVMSG} :</span></td>
      <td class="row2">
         <label class="gen"><input type="radio" name="notifypm" value="1" {NOTIFY_PM_YES} />{L_YES}</label>  
         <label class="gen"><input type="radio" name="notifypm" value="0" {NOTIFY_PM_NO} />{L_NO}</label>
      </td>
   </tr>
   <!-- BEGIN switch_can_disable_mass_pm -->
   <tr>
      <td class="row1"><span class="gen">{L_ENABLE_MASS_PM} :</span><br /><span class="gensmall">{L_ENABLE_MASS_PM_EXPLAIN}</span></td>
      <td class="row2">
         <label class="gen"><input type="radio" name="allow_mass_pm" value="4" {ALLOW_MASS_PM_NOTIFY_CHECKED} />{L_YES}</label>  
         <label class="gen"><input type="radio" name="allow_mass_pm" value="2" {ALLOW_MASS_PM_CHECKED} /><span class="gen">{L_NO}</span></label>  
         <label class="gen"><input type="radio" name="allow_mass_pm" value="0" {DISABLE_MASS_PM_CHECKED} /><span class="gen">{L_NO_MASS_PM}</span></label>
      </td>
   </tr>
   <!-- END switch_can_disable_mass_pm -->
   <!-- BEGIN switch_notify_subscriptions -->
   <tr>
      <td class="row1"><span class="gen">{L_NOTIFY_SUBSCRIPTIONS} :</span></td>
      <td class="row2">
         <label class="gen"><input type="radio" name="notify_subscriptions" value="1" {NOTIFY_SUBSCRIPTIONS_YES} />{L_YES}</label>  
         <label class="gen"><input type="radio" name="notify_subscriptions" value="0" {NOTIFY_SUBSCRIPTIONS_NO} />{L_NO}</label>
      </td>
   </tr>
   <!-- END switch_notify_subscriptions -->
   <tr>
      <td class="row1"><span class="gen">{L_POPUP_ON_PRIVMSG} :</span><br /><span class="gensmall">{L_POPUP_ON_PRIVMSG_EXPLAIN}</span></td>
      <td class="row2">
         <label class="gen"><input type="radio" name="popup_pm" value="1" {POPUP_PM_YES} />{L_YES}</label>  
         <label class="gen"><input type="radio" name="popup_pm" value="0" {POPUP_PM_NO} />{L_NO}</label>
      </td>
   </tr>
   <tr>
      <td class="row1">
         <span class="gen">{L_NOTIFY_POST_PREVENT} :</span><br />
         <span class="gensmall">{L_NOTIFY_POST_PREVENT_EXPLAIN}</span>
      </td>
      <td class="row2">
         <label class="gen"><input type="radio" name="post_prevent" value="1" {POST_PREVENT_YES} />{L_YES}</label>  
         <label class="gen"><input type="radio" name="post_prevent" value="0" {POST_PREVENT_NO} />{L_NO}</label>
      </td>
   </tr>
   <!-- BEGIN switch_report -->
   <tr>
      <td class="row1"><span class="gen">{switch_preferences_menu.switch_report.L_NO_REPORT_POPUP} :</span></td>
         <td class="row2">
         <label class="gen"><input type="radio" name="no_report_popup" value="0" {switch_preferences_menu.switch_report.NO_REPORT_POPUP_YES} />{L_YES}</label>  
         <label class="gen"><input type="radio" name="no_report_popup" value="1" {switch_preferences_menu.switch_report.NO_REPORT_POPUP_NO} />{L_NO}</label>
      </td>
   </tr>
   <tr>
         <td class="row1"><span class="gen">{switch_preferences_menu.switch_report.L_NO_REPORT_MAIL} :</span></td>
         <td class="row2">
         <label class="gen"><input type="radio" name="no_report_mail" value="0" {switch_preferences_menu.switch_report.NO_REPORT_MAIL_YES} />{L_YES}</label>  
         <label class="gen"><input type="radio" name="no_report_mail" value="1" {switch_preferences_menu.switch_report.NO_REPORT_MAIL_NO} />{L_NO}</label>
      </td>
   </tr>
   <!-- END switch_report -->
   <tr>
      <td class="row1"><span class="gen">{L_ALWAYS_ADD_SIGNATURE} :</span></td>
      <td class="row2">
         <label class="gen"><input type="radio" name="attachsig" value="1" {ALWAYS_ADD_SIGNATURE_YES} />{L_YES}</label>  
         <label class="gen"><input type="radio" name="attachsig" value="0" {ALWAYS_ADD_SIGNATURE_NO} />{L_NO}</label>
      </td>
   </tr>
   <tr>
      <td class="row1"><span class="gen">{L_ALWAYS_ALLOW_BBCODE} :</span></td>
      <td class="row2">
         <label class="gen"><input type="radio" name="allowbbcode" value="1" {ALWAYS_ALLOW_BBCODE_YES} />{L_YES}</label>  
         <label class="gen"><input type="radio" name="allowbbcode" value="0" {ALWAYS_ALLOW_BBCODE_NO} />{L_NO}</label>
      </td>
   </tr>
   <tr>
      <td class="row1"><span class="gen">{L_ALWAYS_ALLOW_HTML} :</span></td>
      <td class="row2">
         <label class="gen"><input type="radio" name="allowhtml" value="1" {ALWAYS_ALLOW_HTML_YES} />{L_YES}</label>  
         <label class="gen"><input type="radio" name="allowhtml" value="0" {ALWAYS_ALLOW_HTML_NO} />{L_NO}</label>
      </td>
   </tr>
   <tr>
      <td class="row1"><span class="gen">{L_ALWAYS_ALLOW_SMILIES} :</span></td>
      <td class="row2">
         <label class="gen"><input type="radio" name="allowsmilies" value="1" {ALWAYS_ALLOW_SMILIES_YES} />{L_YES}</label>  
         <label class="gen"><input type="radio" name="allowsmilies" value="0" {ALWAYS_ALLOW_SMILIES_NO} />{L_NO}</label>
      </td>
   </tr>
   <tr>
      <td class="row1"><span class="gen">{L_BOARD_LANGUAGE} :</span></td>
      <td class="row2"><span class="gensmall">{LANGUAGE_SELECT}</span></td>
   </tr>
   <tr>
      <td class="row1"><span class="gen">{L_TIMEZONE} :</span></td>
      <td class="row2"><span class="gensmall">{TIMEZONE_SELECT}</span></td>
   </tr>
   <tr>
      <td class="row1"><span class="gen">{L_DATE_FORMAT} :</span></td>
      <td class="row2">{DATE_FORMAT}<br />
         <span class="gensmall">{CURRENT_TIME}</span>
      </td>
   </tr>
<!-- END switch_preferences_menu -->
<!-- BEGIN switch_avatar_block -->
   <tr>
      <th class="thSides" colspan="2" valign="middle" height="12">{L_AVATAR_PANEL}</th>
   </tr>
   <tr>
      <td class="row1" colspan="2">
         <table width="70%" border="0" cellspacing="2" cellpadding="0">
            <tr>
               <td width="65%"><span class="gensmall">{L_AVATAR_EXPLAIN}</span></td>
               <td align="center">
                  <span class="gensmall">{L_CURRENT_IMAGE}</span><br />
                  {AVATAR}<br />
                  <input type="checkbox" name="avatardel"> <span class="gensmall">{L_DELETE_AVATAR}</span>
               </td>
            </tr>
         </table>
      </td>
   </tr>

   <!-- BEGIN switch_avatar_local_upload -->
   <tr>
      <td class="row1"><span class="gen">{L_UPLOAD_AVATAR_FILE} :</span></td>
      <td class="row2"><input class="post" type="file" name="avatar"></td>
   </tr>
   <!-- END switch_avatar_local_upload -->
   <!-- BEGIN switch_avatar_remote_upload -->
   <tr>
      <td class="row1"><span class="gen">{L_UPLOAD_AVATAR_URL} :</span><br /><span class="gensmall">{L_UPLOAD_AVATAR_URL_EXPLAIN}</span></td>
      <td class="row2"><input class="post" type="text" name="avatarurl" size="40" maxlength="100" /></td>
   </tr>
   <!-- END switch_avatar_remote_upload -->
   <!-- BEGIN switch_avatar_remote_link -->
   <tr>
      <td class="row1"><span class="gen">{L_LINK_REMOTE_AVATAR} :</span><br /><span class="gensmall">{L_LINK_REMOTE_AVATAR_EXPLAIN}</span></td>
      <td class="row2"><input class="post" type="text" name="avatarremoteurl" size="40" maxlength="100" /></td>
   </tr>
   <!-- END switch_avatar_remote_link -->
   <!-- BEGIN switch_avatar_local_gallery -->
   <tr>
      <td class="row1"><span class="gen">{L_AVATAR_GALLERY} :</span></td>
      <td class="row2"><input class="liteoption" type="submit" name="avatargallery" value="{L_SHOW_GALLERY}" /></td>
   </tr>
   <!-- END switch_avatar_local_gallery -->
<!-- END switch_avatar_block -->

<tr>
    <td class="catBottom" colspan="3" align="center" height="28">{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="submit" value="{L_SUBMIT}"  /> <input class="liteoption" type="reset" name="reset" value="{L_RESET}" /></td>
</tr>

</table>
</form>
<script type="text/javascript">
$(function(){
   $('input[name=reset]').click(function(){
        $("#pwd_good,#pwd_middle,#pwd_bad").hide();
    });
    $('input[name=new_password],input[name=username]').keyup(function() {
        if ( $('input[name=new_password]').val() != "" )
        {
            var level = passwordStrength($('input[name=new_password]').val(),$('input[name=username]').val());
        switch(level)
        {
            case 'bad' :
                $("#pwd_middle,#pwd_good").hide();
                $("#pwd_bad").show();
                break;
            case 'good' :
                $("#pwd_good,#pwd_bad").hide();
                $("#pwd_middle").show();
                break;
            case 'strong' :
                $("#pwd_middle,#pwd_bad").hide();
                $("#pwd_good").show();
                break;
            }
        }
        else
        {
            $("#pwd_middle,#pwd_good,#pwd_bad").hide();
        }
    });
});
</script>
<!-- BEGIN switch_preferences_menu -->
<!-- BEGIN switch_fb_connect -->
<div id="fb-root"></div>
<script type="text/javascript">
//<![CDATA[
FB.init({
   appId: '{switch_preferences_menu.switch_fb_connect.FACEBOOK_APP_ID}',
   status: true,
   cookie: true,
   xfbml: true,
   oauth: true
});
//]]>
</script>
<!-- END switch_fb_connect -->
<!-- END switch_preferences_menu -->

Voilà voilà, Lixyr !

[MlleAlys]

Bon si je reviens à mon propre problème :

N'y a t il donc aucun moyen de changer la couleur de police en mode wysiwyg ? ^^"

De même, toujours aucune solution ?

Bonjour

Vous pouvez tester

A mettre dans gestion des codes javascript.

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

*A la place de "VOTRE CODE COULEUR ICI"
mettre par exemple:
white ou le code couleur: #20DBBF

Cdt.

MERCI BEAUCOUP ça FONCTIONNE !!!!!!! \o/ \o/ \o/

seul bémol : le curseur reste noir ^^

[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

[MlleAlys]

merci beaucoup !
y a t il un moyen de modifier en même temps la couleur du curseur ? ^^

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

[Lixyr]

-Light :

J'ai tes templates, ton css, et pas de soucis chez moi.
Au hasard, essaie de supprimer tes cookies et ton cache ? Dans l'historique de ton navigateur, quand tu veux supprimer l'historique, coche aussi pour supprimer aussi le cache et les cookies ? Ensuite relance ton navigateur, et dis-moi si tu as encore un problème d'affichage.

[T800]

Une fois le code collé dans votre feuille de style css, il vous suffit normalement de modifier les couleurs qui y sont, et remplacer rouge, vert, bleu par noir .
Ce qui dans votre cas pourrait donner quelque chose comme ça :

Code:

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

/*couleurs de fond*/
.sceditor-container.ltr.sourceMode, .sceditor-container.ltr.wysiwygMode
{
  background-color : black !important;
}
div.sceditor-toolbar
{
  background-color :black !important;
}
.sceditor-container iframe, .sceditor-container textarea
{
  background-color: black !important;
  border: 1px solid white !important;
  padding: 5px !important;
}
/*fin couleurs des fonds*/

/*couleurs des boites*/
.sceditor-dropdown {
background-color: black !important;
color: white !important;
}
.sceditor-dropdown textarea, .sceditor-dropdown input {
background-color: black !important;
border: 1px solid white;
}
/*fin couleurs des boites*/

/*couleur de police*/
.sceditor-container textarea {
color: white !important;
}
 
/*********************************************FIN APPARENCE NOUVEL EDITEUR*/

Alors là super mieux !
Par contre la police est n'a pas changé c'est toujours noir (j'ai copier votre code), de mieux en mieux merci de votre effort pour le coup de main. Et une fois la police en blanc je serais déja très content et je pourrais enfin polluer mon forum (dommage pour les membres...)

Il est pour le moment impossible de changer la couleur de la police en mode wysiwyg, mais si vous passez en mode source en cliquant sur la dernière icône de la barre d'outil (celle avec la feuille blanche cornée), normalement la police devrait être blanche ^^"

Merci beaucoup !!! super boulot ! Bravos !

[KRISTOF.T]

je suis désolé, j ai dejà passé je ne sais combien de temps a lire les post lié au problème, mais sans trouver de réponse...

Mon probleme est le suivant, ou un de mes problèmes...

mon forum a un fond noire, la police d'ecriture est blanche... avant la maj la zone de saisie était grise.... comment retrouver cette couleur.

merci de votre aide.

cordialement KRISTOF.T

[MlleAlys]

mon forum a un fond noire, la police d'ecriture est blanche... avant la maj la zone de saisie était grise.... comment retrouver cette couleur.

Avez vous essayé les codes de ce message ou un code similaire ? https://forum.forumactif.com/t352532-topic-uniqueapparence-du-nouvel-editeur-de-messages#3002396

[Lixyr]

Code:

body.chatbox #chatbox_option_with_archives {
            display: none !important;
    }
a.postlink:link{
 text-decoration: none;
 color : #5457BA }
   .quote{
 font-family: Verdana,Arial,Helvetica,sans-serif;
 font-size: 13px;
 color: #000000;
 line-height: 125%;
 background-color: #CCCCCC;
 border: #000000;
 border-style: inset;
 border-left-width: 3px;
 border-top-width: 3px;
 border-right-width: 3px;
 border-bottom-width: 3px}
.code{
 font-family: Courier,CourierNew,sans-serif;
 font-size: 13px;
 color: #000000;
 background-color: #CCCCCC;
 border: #OOOOOO;
 border-style: groove;
 border-left-width: 2pxborder-top-width: 1px;
 border-right-width: 2px;
 border-bottom-width: 2px;
 }
.spoiler{
 font-family: Courier,CourierNew,sans-serif;
 font-size: 13px;
 color: #000000;
 background-color: #CCCCCC;
 border: #OOOOOO;
 border-style: solid;
 border-left-width: 2pxborder-top-width: 1px;
 border-right-width: 2px;
 border-bottom-width: 2px;
 }
        /*******************************************/
        /* CODE DE POP-UP DE CONNEXION
        /*******************************************/
        #login_popup > table {
          background: url("http://img71.xooimage.com/files/d/c/0/poplogin_bg-top-30054ce.png") no-repeat;
          width: 570px;
        }
        
       #login_popup .titre td {
          height: 90px;
          font: bold italic 25px/1.5em Georgia, Arial, serif;
          color: #f9f5f1;
          text-shadow: 0 2px #532831;
          text-align: center;
        }
        
       #login_popup .message {
          background: url("http://img72.xooimage.com/files/4/1/f/poplogin_bg-layout-30054d0.png") repeat-y center top;
        }
        
       #login_popup .message td {
          min-height: 10px;
          display: block;
          width: 420px;
          margin: auto;
          color: #785547;
          text-align: center;
          font: 14px "Trebuchet MS", Arial, serif;
        }
        
       #login_popup .boutons {
          margin-top: -1px;
        }
        
       #login_popup .boutons td {
          padding: 15px 0 25px;
          display: block;
          width: 460px;
          margin: auto;
          text-align: center;
          background: url("http://img69.xooimage.com/files/6/3/6/poplogin_bg-bottom-30054e3.png") no-repeat center bottom;
          border-radius: 0 0 10px 10px;
        }
        
       #login_popup input {
          background: url("http://img67.xooimage.com/files/d/5/d/poplogin_bg-btn-300545a.png") repeat-x left top;
          height: 32px;
          padding: 0 10px;
          border-radius: 5px;
          border: 1px solid #5f2d37;
          box-shadow: 0 1px 0 #928276;
          color: #edd9c9;
          text-shadow: 0 1px #532831;
          font: italic 16px/1.5em Georgia, serif;
          cursor: pointer;
        }
        
       #login_popup input + input {
          margin-left: 5px;
        }
        
       #login_popup input:hover {
          background-position: left bottom;
          color: #f7f0ea;
        }
        body{
            background-position: top center;
            background-repeat: no-repeat;
            background-attachment: fixed;
        }

        #toolbarinfo {
            background: orange;
            left: 0;
            position: fixed;
            top: 0;
            width: 100%;
      text-align: center;
        }
            textarea, input[type="text"], select {
                border: 1px solid #0091FF !important;
                box-shadow: 1px 1px 1px white;
            }
        
           textarea:hover {
                border: 1px solid #FFA34F !important;
                box-shadow: 1px 1px 3px #FFA34F;
            }
        
           textarea:focus {
                border: 1px solid #0091FF !important;
                box-shadow: 1px 1px 5px #0091FF !important;
            }
        .cadre1 {
        border-radius: 15px;
        border: solid #AAAAAA;
        font-size: 11px;
        font-family: Arial;
        }
        .doublepost { border-top: 1px solid #888888 }
        #menu ul {
        margin: 0;
        padding: 0;
        list-style-type: none;
        }
        /*liste des menus*/
        #menu ul{padding: 0px;
            list-style-type: none;
        margin: 0px;
        }
        
       /*positionnement des menus*/
        #menu dl {
            float: left;
    position : center;
            width: 180px;}
        
       /*menus*/
        #menu dt {
            color: black;
            text-align: center;
            cursor: pointer;
            font-weight: bold;
            background: #FFFFFF;
            border: 1px solid black;
            margin: 0px;}
        
       /*menus au survol*/
        #menu dt:hover{
            border-bottom: none!important;}
        
       /*liste des sous-menus*/
        #menu dd {
            display: none;
            border: 1px solid gray;
            border-top: none!important;
            background: #FFFFFF;
            margin: 0px;
            padding: 0px;
            list-style-type: none;}
        
       #menu li {
            text-align: center;
            background: black;
            margin: 0px;
            padding: 0px;
            list-style-type: none;}
        
       /* liens des sous-menus*/
        #menu li a, #menu dt a {
            color: black;
            background: #d9c5c5;
            text-decoration: none;
            display: block;
            height: 100%;
            border: 0 none;
            margin: 0px;
            padding: 0px;
            list-style-type: none;}
        
       /*liens des sous-menus au survol*/
        #menu li a:hover, #menu li a:focus, #menu dt a:hover, #menu dt a:focus {
            color: white;
            text-align: center;
            width: 150px;
            cursor: pointer;
            font-weight: bold;
            background: black;
            margin: 0px;
            padding: 0px;
            list-style-type: none;}

J'ai testé, pas de soucis. As-tu bien réalisé les modifications des templates ?

[Tech]

Bonjour Polices,

Le problème a été résolu hier normalement. Avez-vous modifié le template posting_body ?

Cordialement.