Дополнительные кнопки

Здравствуйте. Подскажите, как вбить эти дополнительные кнопки

прямо в текстовый редактор? Нужны не все: только JPG-Net, фоторедактор-онлайн и транслит. Заранее спасибо!

1. Создайте скрипт (подробнее об установке)

Название: любое, например допкнопки в редакторе
Расположение: На всех страницах
Код Javascript:

Код:

$(function () {$(function () {if ($.sceditor) {

$('<div class="sceditor-group">

<a href="http://j-p-g.net" target="_blank" class="sceditor-button sceditor-button-jpgnet" unselectable="on" title="JPG-Net"><div>JPG-Net</div></a>

<a href="http://pixlr.com/editor/?loc=ru" target="_blank" class="sceditor-button sceditor-button-pixlr" unselectable="on" title="Фоторедактор-онлайн"><div>Фоторедактор-онлайн</div></a>

<a href="http://translit.ru" target="_blank" class="sceditor-button sceditor-button-translit" unselectable="on" title="Транслит"><div>Транслит</div></a>

</div>').appendTo($('.sceditor-toolbar'));

}});});

Сохраните.

В каждой строке вида

<a href="http://translit.ru" target="_blank" class="sceditor-button sceditor-button-translit" unselectable="on" title="Транслит"><div>Транслит</div></a>

- значение href (например, http://translit.ru) — это ссылка на открывающийся по клику сайт
- значение title (например, Транслит) — это название кнопки, которое будет показываться при наведении
- у параметра class (например, у sceditor-button sceditor-button-translit) последняя часть (выделенная подчеркиванием, в примере - translit) должна быть уникальной для каждой кнопки


2. Добавьте в CSS настройки для кнопок:

Код:

/* иконка bb-кнопки JPGNet*/
a.sceditor-button.sceditor-button-jpgnet div {
background: transparent url(http://i39.servimg.com/u/f39/15/82/36/69/16x1610.png) no-repeat center;
opacity:1 !important;
filter:alpha(opacity=100) !important;
}

/* иконка bb-кнопки Pixlr*/
a.sceditor-button.sceditor-button-pixlr div {
background: transparent url(http://i39.servimg.com/u/f39/15/82/36/69/bullet10.png) no-repeat center;
opacity:1 !important;
filter:alpha(opacity=100) !important;
}

/* иконка bb-кнопки Translit*/
a.sceditor-button.sceditor-button-translit div {
background: transparent url(http://i39.servimg.com/u/f39/15/82/36/69/15208010.jpg) no-repeat center;
opacity:1 !important;
filter:alpha(opacity=100) !important;  
}


Сохраните.

Ссылки картинок-иконок вида https://i.servimg.com/u/f39/15/82/36/69/15208010.jpg можно заменить на те иконки, которые Вам нужны.

Премного благодарен за оперативность!