Bandeau

Site de démonstration du jeu de squelettes ESCAL fonctionnant sous SPIP3 et mis à la disposition des Etablissements SColaires de l’Académie de Lyon... et de qui veut.

Forum de l’article

A la une

Qui êtes-vous ?
Votre message

Pour créer des paragraphes, laissez simplement des lignes vides.
Attention ! Si votre message contient un lien, il devra être validé par le webmestre.

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.

Derniers commentaires

Tabulations
Hello Oui pourquoi pas mais il faut toujours essayer de ne pas utiliser de html dans les (...)

Tabulations
Bonjour, J’ai eu besoin de Tabulations diverses alors j’ai tenté ce qui suit et çà fonctionne, (...)

statistiques très surprenantes
Un grand merci !! 👍🪄 🤩

statistiques très surprenantes
YAKADEMANDE 😄 . YAPLUKA 😛 . ETCEFE 😇 . nettoyer

statistiques très surprenantes
Bonjour Il faudrait donc installer le plugin Scalper les statistiques pour effacer les (...)

Plan du site Contact Mentions légales Données personnelles et cookies Espace privé squelette RSS

2009-2024 © Escal - Tous droits réservés
Haut de page
Réalisé sous SPIP
Habillage ESCAL 4.6.2