Важная информация!
Правила форума
для обязательного прочтения!
Пожалуйста, не регистрируйтесь на этом форуме с электронными адресами mail.ru, bk.ru, inbox.ru, list.ru - вам может не прийти письмо со ссылкой активации!
Вы можете воспользоваться адресами типа yandex.ru, rambler.ru, gmail.com и т.д.
(забыл / потерял пароль)
Общий FAQ по управлению форумом
FAQ: реклама на форуме
Туториалы по разным функциям ваших форумов
Алфавитный указатель
Интересные решения для форумов
Наши видео-туториалы
Условия пользования сервисом
Ссылки на полезные ресурсы
Последние темы
» Как поменять вид нумерации страниц тем?автор 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
» Новое: Откройте для себя функцию "Подписка на пользователей"
автор лексей2222 Март 1st 2024, 17:26
» 301 редирект
автор Dana Domirani Февраль 25th 2024, 18:28
Текущее время Апрель 27th 2024, 07:51
Результаты поиска: найдено 2 по поиску smilies_header
Цвет фона смайлов
Лилэя, #smilies_header {background-color: white;}- в Сентябрь 24th 2020, 17:52
- Искать в: [Архив] Оформление форума
- Тема: Цвет фона смайлов
- Ответов: 20
- Просмотров: 10088
Готовое решение - Панель смайлов в форме быстрого ответа
Предлагаю готовое решение для показа панельки смайлов в форме быстрого ответа.Проверено на 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. Остальные просто моё оформление.
Для отключения фрейма со смайлами, достаточно удалить или закомментировать скрипт.
- в Апрель 30th 2015, 20:35
- Искать в: Ваши варианты туториалов
- Тема: Готовое решение - Панель смайлов в форме быстрого ответа
- Ответов: 1
- Просмотров: 13466