Смайлы в окне с ползунком

Новая версия - новые вопросы.
Попробуем разобраться со всеми возникшими вопросами вместе.
Аватара пользователя
Resistant

Смайлы в окне с ползунком

Resistant 29 дек 2015, 23:38 Сообщение

добавил forms.css после блока

Код: Выделить всё

#smiley-box { width: 18%; float: right; }

ну ползунок так и не появился

Аватара пользователя
staiki

Смайлы в окне с ползунком

staiki 30 дек 2015, 02:48 Сообщение

CabinetAdmin писал(а):Источник цитаты Можно просто после него, а можно те два элемента добавить к уже существующему.

Увы - у меня ничего не меняет. Плюс ко всему почему-то тёмный фон..
Изображение

Не подскажете как исправить?
http://staiki.net/ Форум Компьютерной Помощи :Bravo:

Аватара пользователя
eska

Смайлы в окне с ползунком

eska 30 дек 2015, 08:16 Сообщение

CabinetAdmin, не помогло, ни рядом, ни в один блок. Всё так жн остаётся, стиль Modern-silver, кэш чистил.

Аватара пользователя
CabinetAdmin

Смайлы в окне с ползунком

CabinetAdmin 30 дек 2015, 15:59 Сообщение

А про какое место речь? Я отвечал на сложную вариацию запуска расширения которую описал romaamor, на его скриншоте обычный блок со смайлами, который справа от формы ответа. Чуть выше на скриншоте блок со всеми смайлами, который открывается в новом окне. Это вообще разные места...

Чтобы все смайлы были на одной страницы надо в настройках - Размещение сообщений - Смайликов на странице - задать своё значение.
Чтобы появился ползунок, надо открыть шаблон posting_smilies, найти в нём:

Код: Выделить всё

<div class="panel">

и добавить к нему новый класс:

Код: Выделить всё

<div class="panel smiley-posting">


Дальше надо добавить в стили:

Код: Выделить всё

#smiley-box, .smiley-posting { height: 300px; overflow: auto; }

В таком виде скролл будет и в форме ответа и в этом окне. Если в форме ответа не надо - #smiley-box, можно удалить.
Создать форум бесплатно на http://luckbb.ru/
Хочешь поблагодарить? Есть способы Поддержать проект

Аватара пользователя
LEOPARD

Смайлы в окне с ползунком

LEOPARD 14 сен 2016, 17:40 Сообщение

А как смайлы поднять чуть-чуть выше? Или это нормальная позиция для них?
Изображение

Аватара пользователя
CabinetAdmin

Смайлы в окне с ползунком

CabinetAdmin 14 сен 2016, 19:12 Сообщение

Нормальная, такая же как и здесь. Но поднять тоже можно, добавьте margin-top: -20px; (-30 или -40, тут по месту надо подбирать) к #smiley-box.
Создать форум бесплатно на http://luckbb.ru/
Хочешь поблагодарить? Есть способы Поддержать проект

Аватара пользователя
LEOPARD

Смайлы в окне с ползунком

LEOPARD 14 сен 2016, 20:34 Сообщение

CabinetAdmin писал(а):Источник цитаты тут по месту надо подбирать

Так точно! Подогнал)
Изображение

hev

Смайлы в окне с ползунком

hev 01 май 2017, 21:16 Сообщение

[quote="CabinetAdmin"][/quote]

спасибо за скролл бокс смайлов, но хочется большего :)

1) при растягивание textarea в быстром ответе чтобы бокс со смайлами тоже тянулся за ним.
Изображение

2) в стандартном ответе чтобы тоже был во всю высоту textarea, а тоже чтобы тоже тянулся за ней если будет увеличиться.
Изображение

если сложно за автоматическим растягивает, хотя бы подсказку, как сделать в стандартном ответе свою высоту чтобы растянуть а в быстром свою. заранее благодарен

Аватара пользователя
CabinetAdmin

Смайлы в окне с ползунком

CabinetAdmin 02 май 2017, 07:56 Сообщение

Кстати, у меня была такая же идея. Надо посмотреть.
Создать форум бесплатно на http://luckbb.ru/
Хочешь поблагодарить? Есть способы Поддержать проект

hev

Смайлы в окне с ползунком

hev 03 май 2017, 15:55 Сообщение

CabinetAdmin писал(а):Источник цитаты Кстати, у меня была такая же идея. Надо посмотреть.


более эстетично тогда бы смайлы смотрелись ;)
посмотрите плиз.

Аватара пользователя
CabinetAdmin

Смайлы в окне с ползунком

CabinetAdmin 07 май 2017, 14:23 Сообщение

Сейчас появилось время чуток поэкспериментировать, вот такой сырой вариант получился:

Код: Выделить всё

<script type="text/javascript"> $(function() { var txt = $('#message-box textarea'), sBlock = $('#smiley-box').css({ 'max-height': '355px', 'min-height': txt.height()+'px', 'height': txt.height()+'px', 'overflow-x': 'auto' }).append('<div class="smiles-div" style="display: none;" />'), hdBlock = $('.smiles-div'), content = null, height = txt.height(); txt.bind('keyup', function() { content = txt.val(); content = content.replace(/\n/g, '<br>'); hdBlock.html(content); sBlock.css('height', hdBlock.height()); }); }); </script>

Это для теста. Правда высота увеличивается не сразу, а чуть с задержкой.
Можно добавить в футер напрямую, либо через расширение.
Создать форум бесплатно на http://luckbb.ru/
Хочешь поблагодарить? Есть способы Поддержать проект



Похожие темы

Вернуться в «Поддержка phpBB 3.1.x»

Кто сейчас на конференции

Сейчас этот форум просматривают: Яндекс и 1 гость