[Topic Unique] Apparence du nouvel éditeur de messages

[Anzu]

Rappel du premier message :

Bonjour, suite à cette MAJ, des problèmes ont été constatés, notamment au niveau de l'apparence. (suppression de boutons, changement de couleur, etc)


Si vous avez des problèmes à ce niveau, merci de bien vouloir poster à la suite de ce message.


- Merci de ne PAS POSTER des commentaires inutiles, ceux ci seront immédiatement supprimés.

- Merci de bien vouloir préciser la version du forum concernée.

- N'hésitez pas à fournir des captures d'écran si nécessaire.

Bonjour, --------------------- Compte rendu ! --------------------- Votre problème vient de la dernière Mise à jour de l'éditeur. Voici les "Topic Unique" qui traitent des différents souci : - [Topic Unique] Apparence du nouvel éditeur de messages - [Topic Unique] HTML - Nouvel éditeur de messages - [Topic Unique] Abscence des boutons de l'éditeur - [Topic Unique] Les Smileys - Nouvel éditeur de message - [Topic Unique] Impossible de sortir du cadre de la citation Un topic de suivi des travaux en cours se trouve ici : Compte rendu du nouvel éditeur ! Un tutoriel d'astuce est aussi en place : Modifier l'apparence de l'éditeur via le CSS Vous avez aussi la possibilité d'attendre la semaine prochaine que les améliorations de cette MAJ soient mises en place par les techniciens.

[Ea]

un spoiler, c'est une information qui gâche une surprise

la balise spoiler permet de "cacher" une telle information, et celui qui désire prendre le risque peut cliquer pour la voir

[Self]

ombrageux a écrit:

Bonjour,

L'arrivée du nouvel éditeur de message fait ressortir un cadre bleu tout autour que je souhaiterais supprimer pour qu'il ne reste que le bleu clair



Est il possible de le faire à partir du panneau d'administration > couleur ou faut il un code CSS pour cela ?*

Dans le second cas quel code CSS devrais-je mettre pour supprimer ce cadre.

Merci d'avance.

Si ce n'est qu'une couleur placé ce code dans votre CSS

Code:

div.qreply{
  Bacground-color:transparent !important
boder: none !important}

Si vous vous rendez compte qu'il y à une image  sa vous donne sa:

Code:

div.qreply{
  Bacground-color:transparent !important
background-image: none !important
boder: none !important}

Neth 64 a écrit:

SeLfde4Th7 C'est justement depuis qu'il y a le nouvel éditeur que mes options ont disparu. (euh, pourquoi ça écrit comme ça?) c'est pour cette raison que j'en parle ici. 

Je comprend bien mais ici les personnes qui aide les autres s'y connaisse pour changer les couleurs, images, formes.
Mais tout ce qui est fonction JS et bouton qui ne fonctionne plus, vous aurez plus de chance à créer votre propre sujet, il me semble que votre problème n'as pas encore été signalé.

[Self]

webab a écrit:

Bonjour,
je ne vais pas ouvrir un sujet spécial
Je n'ai pas encore vu ici mon problème, il date d'aujourd'hui,

impossible d'utiliser le correcteur d'orthographe de Google, quand je clique tout mon message s'efface.

Ça c'est un réel problème
merci de prévenir l'éditeur

J'ai déjà mis ce message ailleurs en espérant avoir une réponse

Bonjour peut être est-ce un problème de compatibilité IE 8.
Avez vous essayez de voir avec un autre navigateur ?

[MlleAlys]

le marsupilami a écrit:

le marsupilami a écrit:

