Бесплатный форум: форум поддержки
Добро пожаловать на форум поддержки сервиса Forum2x2 !

Для полноценной работы с форумом,
пожалуйста, войдите на форум под своим логином (если вы уже зарегистрированы) или же зарегистрируйтесь.


С нашей помощью вы можете создать форум,
похожий на этот!
Мы в социальных сетях

Правила форума

для обязательного прочтения!


Внимание! Важная информация для РЕГИСТРАЦИИ на форуме:

Пожалуйста, не регистрируйтесь на этом форуме с электронными адресами mail.ru, bk.ru, inbox.ru, list.ru - вам может не прийти письмо со ссылкой активации!
Вы можете воспользоваться адресами типа yandex.ru, rambler.ru, gmail.com и т.д.
Интересные решения
Быстрый переход к сервисам: j-p-g.net Видео фоторедактор Транслит

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

Предыдущая тема Следующая тема Перейти вниз

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

Сообщение автор ACIDer в Сб 9 Фев - 15:38

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

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

ACIDer
Новичок

Сообщения : 2
Регистрация : 2013-02-09
Благодарности : 0

Без предупреждений

http://kv-5.go-forum.net

Вернуться к началу Перейти вниз

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

Сообщение автор Dana Domirani в Сб 9 Фев - 16:50



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;  
}

Сохраните.

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



Где находится CSS?
Па > Оформление > Цвета > Каскадная таблица стилей CSS


Где искать основные шаблоны?
ПА > Оформление > Шаблоны > Общие настройки


Где находится раздел для подключения скриптов
ПА > Модули > Управление кодами Javascript


avatar
Dana Domirani
Администратор
Администратор

Женщина

Сообщения : 22474
Возраст : 32
Регистрация : 2008-04-18
Благодарности : 9061

Без предупреждений

http://poltergeist-legacy.com/

Вернуться к началу Перейти вниз

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

Сообщение автор ACIDer в Сб 9 Фев - 17:20

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

ACIDer
Новичок

Сообщения : 2
Регистрация : 2013-02-09
Благодарности : 0

Без предупреждений

http://kv-5.go-forum.net

Вернуться к началу Перейти вниз

Предыдущая тема Следующая тема Вернуться к началу


 
Права доступа к этому форуму:
Вы не можете отвечать на сообщения