Внимание!
Не все расширения для phpBB 3.2 совместимы с phpBB 3.3, главным образом из-за неверного синтаксиса в определениях сервисов (отсутствия обрамляющих кавычек - '...').
Перед обновлением необходимо убедиться в совместимости всех расширений.
Рекомендуется предварительно тестировать обновление на копии конференции (локально или на сервере).

Адаптируемый стиль и меню

Есть любые вопросы, связанные со стилями/темами для phpBB 3.0.x? Задайте их здесь!
Правила форума
Местная Конституция | Шаблон запроса | Документация (phpBB3) | Переход на 3.0.6 и выше | FAQ-3 (phpbb3) | Как задавать вопросы | Как устанавливать моды

Ваш вопрос может быть удален без объяснения причин, если на него есть ответы по приведённым ссылкам (а вы рискуете получить предупреждение ;) ).
Аватара пользователя
Anvar
Former team member
Сообщения: 1962
Стаж: 10 лет 3 месяца
Благодарил (а): 67 раз
Поблагодарили: 787 раз

Адаптируемый стиль и меню

Сообщение Anvar »

Адаптируемый стиль для prosilver, позволяет адаптироваться под планшеты, мобильные телефоны и другие девайсы с небольшим дисплеем.

Данный вариант не является заменой мобильного стиля, так как все данные форума грузятся в штатном режиме, подгоняются размеры, меняется стилизация, юзабилити и скрываются лишние блоки. По этому трафик будет расходоваться в обычном режиме.

Первый вариант - просто кидаем файл responsive.css в папку со стилями themes/ и подключаем его в stylesheet.css, очищаем кэш и заходим с любого девайса. [Отлично ведёт себя с phpBB Gallery, Buttons Menu]
Responsive_Prosilver_Lite-1.0.0.zip
Плавающий prosilver, всего один файл и одна правка
(33.82 КБ) 303 скачивания
Второй вариант - аналогичен, но дополнительно имеем плавающее меню навигации вместо стандартного navbar, которое также адаптируется под любой дисплей, превращаясь при этом в гармошку. Нажимая на иконки справа можно раскрыть блоки с ссылками. При получении нового ЛС, меняется иконка "Домик" на конвертик с ссылкой в ЛС.
Responsive_prosilver_and_menu_accordion-1.0.0.zip
Плавающий стиль вместе с плавающим меню навигации
(75.4 КБ) 321 скачивание
Установка всего в два клика! Полезный минимализм!..
screen.jpg
Последний раз редактировалось Anvar 23.03.2014 13:15, всего редактировалось 5 раз.
Не пишите вопросы лично, если можете задать их на форуме!
Спецзаказы не интересуют!

поиск моих эксклюзивных решений

Аватара пользователя
Di_Mok
Former team member
Сообщения: 814
Стаж: 10 лет 3 месяца
Откуда: Родной Гондурас ;)
Благодарил (а): 146 раз
Поблагодарили: 120 раз

Re: Для стилей на базе prosilver(плавающие меню и стиль)

Сообщение Di_Mok »

Демку бы показал.

Аватара пользователя
Anvar
Former team member
Сообщения: 1962
Стаж: 10 лет 3 месяца
Благодарил (а): 67 раз
Поблагодарили: 787 раз

Re: Для стилей на базе prosilver(плавающие меню и стиль)

Сообщение Anvar »

Демо, штатный просильвер: http://vzaimoposting.ru/?style=1 и на изменённом стиле http://stepnyak.kz/

Если на компьютере, то можно испытать свернув окно браузера в пол экрана к примеру. Тестировалось на нескольких браузерах, Опера, Хром, IE и Опера Мини на мобильном телефоне.
Задействованы штатные стили и иконки prosilver.

Аватара пользователя
x00peR
phpBB 2.0.3
Сообщения: 368
Стаж: 9 лет 4 месяца
Благодарил (а): 75 раз
Поблагодарили: 15 раз

Re: Для стилей на базе prosilver(плавающие меню и стиль)

Сообщение x00peR »