Merci le fond a retrouvé ca couleur. Reste un petit problème c'est que la couleur d’écriture selon la sélection de la dernière touche dans la barre d'icone et blanche ou noire. Il faudrait donc changer la couleur d’écriture  si possible en jaune (#FFF757)

Ce matin on repart a zero. Fond redevenu blanc alors que le css n'a pas été touché depuis hier ....

voila mon CSS qui semble ne plus etre pris en compte. :

Code:

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


/*général*/

.sceditor-container {
  width: 100% !important; /*élargit l'éditeur*/
  text-align: center; !important /*centre zone de texte et boutons*/
  border: none !important; /*retire la bordure autour de l'éditeur*/
}
.sceditor-container.ltr.wysiwygMode, .sceditor-container.ltr.sourceMode {
  background: none !important; /*retire le fond global de  l'éditeur*/
}
/*fin général*/


/*toolbar*/

div.sceditor-toolbar {
  background: none !important; /*retire le fond*/
  border: none !important; /*retire la bordure*/
}
.sceditor-dropdown {
  background-color: #005456 !important;  /******couleur de fond des encadrés quand on clique sur un bouton*/
  background-image: url(URL DE L'IMAGE) !important; /*pour mettre une image de fond, sinon retirer cette ligne */
}
.sceditor-dropdown, .sceditor-dropdown label, .sceditor-dropdown .button {
  color: black !important;  /*couleur de la police dans les encadrés (quand on clique sur un bouton)*/
}
/*fin toolbar*/

/*zones de texte*/

.sceditor-container iframe, .sceditor-container textarea, .sceditor-dropdown textarea, .sceditor-dropdown input {
  background-color: #005456 !important;   /****couleur de fond des zones de texte*/
  border: 1px solid white !important; /************bordure des zones de texte*/
  padding: 5px !important;  /*écartement entre la bordure et le texte*/
  width: 95% !important; /*élargit la zone de texte*/
  color: #B7E6FF !important;   /*************couleur de la police (en mode source et zones de texte)*/
}
/*fin zones de texte*/


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

J'avoue que... je ne sais pas pourquoi cette partie ne semble plus prise en compte, le code fonctionnez et fonctionne toujours parfaitement... Oo
Avez vous, si ce n'est au css, touché à autre chose ? un javascript, ou autre ?
Mais j'ai peur de, moi, ne pas pouvoir vous aider...

[Adminmonforum]

Bonjour,

J'ai lu tous les messages depuis le début, j'ai essayé beaucoup de codes, certains ont fonctionné, d'autres non mais comme ce n'était pas sur des éléments importants, j'ai laissé tomber ...

Par contre, j'ai du passer à côté, pas assez experte certainement, je n'ai encore rien vu pour la taille du texte dans la fenêtre dans laquelle on écrit.

J'ai vu beaucoup de posts pour les couleurs, mais pas pour la taille.

Certains membres de mon forum me disent qu'ils n'ont plus une vue assez bonne pour voir ce qu'il tape, les caractères sont trop petits. Est-il possible d'augmenter la taille des polices ? Et si oui, comment ?

merci de votre réponse

autant pour moi, je viens de trouver un sujet initié par une autre personne qui a le même problème je vais voir les solutions proposées merci ...

non, ben finalement, aucune solution proposée ne fonctionne et je ne peux pas poster dans ce sujet donc, je reviens ici

[le marsupilami]

MlleAlys a écrit:

le marsupilami a écrit:

le marsupilami a écrit:

Merci le fond a retrouvé ca couleur. Reste un petit problème c'est que la couleur d’écriture selon la sélection de la dernière touche dans la barre d'icone et blanche ou noire. Il faudrait donc changer la couleur d’écriture  si possible en jaune (#FFF757)

Ce matin on repart a zero. Fond redevenu blanc alors que le css n'a pas été touché depuis hier ....

voila mon CSS qui semble ne plus etre pris en compte. :

Code:

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


/*général*/

.sceditor-container {
  width: 100% !important; /*élargit l'éditeur*/
  text-align: center; !important /*centre zone de texte et boutons*/
  border: none !important; /*retire la bordure autour de l'éditeur*/
}
.sceditor-container.ltr.wysiwygMode, .sceditor-container.ltr.sourceMode {
  background: none !important; /*retire le fond global de  l'éditeur*/
}
/*fin général*/


/*toolbar*/

div.sceditor-toolbar {
  background: none !important; /*retire le fond*/
  border: none !important; /*retire la bordure*/
}
.sceditor-dropdown {
  background-color: #005456 !important;  /******couleur de fond des encadrés quand on clique sur un bouton*/
  background-image: url(URL DE L'IMAGE) !important; /*pour mettre une image de fond, sinon retirer cette ligne */
}
.sceditor-dropdown, .sceditor-dropdown label, .sceditor-dropdown .button {
  color: black !important;  /*couleur de la police dans les encadrés (quand on clique sur un bouton)*/
}
/*fin toolbar*/

/*zones de texte*/

.sceditor-container iframe, .sceditor-container textarea, .sceditor-dropdown textarea, .sceditor-dropdown input {
  background-color: #005456 !important;   /****couleur de fond des zones de texte*/
  border: 1px solid white !important; /************bordure des zones de texte*/
  padding: 5px !important;  /*écartement entre la bordure et le texte*/
  width: 95% !important; /*élargit la zone de texte*/
  color: #B7E6FF !important;   /*************couleur de la police (en mode source et zones de texte)*/
}
/*fin zones de texte*/


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

J'avoue que... je ne sais pas pourquoi cette partie ne semble plus prise en compte, le code fonctionnez et fonctionne toujours parfaitement... Oo
Avez vous, si ce n'est au css, touché à autre chose ? un javascript, ou autre ?
Mais j'ai peur de, moi, ne pas pouvoir vous aider...

Je n'ai touché a rien du tout après installation et constatation que ca marchait. Je suis le seul a pouvoir aller dans le panneau d'adm donc... Et ce matin retour au fond blanc alors que les css sont bien presents et validés.
Dans la journée j'ai désinstallé puis réinstallé et rien ne change.

[MlleAlys]

le marsupilami a écrit:

(spoiler) MlleAlys a écrit :

Je n'ai touché a rien du tout après installation et constatation que ca marchait. Je suis le seul a pouvoir aller dans le panneau d'adm donc... Et ce matin retour au fond blanc alors que les css sont bien presents et validés.
Dans la journée j'ai désinstallé puis réinstallé et rien ne change.

Je suis désolée, je ne sais pas....
HELP ! Quelqu'un !!  TT-TT

[Lacoste]

SeLfde4Th7 a écrit:

Lacoste a écrit:

Je me permets de relancer ma question car je n'ai pas encore eu de réponse :

Bonjour.

Vu le nombre de pages dans ce topic, peut-être que ma question a déjà été traitée avant. Désolé si je la (re)pose.

Je voudrais changer la couleur du texte qui se trouve dans les déroulants de la taille des caractères et de la police des caractères. Actuellement cette couleur semble être un gris, mais je voudrais avoir des caractères blancs car j'ai choisi une couleur de fond vert foncé.

D'autre part j'aimerais également changer la couleur de fond des fenêtres spoiler et citation qui sont actuellement blanches. Or mes caractères du texte à insérer est de couleur bleu très clair.

Merci d'avance.

Ce code devrais suffir ?

Code:

.sceditor-fontsize-option{
  color:white !important}

Pour les fenêtre je regarde encore.

Le code fourni fonctionne très bien pour le déroulant taille des caractères. Merci
Pouvez-vous m'indiquer le même code pour le déroulant de la police de caractères s.v.p.

Toujours rien trouvé en ce qui concerne la couleur de fond les fenêtres citations et spoiler ?

[MlleAlys]

pour la couleur des polices :

Code:

.sceditor-font-option {
    color: COULEUR !important;
}

si du coup il y a un soucis avec la couleur du fond au passage de la souris, c'est avce ce code là que vous pouvez la modifier :

Code:

.sceditor-dropdown a:hover {
    background: COULEUR !important;
}

pour la couleur de fond des déroulants en général, c'est ce code ci :

Code:

.sceditor-dropdown {
    background-color: COULEUR !important;
}

est ce que tout fonctionne, ou il y a encore un souci quelque part ? ^^

[Self]

SeLfde4Th7 a écrit:

Et pour ce qui est des citation bien souvent c'est des images.
Chercher blockquote dans votre feuille de style css est supprimer le background url et modifié le background color.
Cherche également le blockquote cite par contre cette fois cite le background image correspond normalement à
Donc le supprimer pas, modifié seulement le background-color.

Lacoste: Pour les fenetre cité il faut chercher dans votre feuille de style CSS et faire la manip ci dessus.

La même chose pour ce qui est des spoiler , sauf qu'il faut remplacer "blockquote" par ".spoiler" et "blockquote cite" par ".spoiler dt" dans vos recherche.

[MlleAlys]

aaah mince c'était ces fonds là, désolée ! ^^"

[Lacoste]

MlleAlys a écrit:

est ce que tout fonctionne, ou il y a encore un souci quelque part ? ^^

C'est parfait en ce qui concerne les déroulants. Merci

Il ne reste plus qu'une chose: les fenêtres Citer, code et spoiler dont je voudrais changer la couleur de fond étant donné qu'elles sont blanches par défaut, ce qui ne fonctionne pas avec la couleur de police que nous utilisons par défaut (bleu ciel).

Ensuite je pense que ce sera parfait.

[Self]

SeLfde4Th7 a écrit:

SeLfde4Th7 a écrit:

Et pour ce qui est des citation bien souvent c'est des images.
Chercher blockquote dans votre feuille de style css est supprimer le background url et modifié le background color.
Cherche également le blockquote cite par contre cette fois cite le background image correspond normalement à
Donc le supprimer pas, modifié seulement le background-color.

Lacoste: Pour les fenetre cité il faut chercher dans votre feuille de style CSS et faire la manip ci dessus.

La même chose pour ce qui est des spoiler , sauf qu'il faut remplacer "blockquote" par ".spoiler" et "blockquote cite" par ".spoiler dt" dans vos recherche.

Lacoste a écrit:

MlleAlys a écrit:

est ce que tout fonctionne, ou il y a encore un souci quelque part ? ^^

C'est parfait en ce qui concerne les déroulants. Merci

Il ne reste plus qu'une chose: les fenêtres Citer, code et spoiler dont je voudrais changer la couleur de fond étant donné qu'elles sont blanches par défaut, ce qui ne fonctionne pas avec la couleur de police que nous utilisons par défaut (bleu ciel).

Ensuite je pense que ce sera parfait.

Cela fait trois fois que je vous marque la solution en réponse à votre demande.

[MlleAlys]

Lacoste a écrit:

Il ne reste plus qu'une chose: les fenêtres Citer, code et spoiler dont je voudrais changer la couleur de fond étant donné qu'elles sont blanches par défaut, ce qui ne fonctionne pas avec la couleur de police que nous utilisons par défaut (bleu ciel).

SeLfde4Th7 a écrit:

Chercher blockquote dans votre feuille de style css est supprimer le background url et modifié le background color.
Cherche également le blockquote cite par contre cette fois cite le background image correspond normalement à
Donc le supprimer pas, modifié seulement le background-color.

La même chose pour ce qui est des spoiler , sauf qu'il faut remplacer "blockquote" par ".spoiler" et "blockquote cite" par ".spoiler dt" dans vos recherche.

Est-ce pour modifier l'apparence des fenêtres dans les messages, ou dans l'éditeur en mode wysiwyg ?

[Self]

MlleAlys a écrit:

Lacoste a écrit:

Il ne reste plus qu'une chose: les fenêtres Citer, code et spoiler dont je voudrais changer la couleur de fond étant donné qu'elles sont blanches par défaut, ce qui ne fonctionne pas avec la couleur de police que nous utilisons par défaut (bleu ciel).

SeLfde4Th7 a écrit:

Chercher blockquote dans votre feuille de style css est supprimer le background url et modifié le background color.
Cherche également le blockquote cite par contre cette fois cite le background image correspond normalement à
Donc le supprimer pas, modifié seulement le background-color.

La même chose pour ce qui est des spoiler , sauf qu'il faut remplacer "blockquote" par ".spoiler" et "blockquote cite" par ".spoiler dt" dans vos recherche.

Est-ce pour modifier l'apparence des fenêtres dans les messages, ou dans l'éditeur en mode wysiwyg ?

Bonne questuion que j'avais oublier de soumettre :/

[MlleAlys]

A-t-on finalement trouvé un code pour changer le fond des codes et citations dans le wysiwyg d'ailleurs ? ^^"

[Self]

Il ne me semble pas, personne n'en à demander avant.

[Lacoste]

SeLfde4Th7 a écrit:

Est-ce pour modifier l'apparence des fenêtres dans les messages, ou dans l'éditeur en mode wysiwyg ?

Bonne questuion que j'avais oublier de soumettre :/

Les deux. Il faut que la couleur de fond de l'éditeur corresponde avec celle du forum

[MlleAlys]

MlleAlys a écrit:

A-t-on finalement trouvé un code pour changer le fond des codes et citations dans le wysiwyg d'ailleurs ? ^^"

SeLfde4Th7 a écrit:

Il ne me semble pas, personne n'en à demander avant.

cela m'intéresserait, et apparemment Lacoste aussi xD

D'ailleurs, je me demandais tout court s'il était possible d'appliquer les mises en formes des messages du forum à l'éditeur des messages en wysiwyg, ce qui serait en fait plus logique pour vraiment voir ce qu'on obtient à la fin

[EdenArwen]

Bonsoir confrères admins et staff ;-)

Heu ! J'ai vu que dans le compte rendu pour le nouvel éditeur, il y a ça :"
Bug : Problème pour poster "Vous devez entrer un message avant de poster."
>> "... C'est donc résolu...



Sauf que je suis infichue capable de retrouver dans tous les posts la solution... :-s Donc si quelqu'un a pitié d'une "admin 2 neurones" et que vous pouvez m’aider, merci de le faire. En effet, lorsque je poste un post court voire moyen (en longueur), ça passe. mais si c'est un chouia long, quand je fais "envoyer", ça me vire mon texte et ça me dit "Vous devez entrer un message avant de poster".... Ce qui est un peu les gl*ndes quand on s'est donné du mal à faire un truc sympa. 


Pour les smileys et la couleur de la zone de saisie, j'ai pu grâce à vous tous résoudre ces soucis :



http://stylescss.free.fr/couleurs.php


 .sceditor-emoticons {width: 250px !important; height: 250px !important; overflow: auto !important;}
        img.smiley {width: auto !important; height : auto !important;}
        .sceditor-container iframe, .sceditor-container textarea
        {
          background: #D2B48C !important; margin:0 !important;
        }



Alors, quelqu'un se souvient où est postée la solution à mon problème de "virage de post" ? 0:-)


Merci et bonne soirée foforumale à tous ;-)

Edit : Ah! J'oubliais... Avez-vous aussi le tuyau pour que quand on envoie, il n'y ait pas de "contraction" du texte qui colle le texte aux smileys et nous les met donc en code au lieu de les mettre en smileys, nous obligeant par là même à éditer 10 fois pour écarter à mort le texte et les smileys avec trois voire quatre espaces...

Re-edit : Mais si, chui patiente comme nana.... Rhoooo ! :-)

[Self]

MlleAlys a écrit:

MlleAlys a écrit:

A-t-on finalement trouvé un code pour changer le fond des codes et citations dans le wysiwyg d'ailleurs ? ^^"

SeLfde4Th7 a écrit:

Il ne me semble pas, personne n'en à demander avant.

cela m'intéresserait, et apparemment Lacoste aussi xD

D'ailleurs, je me demandais tout court s'il était possible d'appliquer les mises en formes des messages du forum à l'éditeur des messages en wysiwyg, ce qui serait en fait plus logique pour vraiment voir ce qu'on obtient à la fin

Pour le quote en mode wysiwyg essayer celui-ci:

Code:

$(function(){ $(function() {
          $('.sceditor-container iframe').contents().find('body').append('<style type="text/css">blockquote{background-color:black}</style>')
        })});

EDIT: effectivement ce code fait que on retrouve dans les post "blockquote{background-color:black}"

J''ai remplacé body par head , le bug n'y est plus mais chez moi mon forum met du temps à charger quelqu'un pourrais test et me dire si c'est le cas chez lui aussi .
Le code :

Code:

$(function(){ $(function() {
          $('.sceditor-container iframe').contents().find('head').append('<style type="text/css">blockquote{background-color:black}</style>')
        })});

[MlleAlys]

SeLfde4Th7 a écrit:

MlleAlys a écrit:

MlleAlys a écrit:

A-t-on finalement trouvé un code pour changer le fond des codes et citations dans le wysiwyg d'ailleurs ? ^^"

SeLfde4Th7 a écrit:

Il ne me semble pas, personne n'en à demander avant.

cela m'intéresserait, et apparemment Lacoste aussi xD

Pour le quote en mode wysiwyg essayer celui-ci:

Code:

$(function(){ $(function() {
          $('.sceditor-container iframe').contents().find('body').append('<style type="text/css">blockquote{background-color:black}</style>')
        })});

Il à l'air de bug un peut chez moimais mon modérateur me dit qu'il n'a aucun bug.

ça fonctionne chez moi, merci beaucoup !! \o/

et pour les codes, faut il juste remplacer "blockquote" par "code" ? comment fusionner le tout dans un seul javascript ? ^^"

[Self]

MlleAlys a écrit:

SeLfde4Th7 a écrit:

MlleAlys a écrit:

MlleAlys a écrit:

A-t-on finalement trouvé un code pour changer le fond des codes et citations dans le wysiwyg d'ailleurs ? ^^"

SeLfde4Th7 a écrit:

Il ne me semble pas, personne n'en à demander avant.

cela m'intéresserait, et apparemment Lacoste aussi xD

Pour le quote en mode wysiwyg essayer celui-ci:

Code:

$(function(){ $(function() {
          $('.sceditor-container iframe').contents().find('body').append('<style type="text/css">blockquote{background-color:black}</style>')
        })});

Il à l'air de bug un peut chez moimais mon modérateur me dit qu'il n'a aucun bug.

ça fonctionne chez moi, merci beaucoup !! \o/

et pour les codes, faut il juste remplacer "blockquote" par "code" ? comment fusionner le tout dans un seul javascript ? ^^"

J'ai édité mon post au dessus.

Pour fusionner le tout je n'en sais rien, j'ai repris la base du code pour l'écriture en blanche en mode wysiwyg donner par Ea il me semble.

[MlleAlys]

aaaah mais en fait on ajoute juste une balise <style> comme on le ferait normalement dans une page ! xD donc il suffit de taper son css normalement... Merci beaucoup pour ça, super ! =D

[Lacoste]

SeLfde4Th7 a écrit:

ça fonctionne chez moi, merci beaucoup !! \o/

et pour les codes, faut il juste remplacer "blockquote" par "code" ? comment fusionner le tout dans un seul javascript ? ^^"

[/quote]

Chez moi aussi çà fonctionne. merci.
Alors je fais la même demande que Self : Quel est lecode pour la fenêtre "code" et la fenêtre "spoiler"?

[Self]

EdenArwen a écrit:

Bonsoir confrères admins et staff ;-)

