Редактировать быстрый ответ

Код:

/*--- Bloc réponse rapide ---*/ .sceditor-container.ltr.sourceMode {width:550px !important;background-color: #XXXXXX !important;}.sceditor-container.ltr.wysiwygMode {width:550px !important;background-color: #XXXXXX !important;}

Надо заменить "XXXXXX" цветовой код. Первый включает режим редактирования "источник", а второй касается режим "wysiwyg" ("я вижу, что я пишу). Размер "550" изменить, если вы найти свой блок, это слишком большой или слишком маленький.

---

Изменение ставки выше, содержащую кнопки

Код:

/*---  Partie supérieur contenant les outils ---*/ div.sceditor-toolbar {background-color: #XXXXXX !important;width: 540px !important;}

Это блок, содержащий пиктограммы инструментов : фон может быть изменен. Просто измените "XXXXXX". В зависимости от размера, что вы изменились в код в блоке быстрый "550", следует также изменить. Я положил 10px меньше.

---

Измените текстовое поле (textarea)

Код:

/*---  Partie texte area : fond ---*/ .sceditor-container iframe, .sceditor-container textarea {background-color: #XXXXXX !important;text-align:justify;margin:0 !important;line-height: 16px;width: 540px !important;color: #XXXXXX !important;font-size:11px !important;}

Это касается фона и презентации. Нижней части блока. Лучше поставить код "sceditor-container.ltr.wysiwygMode". Мне кажется, что я должен был добавить, потому что в противном случае, было ради фона что-то.

text-align:justify; : это для текста с выключкой по ширине
margin:0 !важно, без разницы
line-height: 16px; буквы, которые приближаются, можно снять, не беспокоиться
width: 540px !важно; размер блока (как в предыдущем коде)
color: #XXXXXX !важно; цвет текста изменить "XXXXXX"
font-size:11px !важно; размер шрифта

---

Изменение группы кнопок

Код:

/*---  Groupe de boutons ---*/ div.sceditor-group {background-color: #XXXXXX !important;}

Это касается цвета группы кнопок. XXXXXX изменить.

---

Изменить кнопки

Код:

/*---  Boutons ---*/ a.sceditor-button {...}

Вы можете добавить "фон", например, вместо ...

---

Изменить кнопки, выбранные

Код:

/*---  Boutons sélectionnés ---*/ a.sceditor-button.hover {background-color: #XXXXXX !important;}

XXXXXX изменить.

---

Изменить размер смайлов

Код:

/*---  Smileys ---*/ .sceditor-emoticons {width: 350px !important;height: 250px !important;overflow: auto !important;}img.smiley {width: auto !important;height : auto !important;}

Размер смайликов.

---

Изменить ширину редактор

Код:

/* largeur de l'éditeur */.sceditor-container { width: 710px!important;} /* largeur de la zone de saisie de texte */.sceditor-container iframe, .sceditor-container textarea {width: 99%!important;}

Необходимо предусмотреть несколько пикселей меньше на поле ввода текста.

---

Изменить цвета фона

Код:

/* fond de la barre d'outil */.sceditor-toolbar {background: blue !important;} /* fond de la zone de saisie de texte */.sceditor-container{background-color:#A4A440 !important;    }.sceditor-container iframe, .sceditor-container textarea{  background-color:#A4A440 !important;} /* fond de groupe de bouton */body div.sceditor-group {background: orange;}/* fond d'un bouton survolé ou activé */ .sceditor-button.hover, a.sceditor-button:hover {background: purple;}

---

Удалить границы и тени

Код:

/* bordure de l'éditeur */div.sceditor-container {border: none;} /* bordure entre la barre d'outils et la zone de saisie de texte */body div.sceditor-toolbar {border-bottom: none;} /* bordure sous les groupes de bouton */body div.sceditor-group {border-bottom: none;} /* ombre d'un bouton survolé ou activé */a.sceditor-button:hover, a.sceditor-button.hover {box-shadow: none;}

---

Крайней мере, уменьшить смайлики

Код:

/* limitation de la taille du cadre des smileys */.sceditor-emoticons {max-width: 350px !important;max-height: 250px !important;overflow: auto !important;text-align: center;}.sceditor-emoticons  div {display: inline!important;} /* taille maximum de 40 pixels */img.smiley {width: auto !important;height : auto !important;vertical-align: middle;max-width: 40px;max-height: 40px;}

---

Удалить дублирование смайликов и других трудностей, связанных
- Идете в Модули > Управление кодами javascript
- Убедитесь, что параметр "Активировать управление кодами Javascript" установлен на "ДА"
- Создать новый код. Дайте ему имя ("смайлики", например)
- Установите "на всех страницах" для размещения,
- а Затем в поле ввода вставьте этот код :

Код:

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

- Проверка !

---

Изменить цвет текста в режиме wysiwyg
- Идете в Модули > Управление кодами javascript
- Убедитесь, что параметр "Активировать управление кодами Javascript" установлен на "ДА"
- Создать новый код. Дайте ему имя ("цвет " wysiwyg", например)
- Установите "на всех страницах" для размещения,
- а Затем в поле ввода вставьте этот код :

Код:

$(function() {  var a = $("#text_editor_textarea");  0 != a.length && $(function() {    a.sceditor && a.sceditor("instance") && a.sceditor("instance").css("body,p{color:red}");  });});

- Проверка !

---

Поставить селектор цвета с менее цвет

- Идете в Модули > Управление кодами javascript
- Убедитесь, что параметр "Активировать управление кодами Javascript" установлен на "ДА"
- Создать новый код. Дайте ему имя ("цвет " wysiwyg", например)
- Установите "на всех страницах" для размещения,
- а Затем в поле ввода вставьте этот код :

Код:

$(function () {    $(function () {        if(!$.fn["sceditor"]) return;        $.sceditor.command.get('color')._dropDown = function (editor, caller, callback) {            var content = $("<div />"),                cmd = $.sceditor.command.get('color');             if (!cmd._htmlCache) {                 var pre = '<strong style="background-color:#',                    suf = ';" unselectable="on"><span></span></strong>';                 var htmlGen = [pre, 'ffffff,000000,eeece1,1f497d,4f81bd,c0504d,9bbb59,8064a2,4bacc6,f79646'.split(',').join(suf + pre), suf].join('');                 var htmlList = [pre, 'f2f2f2,7f7f7f,ddd9c3,c6d9f0,dbe5f1,f2dcdb,ebf1dd,e5e0ec,dbeef3,fdeada,d8d8d8,595959,c4bd97,8db3e2,b8cce4,e5b9b7,d7e3bc,ccc1d9,b7dde8,fbd5b5,bfbfbf,3f3f3f,938953,548dd4,95b3d7,d99694,c3d69b,b2a2c7,92cddc,fac08f,a5a5a5,262626,494429,17365d,366092,953734,76923c,5f497a,31859b,e36c09,7f7f7f,0c0c0c,1d1b10,0f243e,244061,632423,4f6128,3f3151,205867,974806'.split(',').join(suf + pre),suf].join('');                 var htmlStandard = [pre, 'c00000,ff0000,ffc000,ffff00,92d050,00b050,00b0f0,0070c0,002060,7030a0'.split(',').join(suf + pre), suf].join('');                 var htmlGeneralPanel = ['<div class="editor_color_panel" style="z-index:12;" unselectable="on"><div class="color_general" unselectable="on">', htmlGen,'</div><div class="color_list" unselectable="on">', htmlList, '</div><div class="color_standard" unselectable="on">', htmlStandard, '</div></div>'].join('');                 cmd._htmlCache = htmlGeneralPanel;            }             content.append(cmd._htmlCache)                .find('strong')                .click(function (e) {                    callback($(this).attr('style').substr(17, 7));                    editor.closeDropDown(true);                    e.preventDefault();                });             editor.createDropDown(caller, "color-picker", content);        };     })});

- Проверьте !
- Добавить в css ( ПА > "Просмотр" > "Цвета" > " таблица стилей ) это :

Код:

.editor_color_panel{ background-color:#fff; width:189px;height:135px;}.editor_color_panel .color_general{ height:16px; margin:11px 7px 9px 11px;}.editor_color_panel .color_list{ height:70px; margin:0 7px 0 11px;}.editor_color_panel .color_standard{ height:16px; margin:13px 7px 8px 11px;}.editor_color_panel strong{ font-size:0; display:block; width:14px; height:14px; margin-right:3px; float:left; cursor:pointer;}

---

Вот окончательный код, чтобы изменить, например :

Код:

/*--- Bloc réponse rapide ---*/ .sceditor-container.ltr.sourceMode {width:550px !important; background-color: #XXXXXX!important;}.sceditor-container.ltr.wysiwygMode {width:550px !important; background-color: #XXXXXX !important;} /*---  Partie supérieur contenant les outils ---*/ div.sceditor-toolbar {background-color: #XXXXXX !important;width: 540px !important;} /*---  Partie texte area : fond ---*/ .sceditor-container iframe, .sceditor-container textarea {background-color: #XXXXXX !important;text-align:justify;margin:0 !important;line-height: 16px;width: 540px !important;color: #XXXXXX !important;font-size:11px !important;} /*---  Groupe de boutons ---*/ div.sceditor-group {background-color: #XXXXXX !important; } /*---  Boutons ---*/ a.sceditor-button {} /*---  Boutons sélectionnés ---*/ a.sceditor-button.hover {background-color: #XXXXXX !important;} /*---  Smileys ---*/ .sceditor-emoticons {width: 350px !important; height: 250px !important; overflow: auto !important;}img.smiley {width: auto !important; height : auto !important;}  

 

Взято с французского официального сайта поддержки.