Важная информация!
Правила форума
для обязательного прочтения!
Пожалуйста, не регистрируйтесь на этом форуме с электронными адресами mail.ru, bk.ru, inbox.ru, list.ru - вам может не прийти письмо со ссылкой активации!
Вы можете воспользоваться адресами типа yandex.ru, rambler.ru, gmail.com и т.д.
(забыл / потерял пароль)
Общий FAQ по управлению форумом
FAQ: реклама на форуме
Туториалы по разным функциям ваших форумов
Алфавитный указатель
Интересные решения для форумов
Наши видео-туториалы
Условия пользования сервисом
Ссылки на полезные ресурсы
Последние темы
» Форум медленно открывается. Что делать?автор literrary Вчера в 19:11
» сделать иконку ЛС-ссылку в профиле( Invision) в темах
автор literrary Вчера в 14:00
» адаптировать туториал пользователи в статистике по времени на invision
автор literrary Январь 30th 2023, 21:36
» заменить ЧаВо в навигации
автор literrary Январь 30th 2023, 18:58
» невозможно загрузить смайлик ни один
автор literrary Январь 30th 2023, 18:56
» добавить пользователя в недруги
автор literrary Январь 27th 2023, 22:54
» Перевод форума на другой язык.
автор Ilya Январь 27th 2023, 19:25
» сделать снижение к navstrip (к тексту) окна браузера
автор literrary Январь 25th 2023, 13:03
» Новое управление смайликами в Панели Администратора
автор Luz Январь 24th 2023, 13:50
» Техническое обслуживание, запланированное на 31 января 2023 г.
автор Luz Январь 23rd 2023, 13:01
Готовое решение - Панель смайлов в форме быстрого ответа
Готовое решение - Панель смайлов в форме быстрого ответа
Предлагаю готовое решение для показа панельки смайлов в форме быстрого ответа.
Проверено на phpBB3

Нужно добавить JS скрипт "smilebox" (название любое) который был бы доступен в темах:
Также нужно подправить CSS. Дописав в конец следующие стили:
Ключевые здесь являются .replycontainer, .dleftsmiles, #replyarea. Остальные просто моё оформление.
Для отключения фрейма со смайлами, достаточно удалить или закомментировать скрипт.
Проверено на phpBB3

Нужно добавить JS скрипт "smilebox" (название любое) который был бы доступен в темах:
- Код:
$(function()
{
var txtArea = $('#textarea_content').detach();
$('<div class="replycontainer"><div class="dleftsmiles">
<iframe src="/smilies.forum?categ=0&mode=smilies_frame" width="100%" height="224" class="smilebox" style="visibility:hidden;" scrolling="no"></iframe>
</div><div id="replyarea"></div></div>').insertBefore($('#quick_reply div'));
$('#replyarea').append(txtArea);
txtArea.removeAttr( "style" );
$('div textarea').removeAttr( "style" );
$('.smilebox').load(function(){
$('.smilebox').contents().find('html body #smilies_header').hide();
$('.smilebox').removeAttr( "style" );
$('.smilebox').contents().find('html body').attr("style" ,"padding-top: 0;");
});
});
- Фрейм со смайлами создается невидимым. фрагмент
style="visibility:hidden;"
Затем после загрузки смайлов фрейм показывается
$('.smilebox').removeAttr( "style" ); - Также отключен скроллер. Если не нужно отключать - уберите фрагмент scrolling="no"
- Прячется также выпадающий список с категориями смайлов:
$('.smilebox').contents().find('html body #smilies_header').hide(); - Если у вас несколько категорий смайлов и Вы хотите грузить какую-то конкретную, измените параметр categ=0 в
URL фрейма src="/smilies.forum?categ=0&mode=smilies_frame"
нумерация категорий производится от 0.
Также нужно подправить CSS. Дописав в конец следующие стили:
- Код:
.replycontainer{
width: 60%;
margin-left: auto;
margin-right: auto;
}
.dleftsmiles{
width: 180px;
float:left;
}
#replyarea{
width: calc(100% - 180px);
margin-left: 180px;
text-align: center;
}
.smilebox{
border: 1px solid #D9D9D9;
border-radius: 5px;
}
#textarea_content div textarea {
margin-top: 2px;
min-height: 180px;
}
.smiley-element{
text-align: center;
}
.smiley-element img{
padding: 4px;
margin: 0;
}
Ключевые здесь являются .replycontainer, .dleftsmiles, #replyarea. Остальные просто моё оформление.
Для отключения фрейма со смайлами, достаточно удалить или закомментировать скрипт.
Последний раз редактировалось: Racoon (Июнь 4th 2015, 15:29), всего редактировалось 3 раз(а)
Re: Готовое решение - Панель смайлов в форме быстрого ответа
Проверил на punBB - Работает.
Только если хотите скрыть выпадающий список с категориями смайлов нужно в скрипте заменить строку
Только если хотите скрыть выпадающий список с категориями смайлов нужно в скрипте заменить строку
- Код:
$('.smilebox').contents().find('html body #smilies_header').hide();
- Код:
$('.smilebox').contents().find('html body #smilies_categ').hide();

» Исчезла панель со смайлами в форме быстрого ответа
» Кнопки перехода, в форме быстрого ответа
» перестали работать кнопки в форме быстрого ответа
» Дезактивирована кнопка загрузки фото в форме быстрого ответа
» Кнопка доп. смайлов в поле быстрого ответа
» Кнопки перехода, в форме быстрого ответа
» перестали работать кнопки в форме быстрого ответа
» Дезактивирована кнопка загрузки фото в форме быстрого ответа
» Кнопка доп. смайлов в поле быстрого ответа
Страница 1 из 1
Права доступа к этому форуму:
Вы не можете отвечать на сообщения