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

on

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.

Laisser un commentaire

Contenu non disponible.
Merci d’accepter les cookies en cliquant sur « Accepter » sur la bannière.

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

En continuant à utiliser le site, vous acceptez l’utilisation des cookies. Plus d’informations

Les paramètres des cookies sur ce site sont définis sur « accepter les cookies » pour vous offrir la meilleure expérience de navigation possible. Si vous continuez à utiliser ce site sans changer vos paramètres de cookies ou si vous cliquez sur "Accepter" ci-dessous, vous consentez à cela.

Fermer