Страница 2 из 2

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

Добавлено: 28 дек 2015, 22:07
eska
У многих форум включая и мой есть много смайлов, которые можно открыть нажав на "все смайлы" можно ли использовать одно стандартное окно, но добавить ползунок вниз, вместо 1.2.3 страниц?
Изображение

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

Добавлено: 29 дек 2015, 23:38
Resistant
добавил forms.css после блока

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

#smiley-box {
	width: 18%;
	float: right;
}
ну ползунок так и не появился

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

Добавлено: 30 дек 2015, 02:48
staiki
CabinetAdmin писал(а): Можно просто после него, а можно те два элемента добавить к уже существующему.
Увы - у меня ничего не меняет. Плюс ко всему почему-то тёмный фон..
Изображение

Не подскажете как исправить?

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

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

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

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

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

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

<div class="panel">
и добавить к нему новый класс:

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

<div class="panel smiley-posting">
Дальше надо добавить в стили:

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

#smiley-box, .smiley-posting {
	height: 300px;
	overflow: auto;
}
В таком виде скролл будет и в форме ответа и в этом окне. Если в форме ответа не надо - #smiley-box, можно удалить.

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

Добавлено: 14 сен 2016, 17:40
LEOPARD
А как смайлы поднять чуть-чуть выше? Или это нормальная позиция для них?
Изображение

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

Добавлено: 14 сен 2016, 19:12
CabinetAdmin
Нормальная, такая же как и здесь. Но поднять тоже можно, добавьте margin-top: -20px; (-30 или -40, тут по месту надо подбирать) к #smiley-box.

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

Добавлено: 14 сен 2016, 20:34
LEOPARD
CabinetAdmin писал(а): тут по месту надо подбирать
Так точно! Подогнал)
Изображение

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

Добавлено: 01 май 2017, 21:16
hev
[quote="CabinetAdmin"][/quote]

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

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

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

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

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

Добавлено: 02 май 2017, 07:56
CabinetAdmin
Кстати, у меня была такая же идея. Надо посмотреть.

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

Добавлено: 03 май 2017, 15:55
hev
CabinetAdmin писал(а): Кстати, у меня была такая же идея. Надо посмотреть.
более эстетично тогда бы смайлы смотрелись ;)
посмотрите плиз.

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

Добавлено: 07 май 2017, 14:23
CabinetAdmin
Сейчас появилось время чуток поэкспериментировать, вот такой сырой вариант получился:

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

<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>
Это для теста. Правда высота увеличивается не сразу, а чуть с задержкой.
Можно добавить в футер напрямую, либо через расширение.