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

Modifier un texte
Ok c’était bien ça, cool. A l’avenir, utilises plutôt un éditeur de code plutôt que LibreOffice, (...)

Modifier un texte - suite et fin -
Super, c’est réparé Les apostrophes inclinés venaient de LibreOffice ! Encore (...)

Modifier un texte
Hello Je pencherais pour les apostrophes qui sont incurvées au lieu d’être droites car je ne vois (...)

Modifier un texte
Le fichier ci-dessous déposé dans le répertoire lang ne passe pas. "Parse error : syntax error, (...)

images dans un article
Bonjour Jean Christophe, non, je n’ai pas accès à ce fichier ; le répertoire /config ne m’est pas (...)

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