1 Topic by PunBB (edited by PunBB 2018.03.01 23:52)

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

https://punbb.softplaza.net/uploads/images/2016/10/24/screenshot_2016-10-24-20-10-37.png

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

https://punbb.softplaza.net/uploads/images/2016/10/26/screenshot.2016-10-26.png

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

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

1

2 Reply by nihi1ist (edited by nihi1ist 2016.10.26 01:46)

  • nihi1ist
  • Добрый Санта
  • Offline
  • More info

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

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

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

nihi1ist's Website

3 Reply by PunBB

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

nihi1ist wrote:

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

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

nihi1ist wrote:

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

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

4 Reply by nihi1ist

  • nihi1ist
  • Добрый Санта
  • Offline
  • More info

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

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

nihi1ist's Website

5 Reply by PunBB

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

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

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

nihi1ist wrote:

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

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

<meta name="theme-color" content="#fb5757">

6 Reply by nihi1ist

  • nihi1ist
  • Добрый Санта
  • Offline
  • More info

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

PunBB wrote:

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

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

nihi1ist's Website

7 Reply by PunBB

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

nihi1ist wrote:

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

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

1

8 Reply by nihi1ist

  • nihi1ist
  • Добрый Санта
  • Offline
  • More info

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

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

PunBB wrote:

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

Ок. Поищу.

nihi1ist's Website

9 Reply by nihi1ist

  • nihi1ist
  • Добрый Санта
  • Offline
  • More info

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

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

nihi1ist's Website

10 Reply by PunBB

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

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

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