Уважаемые пользователи!
C 7 ноября 2020 года phpBB Group прекратила выпуск обновлений и завершила дальнейшее развитие phpBB версии 3.2.
С 1 августа 2024 года phpBB Group прекращает поддержку phpBB 3.2 на официальном сайте.
Сайт официальной русской поддержки phpBB Guru продолжит поддержку phpBB 3.2 до 31 декабря 2024 года.
С учетом этого, настоятельно рекомендуется обновить конференции до версии 3.3.
C 7 ноября 2020 года phpBB Group прекратила выпуск обновлений и завершила дальнейшее развитие phpBB версии 3.2.
С 1 августа 2024 года phpBB Group прекращает поддержку phpBB 3.2 на официальном сайте.
Сайт официальной русской поддержки phpBB Guru продолжит поддержку phpBB 3.2 до 31 декабря 2024 года.
С учетом этого, настоятельно рекомендуется обновить конференции до версии 3.3.
Адаптируемый стиль и меню
Правила форума
Местная Конституция | Шаблон запроса | Документация (phpBB3) | Переход на 3.0.6 и выше | FAQ-3 (phpbb3) | Как задавать вопросы | Как устанавливать моды
Ваш вопрос может быть удален без объяснения причин, если на него есть ответы по приведённым ссылкам (а вы рискуете получить предупреждение ).
Местная Конституция | Шаблон запроса | Документация (phpBB3) | Переход на 3.0.6 и выше | FAQ-3 (phpbb3) | Как задавать вопросы | Как устанавливать моды
Ваш вопрос может быть удален без объяснения причин, если на него есть ответы по приведённым ссылкам (а вы рискуете получить предупреждение ).
-
- Former team member
- Сообщения: 1965
- Стаж: 14 лет
- Благодарил (а): 67 раз
- Поблагодарили: 799 раз
- Контактная информация:
Адаптируемый стиль и меню
Адаптируемый стиль для prosilver, позволяет адаптироваться под планшеты, мобильные телефоны и другие девайсы с небольшим дисплеем.
Данный вариант не является заменой мобильного стиля, так как все данные форума грузятся в штатном режиме, подгоняются размеры, меняется стилизация, юзабилити и скрываются лишние блоки. По этому трафик будет расходоваться в обычном режиме.
Первый вариант - просто кидаем файл responsive.css в папку со стилями themes/ и подключаем его в stylesheet.css, очищаем кэш и заходим с любого девайса. [Отлично ведёт себя с phpBB Gallery, Buttons Menu] Второй вариант - аналогичен, но дополнительно имеем плавающее меню навигации вместо стандартного navbar, которое также адаптируется под любой дисплей, превращаясь при этом в гармошку. Нажимая на иконки справа можно раскрыть блоки с ссылками. При получении нового ЛС, меняется иконка "Домик" на конвертик с ссылкой в ЛС. Установка всего в два клика! Полезный минимализм!..
Данный вариант не является заменой мобильного стиля, так как все данные форума грузятся в штатном режиме, подгоняются размеры, меняется стилизация, юзабилити и скрываются лишние блоки. По этому трафик будет расходоваться в обычном режиме.
Первый вариант - просто кидаем файл responsive.css в папку со стилями themes/ и подключаем его в stylesheet.css, очищаем кэш и заходим с любого девайса. [Отлично ведёт себя с phpBB Gallery, Buttons Menu] Второй вариант - аналогичен, но дополнительно имеем плавающее меню навигации вместо стандартного navbar, которое также адаптируется под любой дисплей, превращаясь при этом в гармошку. Нажимая на иконки справа можно раскрыть блоки с ссылками. При получении нового ЛС, меняется иконка "Домик" на конвертик с ссылкой в ЛС. Установка всего в два клика! Полезный минимализм!..
Последний раз редактировалось Anvar 23.03.2014 13:15, всего редактировалось 5 раз.
Не пишите вопросы лично, если можете задать их на форуме!
Спецзаказы не интересуют!
Спецзаказы не интересуют!
-
- Former team member
- Сообщения: 1965
- Стаж: 14 лет
- Благодарил (а): 67 раз
- Поблагодарили: 799 раз
- Контактная информация:
Re: Для стилей на базе prosilver(плавающие меню и стиль)
Демо, штатный просильвер: http://vzaimoposting.ru/?style=1 и на изменённом стиле http://stepnyak.kz/
Если на компьютере, то можно испытать свернув окно браузера в пол экрана к примеру. Тестировалось на нескольких браузерах, Опера, Хром, IE и Опера Мини на мобильном телефоне.
Задействованы штатные стили и иконки prosilver.
Если на компьютере, то можно испытать свернув окно браузера в пол экрана к примеру. Тестировалось на нескольких браузерах, Опера, Хром, IE и Опера Мини на мобильном телефоне.
Задействованы штатные стили и иконки prosilver.
Re: Для стилей на базе prosilver(плавающие меню и стиль)
Anvar, немного критики
1.Иконки имеют проблески белой окантовки;
2.Слишком большая высота;
3.Для меня непонятно почему иконки исчезаю при наведении, на мой взгляд должно быть что то другое.
4.При сворачивании окна браузера - меню выстраивается вертикально, при этом справа появляются какие то 3 полоски напротив каждого пункта меню.
1.Иконки имеют проблески белой окантовки;
2.Слишком большая высота;
3.Для меня непонятно почему иконки исчезаю при наведении, на мой взгляд должно быть что то другое.
4.При сворачивании окна браузера - меню выстраивается вертикально, при этом справа появляются какие то 3 полоски напротив каждого пункта меню.
-
- Former team member
- Сообщения: 1965
- Стаж: 14 лет
- Благодарил (а): 67 раз
- Поблагодарили: 799 раз
- Контактная информация:
Re: Для стилей на базе prosilver(плавающие меню и стиль)
1. Иконки штатные в стиле prosilver, эта критика не сюда (хотя можно изменить в коде forabg на navbar и эти дефекты скроются).
2. Высота легко меняется в responsive.css
padding: 10px 20px;
+
line-height: 30px;
3. Иконки в принципе можно убрать совсем. На стиле Joomla откуда я и вырезал меню, их не было.
4. Последний пункт, гармошка, тоже убирается в два счёта, из шаблона удаляем все <span class="pull"></span>. В перспективе, при нажатии на неё, меню должно раскрываться.
На вкус и цвет, последний легко меняется..
Спасибо за критику )))
2. Высота легко меняется в responsive.css
padding: 10px 20px;
Код: Выделить всё
[class*="avatar-main-menu"] > li {
float: left;
font-size: 14px;
padding: 10px 20px;
line-height: 30px;
Код: Выделить всё
[class*="avatar-main-menu"] li a {
color: #fff;
display: block;
line-height: 30px;
4. Последний пункт, гармошка, тоже убирается в два счёта, из шаблона удаляем все <span class="pull"></span>. В перспективе, при нажатии на неё, меню должно раскрываться.
На вкус и цвет, последний легко меняется..
Спасибо за критику )))
Re: Для стилей на базе prosilver(плавающие меню и стиль)
Да, вот это было бы здоровоAnvar писал(а):В перспективе, при нажатии на неё, меню должно раскрываться
-
- Former team member
- Сообщения: 1965
- Стаж: 14 лет
- Благодарил (а): 67 раз
- Поблагодарили: 799 раз
- Контактная информация:
Re: Для стилей на базе prosilver(плавающие меню и стиль)
Теперь меню на небольших экранах работает гармошкой. Как и планировалось, кликнув на белые три полоски справа. Архив обновил))
- boroda-max
- phpBB 1.4.4
- Сообщения: 110
- Стаж: 12 лет
- Откуда: CCCР. Ленинград
- Благодарил (а): 105 раз
- Поблагодарили: 10 раз
- Контактная информация:
Re: Для стилей на базе prosilver(плавающие меню и стиль)
Прекрасно выполненная Работа! Спасибо огромное!
- angst66
- phpBB 3.0.0 RC1
- Сообщения: 1469
- Стаж: 12 лет 2 месяца
- Благодарил (а): 86 раз
- Поблагодарили: 149 раз
Re: Для стилей на базе prosilver(плавающие меню и стиль)
Пару вопросов. Не пойму, noConflict это для чего? Для тех у кого стоит mootools, или у кого стоит jQuery? Обязательно их вместе женить? Второй вопрос. Как данный мод адаптировать под такое меню? http://phpbb3hacks.com//modifications.p ... ttons-menu
-
- Former team member
- Сообщения: 1965
- Стаж: 14 лет
- Благодарил (а): 67 раз
- Поблагодарили: 799 раз
- Контактная информация:
Re: Для стилей на базе prosilver(плавающие меню и стиль)
Тут используется mootools и jquery, для раскрытия меню сжатых в гармошку на небольших дисплеях. Можно было обойтись без mootools, есть способ проще, но так было предусмотрено в стиле из которого вырезана эта часть.