Heu ! J'ai vu que dans le compte rendu pour le nouvel éditeur, il y a ça :"
Bug : Problème pour poster "Vous devez entrer un message avant de poster."
>> "... C'est donc résolu...



Sauf que je suis infichue capable de retrouver dans tous les posts la solution...

trop long dans le quote:

Je suis vraiment désoler mais je ne peut pas vous aider :/.

Lacoste a écrit:

Chez moi aussi çà fonctionne. merci.Very Happy
Alors je fais la même demande que Self : Quel est lecode pour la fenêtre "code" et la fenêtre "spoiler"?

Ce n'est pas moi qui est formuler cette demande qui n'est pas une demande. je vous donne les 3 codes

les 3 codes:

MlleAlys a écrit:

aaaah mais en fait on ajoute juste une balise <style> comme on le ferait normalement dans une page ! xD donc il suffit de taper son css normalement... Merci beaucoup pour ça, super ! =D

Oui exacte c'est du CSS après la balise <style type="text/css">.
Sa me fait plaisir de rien

[MlleAlys]

Non non, en un seul code c'est possible ! =D
(*est contente d'avoir réussi à comprendre et modifier un code javascript pour la deuxième fois dans sa vie* xP) :

Code:

$(function(){ $(function() {
          $('.sceditor-container iframe').contents().find('body').append('<style type="text/css">
p {
    color:#ededed;
}
    blockquote, code {
    background-color:#4b6f63;
    color:#ededed;
    background-color: #4b6f63;
    font-size: 12px;
    line-height: 125%;
    border-radius: 20px;
    padding: 5px 5px 5px 15px;
    border-width: 0 0 1px 1px;
    border-style: solid;
    border-color: rgb(255, 255, 255);
}
blockquote cite {
    background-color: #3B584E;
    font-style: normal;
}
</style>')
        })});

comme vous pouvez le voir, je suis en train de modifier les apparences des balises, il suffit juste d'entrer le css que vous voulez de façon normale ! ^^

[Self]

MlleAlys a écrit:

Non non, en un seul code c'est possible ! =D
(*est contente d'avoir réussi à comprendre et modifier un code javascript pour la deuxième fois dans sa vie* xP) :

Code:

$(function(){ $(function() {
          $('.sceditor-container iframe').contents().find('body').append('<style type="text/css">
p {
    color:#ededed;
}
    blockquote, code {
    background-color:#4b6f63;
   color:#ededed;
   background-color: #4b6f63;
   font-size: 12px;
   line-height: 125%;
   border-radius: 20px;
   padding: 5px 5px 5px 15px;
   border-width: 0 0 1px 1px;
   border-style: solid;
   border-color: rgb(255, 255, 255);
}
blockquote cite {
    background-color: #3B584E;
    font-style: normal;
}
</style>')
        })});

comme vous pouvez le voir, je suis en train de modifier les apparences des balises, il suffit juste d'entrer le css que vous voulez de façon normale ! ^^

Super Bravo .
Seulement comme je l'ai dit plus haut remplacé le 'body' par 'head' ou vous risquer lors d'une édition ou autre voir apparaitre votre css dans le message.

EDIT: oh et une fois votre code édité pourriez vous en mettre la forme ici s'il vous plait MlleAlys, je ne suis vraiment pas doué en CSS

[MlleAlys]

ok, merci !!!

par contre, quelle forme voulez vous ? Oo
parce que là, je les mets à la forme... ben des citations et des codes de mon forum ^^"

[Lacoste]

[quote="SeLfde4Th7]

Code:

$(function(){ $(function() {
          $('.sceditor-container iframe').contents().find('head').append('<style type="text/css">blockquote{background-color:black}</style>')
        })});

Code:

$(function(){ $(function() {
          $('.sceditor-container iframe').contents().find('head').append('<style type="text/css">spoiler{background-color:black}</style>')
        })});

Code:

$(function(){ $(function() {
          $('.sceditor-container iframe').contents().find('head').append('<style type="text/css">code{background-color:black}</style>')
        })});

[/quote]

La couleur des fenêtres sont bien modifiées dans l'éditeur mais restent blanches dans le forum. Pourquoi ?