Бесплатный форум: форум поддержки
Добро пожаловать на форум поддержки сервиса Forum2x2 !

Для полноценной работы с форумом,
пожалуйста, войдите на форум под своим логином (если вы уже зарегистрированы) или же зарегистрируйтесь.

Готовое решение - Панель смайлов в форме быстрого ответа Fdf10
С нашей помощью вы можете создать форум,
похожий на этот!
Бесплатный форум: форум поддержки
Добро пожаловать на форум поддержки сервиса Forum2x2 !

Для полноценной работы с форумом,
пожалуйста, войдите на форум под своим логином (если вы уже зарегистрированы) или же зарегистрируйтесь.

Готовое решение - Панель смайлов в форме быстрого ответа Fdf10
С нашей помощью вы можете создать форум,
похожий на этот!
Мы в социальных сетях
Важная информация!

Правила форума

для обязательного прочтения!

Внимание! Важная информация для РЕГИСТРАЦИИ на форуме:

Пожалуйста, не регистрируйтесь на этом форуме с электронными адресами mail.ru, bk.ru, inbox.ru, list.ru - вам может не прийти письмо со ссылкой активации!
Вы можете воспользоваться адресами типа yandex.ru, rambler.ru, gmail.com и т.д.

Я админ, не могу зайти!
(забыл / потерял пароль)


Общий FAQ по управлению форумом

FAQ: реклама на форуме

Туториалы по разным функциям ваших форумов

Алфавитный указатель

Интересные решения для форумов

Наши видео-туториалы

Условия пользования сервисом

Ссылки на полезные ресурсы

Последние темы
» Помогите, где можно изменить цвет этой менюшки
автор Vice_Land Вчера в 17:41

» Форум плохо грузится
автор VENEFICA. Вчера в 17:06

» [Общая тема] Что делать, если вы забыли / потеряли пароль
автор LiptonTea Вчера в 08:36

» как настроить автоматическое закрепление первого сообщения в теме?
автор Форум Г. Вт 10 Дек 2024, 17:08

» совет админам
автор Форум Г. Пн 09 Дек 2024, 10:24

» Не могу поменять местами виджеты форума.
автор Форум Г. Пн 09 Дек 2024, 10:19

» Пропала функция редактировать сообщение
автор VENEFICA. Пт 06 Дек 2024, 05:12

» Не корректное отображение картинок
автор Luz Чт 05 Дек 2024, 17:19

» ВПН
автор Luz Чт 05 Дек 2024, 17:17

» Дублируется ссылка на форум в боковом меню
автор Luz Чт 05 Дек 2024, 17:14

Готовое решение - Панель смайлов в форме быстрого ответа

Перейти вниз

Готовое решение - Панель смайлов в форме быстрого ответа Empty Готовое решение - Панель смайлов в форме быстрого ответа

Сообщение автор Racoon Чт 30 Апр 2015, 19:35

Предлагаю готовое решение для показа панельки смайлов в форме быстрого ответа.
Проверено на phpBB3
Готовое решение - Панель смайлов в форме быстрого ответа Reshen10
Нужно добавить 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;");

});
});
Замечания по коду:

  1. Фрейм со смайлами создается невидимым. фрагмент
    style="visibility:hidden;"
    Затем после загрузки смайлов фрейм показывается
    $('.smilebox').removeAttr( "style" );
  2. Также отключен скроллер. Если не нужно отключать - уберите фрагмент scrolling="no"
  3. Прячется также выпадающий список с категориями смайлов:
    $('.smilebox').contents().find('html body #smilies_header').hide();
  4. Если у вас несколько категорий смайлов и Вы хотите грузить какую-то конкретную, измените параметр 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 (Чт 04 Июн 2015, 14:29), всего редактировалось 3 раз(а)
Racoon
Racoon
 

Сообщения : 127
Возраст : 43
Регистрация : 2015-03-12
Благодарности : 100

Без предупреждений

http://palata7.forum2x2.ru

Вернуться к началу Перейти вниз

Готовое решение - Панель смайлов в форме быстрого ответа Empty Re: Готовое решение - Панель смайлов в форме быстрого ответа

Сообщение автор Racoon Пн 11 Май 2015, 08:31

Проверил на punBB - Работает.
Только если хотите скрыть выпадающий список с категориями смайлов нужно в скрипте заменить строку

Код:
$('.smilebox').contents().find('html body #smilies_header').hide();
на
Код:
$('.smilebox').contents().find('html body #smilies_categ').hide();
Racoon
Racoon
 

Сообщения : 127
Возраст : 43
Регистрация : 2015-03-12
Благодарности : 100

Без предупреждений

http://palata7.forum2x2.ru

Вернуться к началу Перейти вниз

Вернуться к началу

- Похожие темы

 
Права доступа к этому форуму:
Вы не можете отвечать на сообщения