Anvar, немного критики :)
1.Иконки имеют проблески белой окантовки;
2.Слишком большая высота;
3.Для меня непонятно почему иконки исчезаю при наведении, на мой взгляд должно быть что то другое.
4.При сворачивании окна браузера - меню выстраивается вертикально, при этом справа появляются какие то 3 полоски напротив каждого пункта меню.

Аватара пользователя
Anvar
Former team member
Сообщения: 1962
Стаж: 10 лет 3 месяца
Благодарил (а): 67 раз
Поблагодарили: 787 раз

Re: Для стилей на базе prosilver(плавающие меню и стиль)

Сообщение Anvar »

1. Иконки штатные в стиле prosilver, эта критика не сюда (хотя можно изменить в коде forabg на navbar и эти дефекты скроются).
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;
3. Иконки в принципе можно убрать совсем. На стиле Joomla откуда я и вырезал меню, их не было.
4. Последний пункт, гармошка, тоже убирается в два счёта, из шаблона удаляем все <span class="pull"></span>. В перспективе, при нажатии на неё, меню должно раскрываться.
На вкус и цвет, последний легко меняется..

Спасибо за критику )))

Аватара пользователя
x00peR
phpBB 2.0.3
Сообщения: 368
Стаж: 9 лет 4 месяца
Благодарил (а): 75 раз
Поблагодарили: 15 раз

Re: Для стилей на базе prosilver(плавающие меню и стиль)

Сообщение x00peR »

Anvar писал(а):В перспективе, при нажатии на неё, меню должно раскрываться
Да, вот это было бы здорово :)

Аватара пользователя
Anvar
Former team member
Сообщения: 1962
Стаж: 10 лет 3 месяца
Благодарил (а): 67 раз
Поблагодарили: 787 раз

Re: Для стилей на базе prosilver(плавающие меню и стиль)

Сообщение Anvar »

Теперь меню на небольших экранах работает гармошкой. Как и планировалось, кликнув на белые три полоски справа. Архив обновил))

Аватара пользователя
boroda-max
phpBB 1.4.4
Сообщения: 110
Стаж: 8 лет 3 месяца
Откуда: CCCР. Ленинград
Благодарил (а): 105 раз
Поблагодарили: 10 раз

Re: Для стилей на базе prosilver(плавающие меню и стиль)

Сообщение boroda-max »

Прекрасно выполненная Работа! Спасибо огромное!

Аватара пользователя
angst66
phpBB 2.0.21
Сообщения: 1328
Стаж: 8 лет 5 месяцев
Благодарил (а): 77 раз
Поблагодарили: 119 раз

Re: Для стилей на базе prosilver(плавающие меню и стиль)

Сообщение angst66 »

Пару вопросов. Не пойму, noConflict это для чего? Для тех у кого стоит mootools, или у кого стоит jQuery? Обязательно их вместе женить? Второй вопрос. Как данный мод адаптировать под такое меню? http://phpbb3hacks.com//modifications.p ... ttons-menu

Аватара пользователя
Anvar
Former team member
Сообщения: 1962
Стаж: 10 лет 3 месяца
Благодарил (а): 67 раз
Поблагодарили: 787 раз

Re: Для стилей на базе prosilver(плавающие меню и стиль)

Сообщение Anvar »

Тут используется mootools и jquery, для раскрытия меню сжатых в гармошку на небольших дисплеях. Можно было обойтись без mootools, есть способ проще, но так было предусмотрено в стиле из которого вырезана эта часть.

sasa85
phpBB 1.4.4
Сообщения: 158
Стаж: 9 лет 6 месяцев
Благодарил (а): 18 раз
Поблагодарили: 1 раз

Re: Адаптируемый стиль и меню

Сообщение sasa85 »

Никто не допиливал этот мод до победного конца?

Аватара пользователя
ra02ra02
phpBB 1.4.2
Сообщения: 55
Стаж: 4 года
Благодарил (а): 13 раз
Поблагодарили: 1 раз

Re: Адаптируемый стиль и меню

Сообщение ra02ra02 »

Anvar, пожалуйста подробнее опишите подключение

Вернуться в «Стили для phpBB 3.0.x»