Важная информация!
Правила форума
для обязательного прочтения!
Пожалуйста, не регистрируйтесь на этом форуме с электронными адресами mail.ru, bk.ru, inbox.ru, list.ru - вам может не прийти письмо со ссылкой активации!
Вы можете воспользоваться адресами типа yandex.ru, rambler.ru, gmail.com и т.д.
(забыл / потерял пароль)
Общий FAQ по управлению форумом
FAQ: реклама на форуме
Туториалы по разным функциям ваших форумов
Алфавитный указатель
Интересные решения для форумов
Наши видео-туториалы
Условия пользования сервисом
Ссылки на полезные ресурсы
Последние темы
» Как убрать подпись о редактировании записиавтор Фея Май 9th 2024, 21:11
» Пакеты Forum 2x2
автор Dana Domirani Май 6th 2024, 14:11
» Как поменять вид нумерации страниц тем?
автор Goodmonday Апрель 18th 2024, 21:04
» Форум не корректно загружается.
автор anna4842 Апрель 12th 2024, 23:48
» Не корректное отображение картинок
автор Красноперова О.А. Апрель 12th 2024, 15:49
» Ошибка на форуме: Could not obtain topic posts informations
автор fatalone Апрель 9th 2024, 13:43
» Переход с 2x2forum.ru на 2x2forum.com
автор Luz Март 28th 2024, 12:13
» Проблема с метатегом Description
автор VeraLV Март 18th 2024, 15:31
» 1 марта будет запрет на ВПН, это отразится на работе платформы?
автор Svet007 Март 14th 2024, 11:43
» нужен скрипт сумма просмотров тем в разделе
автор лексей2222 Март 5th 2024, 07:37
Добавить смайлики в кнопку редактора ответы и новые темы
Страница 1 из 1
Добавить смайлики в кнопку редактора ответы и новые темы
1. Установка javascript:
2. Установка CSS, чтобы настроить макет редактор
Код будет действителен для всех версий.
Результат :
» Админ-панели > Модули > HTML и JAVASCRIPT > Управление кодами Javascript Расположение : На всех страницах |
- Код:
(function() {$(function() {
if ($.sceditor && !$('#quick_reply').length) {
$('#smiley-box,#smileyContainer').remove();
$.sceditor.command.set('scSmileys', {
dropDown: function(editor, caller) {
if ($('.sceditor-scSmileys').length) {
var smileysCont = $('.sceditor-scSmileys');
if (smileysCont.css('display') === 'none') {
editor.closeDropDown();
smileysCont.css('display', '');
$('.sceditor-scSmileys').css({"margin-top": caller.outerHeight(),"top": caller.offset().top,"left": caller.offset().left});
} else {
editor.closeDropDown();
smileysCont.css('display', 'none');
}
} else {
var content= $('<iframe id="quickEmojInternal" class="row1" name="smilies" width="220" scrolling="auto" height="250" frameborder="0" allowtransparency="true" src="/smilies.forum?mode=smilies_frame" style="border: none;visibility: hidden">').load(function() {
$(this).css("visibility", "visible")
});
$('<div class="sceditor-dropdown sceditor-scSmileys" style="margin-top:'+ caller.outerHeight()+'px;top:'+ caller.offset().top+'px;left:'+ caller.offset().left+'px;">').append(content).appendTo($('body')).click(function(e) {
e.stopPropagation()
})
}
},
exec: function(caller) {
$.sceditor.command.get('scSmileys').dropDown(this, caller)
},
txtExec: function(caller) {
$.sceditor.command.get('scSmileys').dropDown(this, caller)
},
tooltip: 'Смайлики'
});
toolbar = toolbar.substr(0, toolbar.lastIndexOf("|")) + "|scSmileys" +toolbar.substr(toolbar.lastIndexOf("|"));
$(function(){$(function(){$('body,.sceditor-button:not(.sceditor-button-scSmileys)').click(function(){if ($('.sceditor-scSmileys').css('display') !== 'none')$('.sceditor-scSmileys').css('display', 'none')})})});
}
})}());
2. Установка CSS, чтобы настроить макет редактор
» Админ панель > Оформление > Картинки и цвета > Цвета > Каскадная таблица стилей CSS |
- Код:
#textarea_content {
width: auto!important;
}
.sceditor-button.sceditor-button-scSmileys > div {
background: url(http://illiweb.com/fa/i/smiles/icon_biggrin.png) no-repeat center center transparent;
margin: 13% 0 0;
}
Код будет действителен для всех версий.
Результат :
Похожие темы
» КАК ДОБАВИТЬ НОВЫЕ СМАЙЛИКИ
» Как добавить новые смайлики ?
» Есть ли возможность скрыть быстрые ответы под кнопку ?
» Создание темы и ответы...
» Сообщения и ответы на темы
» Как добавить новые смайлики ?
» Есть ли возможность скрыть быстрые ответы под кнопку ?
» Создание темы и ответы...
» Сообщения и ответы на темы
Страница 1 из 1
Права доступа к этому форуму:
Вы не можете отвечать на сообщения