Problème avec le texte de l'éditeur

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Problème avec le texte de l'éditeur

Message par Symphony Lips le Mar 18 Juin 2013 - 20:19

Bonjour, 

Je voulais savoir comment je pouvais faire pour mon CSS, pour que quand l'éditeur n'est pas en mode source, mon message soit lisible. 

En mode source : 


En mode normal d'édition : (Le texte du blblbblblblblblb est en noir. >.<' Donc illisible)


Mon CSS : 
Code:
/***********************************************APPARENCE NOUVEL EDITEUR*/
        
        
       /*général*/
       .sceditor-container {
           width: 100% !important;  /********************************largeur de l'édieur*/
           text-align: center;
           border: none !important;
       }
       .sceditor-container.ltr.wysiwygMode, .sceditor-container.ltr.sourceMode {
           background-image:url("http://img11.hostingpics.net/pics/445771boisfonc.jpg");  /****couleur de fond global de l'éditeur*/
           color: #9B7D45 !important;
       }
       /*fin général*/
        
        
       /*toolbar*/
        div.sceditor-toolbar {
           background-color: #1A0D08 !important;  /************couleur de fond de la toolbar*/
           border: none !important;
       }
       div.sceditor-group {
           background-color: #2E1A0B !important;  /*couleur de fond des groupes de boutons*/
           border: none !important;
       }
       a.sceditor-button {
           background-color: #1A0D08 !important;  /************couleur de fond des boutons*/
           margin: 0.5px; /*************************espace entre les boutons dans un groupe*/
       }
       a.sceditor-button.hover, .sceditor-button.active {
           background-color: #1A0D08 !important;  /***couleur de fond des bouton surlignés*/
       }
       /*fin toolbar*/
        
           /*zone de texte*/
       div.sceditor-container iframe, div.sceditor-container textarea {
           background-color: #1A0D08 !important;   /****couleur de fond de la zone de texte*/
           border: 1px solid #2E1A0B !important; /*couleur de la bordure de la zone de texte*/
           width: 95% !important; /***************************largeur de la zone de texte*/
           color: #9B7D45 !important;   /*************couleur de la police (en mode source)*/
           font-size: 12px !important;   /***********taille de la police (encmode source)*/
           padding: 5px !important;
       }

       .sceditor-container iframe, .sceditor-container textarea {
           background-color: #1A0D08 !important;   /****couleur de fond de la zone de texte*/
           border: 1px solid #2E1A0B !important; /*couleur de la bordure de la zone de texte*/
           width: 95% !important; /***************************largeur de la zone de texte*/
           color: #9B7D45 !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*/
        
       /*encadré de saisie quand on clique sur un bouton*/
       .sceditor-dropdown {
           background-image:url("http://img11.hostingpics.net/pics/445771boisfonc.jpg");  /**************couleur de fond de l'encadré*/
       }
       .sceditor-dropdown, .sceditor-dropdown label, .sceditor-dropdown .button {
           color: #9B7D45 !important;   /*****************couleur de la police dans l'encadré*/
       }
       .sceditor-dropdown textarea, .sceditor-dropdown input {
           background-color: #9B7D45 !important;  /******couleur de fond des zones de saisie*/
       }
       /*fin encadré de saisie*/
        
       /*smileys*/
        .sceditor-emoticons .smiley {
           width: auto !important;
           height: auto !important;
           max-width: 40px !important;  /************************largeur max d'un smiley*/
           max-height: 40px !important;  /***********************hauteur mex d'un smiley*/
       }
       .sceditor-dropdown.sceditor-emoticons {
           max-height: 200px;  /********************hauteur max de la fenêtre des smileys*/
           max-width: 200px; /**********************largeur max de le fenêtre des smileys*/
           overflow: auto;
       }
       /*fin smileys*/
        
       /*********************************************FIN APPARENCE NOUVEL EDITEUR*/

Et je voulais savoir comment je pouvais personnaliser le prévisualiser et le envoyer ? Si il est possible de mettre une image à la place ou si je peux le remanier ?

Merciii d'avance de votre aide.


Dernière édition par Symphony Lips le Jeu 20 Juin 2013 - 0:24, édité 1 fois

Symphony Lips
**

Messages : 85
Inscrit(e) le : 13/06/2010

http://vamp-city.forum2ouf.com/
Symphony Lips a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec le texte de l'éditeur

Message par Matriochka le Mar 18 Juin 2013 - 20:39

Bonsoir,

Pour le mode d’édition :
http://forum.forumactif.com/t352843-comment-enclencher-par-defaut-le-bouton-basculer-le-mode-d-edition

Pour les boutons, tu peux les personnaliser depuis le CSS en utilisant ces identifiants :
Code:
input.liteoption, input.mainoption

Matriochka
+ Hyperactif +

Messages : 7604
Inscrit(e) le : 14/07/2010

Matriochka a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec le texte de l'éditeur

Message par Symphony Lips le Mer 19 Juin 2013 - 0:35

C'est bon merciiii. Vu que c'est toujours avec l'éditeur ? Il y a aussi une solution pour éviter que les smileys se dédouble quand on passe dessus ? J'ai pas trouvé de sujet pour ça. >-<'

Merci de votre aide. Very Happy

Symphony Lips
**

Messages : 85
Inscrit(e) le : 13/06/2010

http://vamp-city.forum2ouf.com/
Symphony Lips a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Problème avec le texte de l'éditeur

Message par girus79 le Jeu 20 Juin 2013 - 0:16

Si, il y a un tuto à ce sujet.

http://forum.forumactif.com/t352754-modifier-l-apparence-de-l-editeur


Le code pour éviter le dédoublement :
Supprimer le dédoublement de smileys et autres soucis liés
- Allez dans Modules > Gestion des codes javascript
- 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 ("smileys" par exemple)
- Cochez "sur toutes les pages" pour le placement,
- Puis dans la zone de saisie collez ce code :

Code:
$(function(){ $(function() {  $(".sceditor-button-emoticon").click(function() {    $(".smiley").unbind("hover")  })})});

girus79
*

Masculin
Messages : 48
Inscrit(e) le : 30/04/2009

http://detectionpoitouchare.forumactif.com/
girus79 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec le texte de l'éditeur

Message par Symphony Lips le Jeu 20 Juin 2013 - 0:24

Merciiii de votre aide. <3
tout est bon à ce niveau. Very Happy

Symphony Lips
**

Messages : 85
Inscrit(e) le : 13/06/2010

http://vamp-city.forum2ouf.com/
Symphony Lips a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum