Personnalisez la couleur de la barre titre de Chrome 39+ sur votre site web

Si vous avez essayé de visiter Beldy.tk via votre mobile Android avec la nouvelle version de Chrome mobile, vous aurez peut être remarqué que la barre supérieure du titre est colorée en bleu comme la couleur du thème du site :

Beldy sous Chrome Mobile (Android 5)
Beldy sous Chrome Mobile (Android 5)

L’astuce pour arriver au même résultat sur votre site est très simple, d’ailleurs, c’est une façon très facile de donner une personnalité à votre site et de le rendre facilement identifiable pour les utilisateurs mobile.

Une balise meta

Tout se fait avec une simple balise meta comme suit :

<meta name="theme-color" content="#00A2DC">

Vous n’avez qu’a placer cette balise (après avoir changé la couleur désirée dans le champ « content » ) en haut avant la balise </head> fermante et le tour est joué!

Testé sous Chrome mobile 39.0.2171.93 et Android 5.0.1.

Filed under: AndroidTagged with: , , , , , ,

No comment yet, add your voice below!


Add a Comment

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *

Comment *
Name *
Email *
Website

Ce site utilise Akismet pour réduire les indésirables. En savoir plus sur comment les données de vos commentaires sont utilisées.