Блок с вертикальной прокруткой[версия 2]

В данном подфоруме я буду выкладывать разнообразные украшения форума phpbb3, от смайлов до скриптов, от ВВ-кодов до различных полезных программ.

Модераторы: Vl@d1m1r, Lorem Ipsum, Atlas

Правила форума
----
Ответить
Аватара пользователя
Alexander
Свой на все 100
Свой на все 100
Сообщения: 484
Стаж: 11 лет 5 месяцев
Откуда: Россия
Контактная информация:

Блок с вертикальной прокруткой[версия 2]

Сообщение Alexander »

Сорри: здесь и здесь.
#81
Аватара пользователя
DeaDRoMeO
Старожил Форума
Старожил Форума
Сообщения: 16763
Стаж: 13 лет
Откуда: Витебск
Контактная информация:

Блок с вертикальной прокруткой[версия 2]

Сообщение DeaDRoMeO »

Ну впринципе, первая ссылка и есть хорошее решение. Это

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

.scrollblock {overflow: auto; width: 200px; height: 50px;}
Прописать в конец любого CSS файла стиля, а этим

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

<div class="scrollblock"> код смайлов</div>
Обернуть в шаблоне условие вывода смайлов, ширина и высота видимой части регулируется первой строкой из CSS
На вопросы, связанные с phpBB, по ЛС не отвечаю !!!
#82
Аватара пользователя
Alexander
Свой на все 100
Свой на все 100
Сообщения: 484
Стаж: 11 лет 5 месяцев
Откуда: Россия
Контактная информация:

Блок с вертикальной прокруткой[версия 2]

Сообщение Alexander »

Я не знаю, конечно, точно, но, по-моему, решение без всяких сторонних скриптов - лучше все-таки. Или я не прав?
#83
Аватара пользователя
DeaDRoMeO
Старожил Форума
Старожил Форума
Сообщения: 16763
Стаж: 13 лет
Откуда: Витебск
Контактная информация:

Блок с вертикальной прокруткой[версия 2]

Сообщение DeaDRoMeO »

Конечно правы))
На вопросы, связанные с phpBB, по ЛС не отвечаю !!!
#84
Аватара пользователя
Alexander
Свой на все 100
Свой на все 100
Сообщения: 484
Стаж: 11 лет 5 месяцев
Откуда: Россия
Контактная информация:

Блок с вертикальной прокруткой[версия 2]

Сообщение Alexander »

Наконец-то добрался до прокрутки. Сделал без скриптов.
В файл content.css добавил внизу:

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

/* Scroll for smiles */
.scrollblock {
overflow: auto;
width: 100%;
height: 242px;
}
Для стиля просильвер и при размещении блока смайлов справа получается актуально задавать ширину width: 100%. Так при фиксированной ширине блок со смайлами начинает выезжать за пределы окна при уменьшении его размеров.

Блоки смайлов в posting_editor.html и quickreply_editor.html обернул в код, указанный Сергеем.

Теперь все отлично! :dan_ser: Во-первых, облегченная версия, во-вторых, стандартный бегунок, в-третьих без "глюков", которые у меня возникли при использовании библиотеки скриптов jQuery.
#85
Аватара пользователя
DeaDRoMeO
Старожил Форума
Старожил Форума
Сообщения: 16763
Стаж: 13 лет
Откуда: Витебск
Контактная информация:

Блок с вертикальной прокруткой[версия 2]

Сообщение DeaDRoMeO »

Поздравляю))
На вопросы, связанные с phpBB, по ЛС не отвечаю !!!
#86
loginza1386
Заглянул на огонек
Заглянул на огонек
Сообщения: 6
Стаж: 11 лет 3 месяца
Контактная информация:

Блок с вертикальной прокруткой[версия 2]

Сообщение loginza1386 »

Сергей, здравствуйте! Помогите пожалуйста, сделать тоже, что и Александр, но на subsilver2.
Alexander писал(а):Наконец-то добрался до прокрутки. Сделал без скриптов.
В файл content.css добавил внизу:
Код: Выделить все
/* Scroll for smiles */
.scrollblock {
overflow: auto;
width: 100%;
height: 242px;
}

Для стиля просильвер и при размещении блока смайлов справа получается актуально задавать ширину width: 100%. Так при фиксированной ширине блок со смайлами начинает выезжать за пределы окна при уменьшении его размеров.

Блоки смайлов в posting_editor.html и quickreply_editor.html обернул в код, указанный Сергеем.

Теперь все отлично! :dan_ser: Во-первых, облегченная версия, во-вторых, стандартный бегунок, в-третьих без "глюков", которые у меня возникли при использовании библиотеки скриптов jQuery.
#87
Аватара пользователя
DeaDRoMeO
Старожил Форума
Старожил Форума
Сообщения: 16763
Стаж: 13 лет
Откуда: Витебск
Контактная информация:

Блок с вертикальной прокруткой[версия 2]

Сообщение DeaDRoMeO »

А там ничего сложного то и нет, нужно всего лишь в конец файла stylesheet.css добавить этот код

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

/* Scroll for smiles */
.scrollblock {
overflow: auto;
width: 100%;
height: 242px;
}
А блоки смайлов обернуть дивами

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

<div class="scrollblock">
блок смайлов
</div>
Где искать блоки смайлов - смотрите в первом сообщении этой темы
На вопросы, связанные с phpBB, по ЛС не отвечаю !!!
#88
loginza1386
Заглянул на огонек
Заглянул на огонек
Сообщения: 6
Стаж: 11 лет 3 месяца
Контактная информация:

