Divers > Style d'affichage des pages du site

Dernière mise à jour : 12/03/2017

Présentation

Nous n'avons pas tous les mêmes goûts, c'est un fait. Parmi les visiteurs, certains préfèrent un texte sombre sur fond clair (globalement plus lisible) et d'autres bien sûr préfèrent un texte clair sur fond sombre (plus reposant pour les yeux). Il est difficile de trouver un compromis qui satisfasse tout le monde. J'ai donc essayé de trouver un entre-deux qui présente un bon contraste et qui soit le moins fatiguant possible. Mais je sais bien que cela ne conviendra pas à tout le monde ! Je propose pour cette raison, une sélection "fond clair" ou "fond sombre". Par défaut, et sans intervention de la part du visiteur, le site apparaît avec un fond clair. Celui qui désire un fond sombre doit le spécifier dans son navigateur, selon la procédure décrite ci-après. Quelque soit le style choisi pour l'affichage, le rendu lors d'une impression papier sera le même.

Avertissements

Si vous avez le moindre doute, laissez les choses comme elles sont au niveau de votre navigateur !

Comment on fait ?

Le choix du style d'affichage repose sur l'emploi de deux feuilles de styles CSS différentes :
Si le besoin s'en faisait sentir, je pourrais en ajouter. Mais je pense que ces deux-là couvrent les besoins "vitaux".

Sous Firefox
Pour un affichage avec fond clair : menu Affichage > Style de la page > Sonelec-musique - Fond clair

style_sample_001a

Pour un affichage avec fond sombre : menu Affichage > Style de la page > Sonelec-musique - Fond sombre

style_sample_002a

Sous Internet Explorer
Pour un affichage avec fond sombre : menu Page > Style de la page > Sonelec-musique - Fond sombre (par défaut)
Pour un affichage avec fond clair : menu Page > Style de la page > Sonelec-musique - Fond clair

Pour les autres navigateurs
Je vous laisse chercher un peu ;-)

Style d'impression

Le rendu des pages de mon site lors d'une impression papier, a été amélioré. Caractères plus gros, et couleur du texte toujours sombre sur fond blanc. J'ai pour cela ajouté (09/03/2017) une feuille de style CSS dédiée à l'impression papier (ou PDF) dans lequel l'ordre est donné de ne pas inclure le logo principal du site ni les menus d'accès principaux situés en haut de page. Vous n'avez rien à faire pour bénéficier de ce nouveau profil, votre navigateur Internet sait normalement reconnaître tout seul la feuille de style "impression" qu'il doit utiliser.

Historique

12/03/2017
- Ajout d'une feuille de style CSS (style-print-001.css) pour une impression papier de meilleure qualité.
- Retour à un fond semi-clair, suite à une demande générale.
19/08/2012
- Première mise à disposition.