Alexander писал(а):Наконец-то добрался до прокрутки. Сделал без скриптов.
В файл content.css добавил внизу:
Код: Выделить все
/* Scroll for smiles */
.scrollblock {
overflow: auto;
width: 100%;
height: 242px;
}
Для стиля просильвер и при размещении блока смайлов справа получается актуально задавать ширину width: 100%. Так при фиксированной ширине блок со смайлами начинает выезжать за пределы окна при уменьшении его размеров.
Блоки смайлов в posting_editor.html и quickreply_editor.html обернул в код, указанный Сергеем.
Теперь все отлично! Во-первых, облегченная версия, во-вторых, стандартный бегунок, в-третьих без "глюков", которые у меня возникли при использовании библиотеки скриптов jQuery.
Аналогичная проблема при использовании скрипта! Очень криво смотрится и артефакт и выезд за пределы окна. Снес его.
Прошу Вас подскажите для чайников, где искать файл content.css и в какой код надо "обернуть" блоки смайлов, и что это должны быть за блоки?
И Вы, я так понял, данный скрипт тоже снесли.
Поясните плиз как Вы сделали прокрутку без скрипта. Я не очень понял, как
Lorem Ipsum писал(а):Если кто не хочет ставить скрипты, то существует очень простое решение для блока со смайликами.
В шаблоне posting_editor.html найти участок:
Код: Выделить все
<div id="smiley-box">
Заменить на:
Код: Выделить все
<div id="smiley-box" style="max-height: 300px; overflow: auto;">
Грамотнее, конечно, создать новый класс в css и потом применять его для блоков везде, где нужно. Но на скорую руку и так сойдёт.
Снес недопиленый скрипт
и сделал по предложенному ПРОСТОМУ решению! Результат отлично! Спасибо!
А как сделать, чтобы прокрутка появлялась только при переходе на панель смайлов?
Сергей, а как сделано у Вас? Вы говорили что похоже..