Изменение цвета редактора сообщений

Недавно сам задавался этим вопросом, но сам его решил. Теперь решил рассказать всем поподробнее. 
Например если вы не будете изменять, а просто скачаете и разместите файл, что я выложил ниже, у вас получится что то типо этого

Как изменить оформление редактора сообщений, а точнее что мы рассмотрим: 

• Как сделать фон редатора сообщений
• Как изменить цвет текста по умолчанию в редакторе сообщений
• Как изменить шрифт по умолчанию

Для начала скачиваем файл 
Открываем его любым текстовым редактором, советую Notepad ++
И что мы видим? Код

Spoiler 
 

/*
Copyright (c) 2003-2011, CKSource - Frederico Knabben. All rights reserved.
For licensing, see LICENSE.html or __ckeditor.com/license
*/


body
{
/* Font */
font-family: 'Helvetica Neue', Arial, Verdana, sans-serif;
font-size: 14px;


/* Text color */
color: #bcbcbc;


/* Remove the background color to make it transparent */
background-color: #1a1a1a;
}


/* preserved spaces for rtl list item bullets. (#6249)*/
ol,ul,dl
{
    padding-right:40px;
}


html
{
/* #3658: [IE6] Editor document has horizontal scrollbar on long lines
To prevent this misbehavior, we show the scrollbar always */
_overflow-y: scroll;
/* #6341: The text cursor must be set on the editor area. */
cursor: text;
/* #6632: Avoid having "text" shape of cursor in IE7 scrollbars.*/
*cursor:auto;
}


p { margin: 0px; }


img:-moz-broken
{
-moz-force-broken-image-icon : 1;
width : 24px;
height : 24px;
}
img, input, textarea
{
cursor: default;
}


img.bbc_emoticon { vertical-align: middle; }

Что это за страшный код? Все очень просто!!! 
Код 

/* Font */
font-family: 'Helvetica Neue', Arial, Verdana, sans-serif;
font-size: 14px;

Этот код отвечает как вы думаю поняли за шрифт...

Далее этот код

/* Text color */
	color: #bcbcbc;

Отвечает за цвет текста, т.е. #bcbcbc - Код цвета, который меняете на свой

Далее код

/* Remove the background color to make it transparent */
	background-color: #1a1a1a;

Отвечает за цвет фона, т.е. #1a1a1a - Код заднего фона, который меняете на свой. 
После того, как вы все изменили, заливаем этот файл по пути 

/public/style_images/ВАШ СТИЛЬ/editor

Где ВАШ СТИЛЬ - это ваш стиль 

Затем идем в АЦ - Стили - Управление шаблонами - Редактор сообщений - EditorLoadJS
И там самый последний

CKEDITOR.config.

Заменяем на

CKEDITOR.config.contentsCss  = '{style_images_url}/editor/dark_editor.css';

Автор статьи я. При копировании обязательно указывать ссылку на IPBmafia.ru