Forum de l’article

A la une

Qui êtes-vous ?
Votre message

Pour créer des paragraphes, laissez simplement des lignes vides.

Ajouter un document

Rappel de la discussion
Couleurs de fond différentes des onglets "A la une"
Le Jaseur Boréal - le 4 mai 2017

Comment colorer les onglets avec des couleurs de fond différentes ?

de manière à rendre le repérage et l’exercice des doigts plus facile sur de petits écrans de smartphones ?

Les onglets de la page d’accueil s’affichent avec une même teinte quelque soient les écrans.

Sur les écrans de smartphones et tablettes, selon l’affichage "portrait" ou "paysage", les onglets semblent même se chevaucher.

Pour faciliter l’expérience visiteur et la navigation dans le site escal, cela serait un plus de pouvoir mettre en place des couleurs différentes pour chaque onglet,

De même on pourrait prévoir des couleurs pour les onglets du menu horizontal et/ou ceux du menu vertical.

Comment procéder ?

Avez-vous quelques solutions ?

Merci !

« Aujourd’hui 4 mai 2017, la Lettonie ouvre les festivités du Centenaire de son Etat 2018-1918 avec des activités prévues jusqu’en 2020 ! »

Couleurs de fond différentes des onglets "A la une"
Jean Christophe Villeneuve - le 4 mai 2017

Hello

ça devrait être jouable mais pas si simple. Je bosse dessus dès que j’ai un moment.

Couleurs de fond différentes des onglets "A la une"
Jean Christophe Villeneuve - le 5 mai 2017

Bon, j’ai fait quelques petites modifications pour les mobiles. Notamment une qui permet de colorer les onglets à sa guise.

On rajoute dans perso.css (après mise à jour d’Escal bien sur !) :

Pour tous les affichages

.onglet_X{
	background-color: red !important;
}

Et pour les mobiles seulement

@media screen and (max-width: 640px) {
	.onglet_X{
		background-color: red !important;
	}
}

où on remplace le "X" par le numéro de l’onglet et le "red" par la couleur voulue.

Couleurs de fond différentes des onglets "A la une"
Christian Voillemont - le 9 mai 2017

Bonjour,
Fantastique idée !
Je vais l’utiliser.

Merci beaucoup.