[Туториал] Добавить смайлики на форуме в кнопку редактора ответы и новые темы

автор Чт 1 Фев - 2:35

1. Установка javascript:

» Админ-панели > Модули > 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; }

Код будет действителен для всех версий.

Результат :
[Туториал] Добавить смайлики на форуме в кнопку редактора ответы и новые темы 0591858001517441665

[Туториал] Добавить смайлики на форуме в кнопку редактора ответы и новые темы 0591858001517441665

URL:
BBCode:
HTML: