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

Le pied

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
La gestion
Luc - le 25 septembre 2021

Bonjour,
Dans le paramétrage déjà bien complet d’escal, il y a un point sur lequel on butte fréquemment c’est la gestion des couleurs des liens hypertextes. (peut être ai-je loupé quelque chose).

Si l’on va sur la gestion d’Escal dans la partie privée. (Les fonds et les textes, autres textes : on se rend compte qu’il est extrêmement difficile de choisir une couleur qui reste visible dans les différents contextes de couleur et qui ne jure pas trop avec les couleurs de fonds retenues.

Pour ma part j’ai une logique de couleur d’ensemble du site qui m’amène à retenir pour le pied de page un fond plutôt sombre. Si je mets une couleur plus claire pour les liens hypertextes de manière à pouvoir les lire, celle-ci s’applique malheureusement à tous les liens hypertextes y compris dans les zones plus claires du site... et prendre un juste milieu n’est pas trés heureux du point de vue graphique et de la lisibilité.

Bref, la seule solution que j’ai trouvé c’est de modifier mon css perso pour lui demander de mettre une couleur spécifique dans le pied de page pour les liens hypertextes différentes de celle du reste du site. Mais là je me heurte à mes limites. Je ne suis pas arrivé à le coder correctement. En surfant sur les projets de ceux qui utilisent Escal, je me rends compte que je ne suis pas le seul et que beaucoup se contentent de cette situation.

Merci pour le coup de main.

J’ai essayé de mettre les codes suivant dans #pied

a:link {
  color: #265301;
}

a:visited {
  color: #437A16;
}

Mais évidemment cela serait trop simple.
Merci pour le coup de main.

Luc

La réponse
Luc - le 25 septembre 2021

Je me réponds à moi même. J’ai mis dans mon css perso les lignes suivantes et cela marche.

#pied a:link {color:#efecca;} /* unvisited link */
#pied a:visited {color:#efecca;} /* visited link */
#pied a:hover {color:#FF8000;} /* mouse over link */
#pied a:active {color:#efecca;} /* selected link */

L’idée c’était d’avoir une gestion des couleurs différenciée pour le pied de page qui sur mon site est sombre et pour lequel il était impossible de trouver une régle générale sur la gestion des couleurs pour qu’on puisse simplement lire les liens dans le pied de page à commencer par le lien pour Escal à qui je souhaitais faire de la pub....
Luc

Le pied
Jean Christophe Villeneuve - le 26 septembre 2021

Hello

Ben c’est très bien, c’est en effet ce qu’il faut faire !

Il est en effet impossible de prévoir les choix faits par tel ou tel utilisateur. Pour toi ce sera le pied de page qui pose souci, pour d’autres ce sera à un autre endroit.

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