1 (изменено: PunBB, 2016.10.26 12:09)

Тема: Pan Meta Theme-Color - Закрашенная вкладка браузера на Андроид

С выходом Android 5.0 мобильный браузер Chrome начал поддерживать метатег theme-color. Для примера сделаем верхнюю панель красной:

<meta name="theme-color" content="red">

или так сделать синей

<meta name="theme-color" content="#4795cc">

Любой из них будет работать. Конечно все это красиво. Многие лидеры уже внедрили эту фишку, такие как Авито, YouTube, HH.ru

Pan Meta Theme-Color - Закрашенная вкладка браузера на Андроид

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

Pan Meta Theme-Color - Закрашенная вкладка браузера на Андроид

Настройка цвета:
Войти в Администрирование - Настройки - Свойства
Выберите цвет на палитре. Если проблемы с HTML5, то вставляйте код в поле ввода вручную как показано в примере используя коды цветов (#4795cc) или их имена (red, yellow, blue, green).

Скачать расширение Pan Meta Theme-Color

Email: punbb.info@gmail.com

2 (изменено: nihi1ist, 2016.10.26 11:46)

Re: Pan Meta Theme-Color - Закрашенная вкладка браузера на Андроид

Подскажите, а как можно сделать разные цвета, под цвета тем?

И выложите пожалуйста мобильную тему, которая показана на скриншоте...

3

Re: Pan Meta Theme-Color - Закрашенная вкладка браузера на Андроид

nihi1ist сказал:

Подскажите, а как можно сделать разные цвета, под цвета тем?

там есть палитра в настройках

nihi1ist сказал:

мобильную тему, которая показана на скриншоте

это обычная тема Oxygen из архива PunBB версии 1.4.4

Email: punbb.info@gmail.com

4

Re: Pan Meta Theme-Color - Закрашенная вкладка браузера на Андроид

PunBB, нет, я снова не до конца объяснил. У меня стоит расширение kt_mobile. Оно имеет свои стили для мобильной версии форума. Но в нем единственный main.tpl. И как туда прикрутить эти метатеги, чтобы работали разные цвета для разных стилей.

5

Re: Pan Meta Theme-Color - Закрашенная вкладка браузера на Андроид

Обновил расширение.
Добавлена возможность устанавливать цвет для других стилей. Для этого нужно создать копию стиля Hydrogen.
Для стиля Oxygen цвет вкладки устанавливается из настроек в админке.

Если после установки расширения и настройки цвета вкладка не закрашена, то потребуется обновить куки браузера, желательно на каждом стиле.

nihi1ist сказал:

У меня стоит расширение kt_mobile. Оно имеет свои стили для мобильной версии форума

у него стиль пользователя принудительно устанавливается на Oxygen. Это крайне не желательно делать, так как это может повлиять на подключение стилей во всех расширениях.
В качестве решения, вы можете поступить так: в шаблон мобильного стиля этого расширения, в область HEAD добавить следующий код:

<meta name="theme-color" content="#fb5757">
Email: punbb.info@gmail.com

6

Re: Pan Meta Theme-Color - Закрашенная вкладка браузера на Андроид

PunBB сказал:

у него стиль пользователя принудительно устанавливается на Oxygen. Это крайне не желательно делать, так как это может повлиять на подключение стилей во всех расширениях.
В качестве решения, вы можете поступить так: в шаблон мобильного стиля этого расширения, в область HEAD добавить следующий код:

Да нет же, там есть поддержка других тем. Но они отдельные. Как например стили для расширений. Я уже одну тему добавил. Работает, но не могу придумать, как прикрутить фишку из этой темы. Чтобы в зависимости от темы в профиле пользователя изменялся и цвет заголовка.

7

Re: Pan Meta Theme-Color - Закрашенная вкладка браузера на Андроид

nihi1ist сказал:

Но в нем единственный main.tpl.

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

Email: punbb.info@gmail.com

8

Re: Pan Meta Theme-Color - Закрашенная вкладка браузера на Андроид

PunBB, ладно, покопаюсь в manifest.xml может смогу переделать под раздельные шаблоны для тем.

PunBB сказал:

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

Ок. Поищу.