Блок с вертикальной прокруткой[версия 2]

Сообщение loginza1386 »

Сергей, спасибо большое за помощь! :hi:
#89
Аватара пользователя
DeaDRoMeO
Старожил Форума
Старожил Форума
Сообщения: 16763
Стаж: 13 лет
Откуда: Витебск
Контактная информация:

Блок с вертикальной прокруткой[версия 2]

Сообщение DeaDRoMeO »

На здоровьице))
На вопросы, связанные с phpBB, по ЛС не отвечаю !!!
#90
Аватара пользователя
dqdmitry
Самый Любознательный
Самый Любознательный
Сообщения: 377
Стаж: 11 лет 4 месяца
Откуда: Ангарск
Контактная информация:

Блок с вертикальной прокруткой[версия 2]

Сообщение dqdmitry »

Забыл отписаться...
Тоже была проблема с "выездом" окна прокрутки за пределы окна браузера при малых разрешениях экрана.
В /js/jscrollpane.css (всё как в первом посте темы) поставил width: auto;, в результате окно с прокруткой отображается корректно, даже если оно толщиной в один смайлик))).
нуевонафигэтотавтомод
#91
Аватара пользователя
Missis_Oksi
Заглянул на огонек
Заглянул на огонек
Сообщения: 5
Стаж: 11 лет
Откуда: Брест
Контактная информация:

Блок с вертикальной прокруткой[версия 2]

Сообщение Missis_Oksi »

не могу загрузить архив на сервер, пишет архив поврежден
#92
Аватара пользователя
Missis_Oksi
Заглянул на огонек
Заглянул на огонек
Сообщения: 5
Стаж: 11 лет
Откуда: Брест
Контактная информация:

Блок с вертикальной прокруткой[версия 2]

Сообщение Missis_Oksi »

posting_editor.html
posting_body.html
нет таких файлов :(

разобралась сама, скопировала posting_editor.html из просильвера в свой стиль, изменила его и все работает, спасибо вам большое
Последний раз редактировалось Missis_Oksi 18 мар 2013, 00:10, всего редактировалось 1 раз.
#93
Аватара пользователя
DeaDRoMeO
Старожил Форума
Старожил Форума
Сообщения: 16763
Стаж: 13 лет
Откуда: Витебск
Контактная информация:

Блок с вертикальной прокруткой[версия 2]

Сообщение DeaDRoMeO »

Ну с успешной установкой))
На вопросы, связанные с phpBB, по ЛС не отвечаю !!!
#94
Аватара пользователя
anton.mq
Заглянул на огонек
Заглянул на огонек
Сообщения: 35
Стаж: 11 лет
Контактная информация:

Блок с вертикальной прокруткой[версия 2]

Сообщение anton.mq »

DeaDRoMeO, помогите плиз, вот сделал я быстрый ответ как у вас, а смайлы у меня так же как и в обычном ответе - тоесть справа весь список виден. В обычном ответе я сделал скролл с помощью этого мода (смайлы прокручиваются), а в быстром ответе можно сделать тоже самое чтобы так же скрыть их? и как? А еще лучше убрать бы это все под кнопку как у вас..
Тема просильвер. :x
#95
Аватара пользователя
DeaDRoMeO
Старожил Форума
Старожил Форума
Сообщения: 16763
Стаж: 13 лет
Откуда: Витебск
Контактная информация:

Блок с вертикальной прокруткой[версия 2]

Сообщение DeaDRoMeO »

Перед тем как задать вопрос, перелистываем всю тему, скролл в быстром ответе обсуждался -
А если нужна простая кнопка, то удаляете код смайлов из шаблона быстрого ответа и в любое удобное место ставите

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

<a  href="/posting.php?mode=smilies&f=138" onclick="popup(this.href, 300, 350, '_phpbbsmilies'); return false;" title="Добавить смайлики в свое сообщение">Добавить смайлики</a>
На вопросы, связанные с phpBB, по ЛС не отвечаю !!!
#96
Аватара пользователя
anton.mq
Заглянул на огонек
Заглянул на огонек
Сообщения: 35
Стаж: 11 лет
Контактная информация:

Блок с вертикальной прокруткой[версия 2]

Сообщение anton.mq »

DeaDRoMeO,спасибо большущее... я просто спешил..у меня график бешеный)))
#97
Аватара пользователя
DeaDRoMeO
Старожил Форума
Старожил Форума
Сообщения: 16763
Стаж: 13 лет
Откуда: Витебск
Контактная информация:

Блок с вертикальной прокруткой[версия 2]

Сообщение DeaDRoMeO »

На здоровьице)
На вопросы, связанные с phpBB, по ЛС не отвечаю !!!
#98
Alisa
Зашел немного посидеть
Зашел немного посидеть
Сообщения: 70
Стаж: 11 лет
Контактная информация:

Блок с вертикальной прокруткой[версия 2]

Сообщение Alisa »

Спасибо за скрол, отличная вещь :co_ol: , все легко и просто :-ok-: , что особенно важно для новичка :goria_cho: , устанвила за пару минут :ya_hoo_oo: .
#99
Аватара пользователя
DeaDRoMeO
Старожил Форума
Старожил Форума
Сообщения: 16763
Стаж: 13 лет
Откуда: Витебск
Контактная информация:

Блок с вертикальной прокруткой[версия 2]

Сообщение DeaDRoMeO »

Поздравляю, рад вашим успехам)
На вопросы, связанные с phpBB, по ЛС не отвечаю !!!
#100
Ответить
  • Похожие темы
    Ответы
    Просмотры
    Последнее сообщение