Важная информация!
Правила форума
для обязательного прочтения!
Пожалуйста, не регистрируйтесь на этом форуме с электронными адресами mail.ru, bk.ru, inbox.ru, list.ru - вам может не прийти письмо со ссылкой активации!
Вы можете воспользоваться адресами типа yandex.ru, rambler.ru, gmail.com и т.д.
(забыл / потерял пароль)
Общий FAQ по управлению форумом
FAQ: реклама на форуме
Туториалы по разным функциям ваших форумов
Алфавитный указатель
Интересные решения для форумов
Наши видео-туториалы
Условия пользования сервисом
Ссылки на полезные ресурсы
Последние темы
» Обновление : Добавление GIF в сообщения с помощью кнопки в редактореавтор Dana Domirani Вчера в 17:47
» Проблема с переходом на другой пакет услуг
автор Luz Апрель 6th 2021, 16:08
» [Общая тема] Что делать, если вы забыли / потеряли пароль
автор roofius Апрель 4th 2021, 22:52
» [Проблема] Напортачил с оформлением
автор literrary Апрель 4th 2021, 10:17
» Проблемы с URL форума
автор ARMIN Апрель 2nd 2021, 20:08
» Проблема видео с VK в сообщениях.
автор fatalone Март 30th 2021, 17:34
» Проблемы со сменой создателя
автор gfy Март 30th 2021, 02:03
» Работа с картинками
автор Феникс Март 16th 2021, 15:07
» В редакторе быстрого ответа проблема с набором текста
автор fatalone Март 15th 2021, 01:30
» Как убрать смайлы Emojis by twemoji
автор Dionisiy Март 14th 2021, 15:11
Добавить смайлики в кнопку редактора ответы и новые темы
Добавить смайлики в кнопку редактора ответы и новые темы
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://2img.net/i/fa/i/smiles/icon_biggrin.png) no-repeat center center transparent;
margin: 13% 0 0;
}
Код будет действителен для всех версий.
Результат :


• Где находится CSS? ПА > Оформление > Цвета > Каскадная таблица стилей CSS • Где искать основные шаблоны? ПА > Оформление > Шаблоны > Общие настройки • Где искать JavaScript? ПА > Модули > HTML & JAVASCRIPT > Управление кодами Javascript • Где искать Виджеты? ПА > Модули > Портал & Виджеты > Виджеты форума |
Страница 1 из 1
Права доступа к этому форуму:
Вы не можете отвечать на сообщения