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

Cible du bouton "home"
Ah oui, dans cette configuration, ça ne doit pas fonctionner. Et je ne vois pas comment faire (...)

Intertitre à la ligne
Ah peut-être n’est-ce pas un intertitre de premier niveau. Essaie avec h4 ou h5 à la place de (...)

Espace autour des photos dans les articles
Parfait ! Merci.

Intertitre à la ligne
ça ne semble pas fonctionner. Dans l’exemple d’au-dessus, l’intertitre reste à droite de la photo. (...)

Cible du bouton "home"
Effectivement, sur ton site test cela fonctionne. Et je remarque que quand on est sur la page (...)

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