Underachievement Unlocked

Ma vie, mon oeuvre : beaucoup de potentiel et très peu de réalisation.

Très peu de posts sur ce blog, aussi. Mais vous trouverez peut-être quelque chose d’intéressant à lire si vous remontez de quelques années dans les archives.

16 jan. 2003

Opération Conquête du Monde

Non, je ne parle pas de George Bush.

J’ai convaincu (enfin, ça n’a pas été très difficile, parce que ça ne coûte pas grand chose) mennuie de permettre aux visiteurs de changer la façon dont les pages s’affichent.

J’en avais déjà parlé : il suffit de rajouter id="mennuieblog" (quand on s’appelle mennuie, parce que, si tout le monde utilise le même id, ça ne va plus servir à grand chose) dans les paramètres du tag <body> et, ensuite, n’importe qui peut aller dans la feuille de styles personnalisée de son browser, et imposer des changements.

Idéalement, les navigateurs devraient avoir un mécanisme permettant d’imposer des règles CSS à un site en fonction de son URL, ce qui serait plus simple que de demander à chaque webmasters de l’autoriser. Peut-être que certains browsers le font déjà, je ne sais pas.

Bref, passons aux choses sérieuses. Pour les (deux) utilisateurs d’Opera, il faudra que vous vous débrouilliez, vu que j’ai la flemme de tester (et qu’Opera est censé être le browser des utilisateurs avancés qui savent ce qu’ils font et sont capables de modifier la feuille de styles utilisateur par eux-mêmes).

Pour Internet Explorer, vous devez créer un fichier quelquechose.css, que vous pouvez appeler comme vous voulez et mettre où vous voulez, puis indiquer son emplacement dans le menu Tools / Internet Options, onglet General, bouton Accessibility. (Oui, j’utilise un Explorer en anglais, je ne vais pas vous mâcher le travail en cherchant la traduction, non plus.)

Dans Mozilla, il faut ouvrir (ou créer) le fichier chrome\userContent.css dans le répertoire où est stocké votre profil (sur Windows 2000 et probablement XP, ça se passe dans Document and Settings\Votre Login Windows\Application Data\Mozilla\Profiles).

Une fois que vous avez votre feuille de styles, vous n’avez plus qu’à mettre les modifications que vous voulez dedans. Voilà ce qu’il y a dans la mienne (j’ai fait ça rapidement, alors il y a peut-être mieux, ou plus propre, mais en tout cas ça marche sous Explorer et Mozilla) :

BODY#mennuieblog,
BODY#mennuieblog a,
BODY#mennuieblog a:link,
BODY#mennuieblog a:visited,
BODY#mennuieblog a:hover,
BODY#mennuieblog a:active {
  color: #000000 !important;
  background-color: #F0F0F0 !important;
  font-family: Georgia !important;
  font-size: 15px !important;
  line-height: 22px !important;
}

BODY#mennuieblog a
  { border-bottom: solid 1px #A0A0A0 !important; }

BODY#mennuieblog .head,
BODY#mennuieblog .head1,
BODY#mennuieblog .head2,
BODY#mennuieblog td,
BODY#mennuieblog th,
BODY#mennuieblog h1,
BODY#mennuieblog h2,
BODY#mennuieblog h3,
BODY#mennuieblog .side,
BODY#mennuieblog .side title,
BODY#mennuieblog .side item
  { color: #000000 !important; }
 

Et voilà, à vous le mennuieblog en noir sur gris clair ! C’est gagné, vous êtes un winner. Et, si vous ne lisez pas le mennuieblog, n’oubliez pas que je fais ce post pour expliquer la technique : tout le monde devrait le faire, et particulièrement ceux qui écrivent en blanc sur noir.

Jetez un coup d’oeil au source de mon site, vous verrez qu’il y a un id, vous pouvez défigurer les pages comme vous le voulez.

Pour plus d’informations, voir le site qui a lancé cette idée.

 

Archives

2001   01   02   03   04   05   06   07   08   09   10   11   12  

2002   01   02   03   04   05   06   07   08   09   10   11   12  

2003   01   02   03   04   05   06   07   08   09   10   11   12  

2004   01   02   03   04   05   06   07   08   09   10   11   12  

2005   01   02   03   04   05   06   07   08   09   10   11   12  

2006   01   02   03   04   05   06   07   08   09   10   11   12  

2007   01   02   03   04   05   06   07   08   09   10   11   12  

2008   01   02   03   04   05   06   07   08   09   10   11   12  

2009   01   02   03   04   05   06   07   08   09   10   11   12  

2010   01   02   03   04   05   06   07   08   09   10   11   12  

2011   01   02   03   04   05   06   07   08   09   10   11   12  

2012   01   02   03   04   05   06   07   08   09   10   11   12