1 (edited by PunBB 2016.10.26 12:09)

Topic: 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.

2 (edited by nihi1ist 2016.10.26 11:46)

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

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

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

3

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

nihi1ist wrote:

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

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

nihi1ist wrote:

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

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

Если вам долго не отвечают, пишите автору темы в личку или на Email.

4

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

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

5

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

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

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

nihi1ist wrote:

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

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

<meta name="theme-color" content="#fb5757">
Если вам долго не отвечают, пишите автору темы в личку или на Email.

6

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

PunBB wrote:

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

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

7

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

nihi1ist wrote:

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

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

Если вам долго не отвечают, пишите автору темы в личку или на Email.

8

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

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

PunBB wrote:

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

Ок. Поищу.

9

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

PunBB, интересно, а цвет шрифта можно задать?

10

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

интересно, а цвет шрифта можно задать?

Вроде бы нет, только фон.

Если вам долго не отвечают, пишите автору темы в личку или на Email.