ls.png1. Installez Stylish pour Firefox (ou Stylish pour Chrome). (Sytlus pour Firefox et Chrome, version open-source)
2. Cliquez sur le bouton "Installer" dans cette page
3. Allez sur un skyblog
4. ????
5. PROFIT!!!

 

 

Complément

Changer le logo google
stylish-ex1.png

Changer le logo de Wikipédia
stylish-ex2.png

Mettre Yuki Nagato dans PhpMyAdmin
stylish-ex3.png

 

 

 

 

Explications

Les pages web sont basées sur le langage HTML qui est prévu pour s'adapter au support.
Les navigateurs peuvent ainsi se débrouiller pour afficher la page web sur votre ordinateur, smartphone, tablette ou tout autre appareil.
Ils redimensionnent alors les blocs de texte pour les adapter à la taille de l'écran et peuvent aussi s'adapter aux utilisateurs ayant des handicaps (voir la section Chrome), en mettant un fond sombre, en imposant une taille de texte minimale, en permettant la synthèse vocale...
Certains navigateurs vont plus loin, et rendent le bidouillage possible en modifiant leurs configuration et en gérant des modules supplémentaires. Le module Stylish permet par exemple de facilement modifier l'apparence et la mise en forme du contenu grâce à des règles CSS (note: c'est aussi possible sans module en modifiant le fichier userContent.css, mais c'est moins pratique, vu qu'il faut redémarrer le navigateur à chaque modification).

En quoi est-ce utile? En quoi est-ce pratique?
Pour mes parents, j'ai configuré leur navigateur en utilisant ce style, Il retire tout soulignage et force le soulignage de tous les liens cliquables. Ils peuvent donc facilement savoir ce qui est cliquable en naviguant sur internet.
Certes, tous les liens dans les menus sont soulignés, ça devient moche à en tuer des graphistes mais bon.

 

 

 

 

Un peu de philosophie

En fin de compte, ce qui est très intéressant, c'est que HTML est un langage ouvert, documenté et librement utilisable, qui devient ainsi plein de possibilités:

 

 

 

  • les webmasters peuvent inclure des données et modules d'autres sites, gérer une identification externe...
  • les créateurs de logiciels peuvent effectuer des traitements de manière automatique (les linuxiens adorent l'outil wget)
  • les visiteurs peuvent très facilement profiter du bidouillage des codeurs grâce aux extensions des navigateurs.

Bien entendu, tout ceci n'est possible facilement qu'avec des protocoles et logiciels libres. Apple ne vous laisse pas la possibilité de bidouiller dans sa cage dorée iOS, contrairement à Google qui permet un minimum le bidouillage sous Android en autorisant l’installation applications tierces, même si les bidouilles restent assez limitées, par la volonté des constructeurs.

En effet, les constructeurs sont des sociétés capitalistes dont le but est la recherche du profit et l'accumulation du capital, en concevant certes de beaux produits qui "it just works", abrités des virus et des bidouilles, mais qui ne font pas forcément avancer l’humanité.

Avec un système libre, vous enverrez un satellite dans l'espace. Avec un système verrouillé, vous enverrez des piafs sur des cochons.

 

 

 

 

Le coté technique


Mettez dans un nouveau style sous stylish les lignes suivantes:

 

 

 

 

* {background:grey !important;}
a {border:1px solid red !important;}


Si vous relancez le navigateur, vous verrez que la couleur de fond à changée et que les liens sont encadrés en rouge

Explications:

 

 

  • A gauche, nous avons l'élément HTML modifié: "*" corresponds à tous les éléments, "a" aux liens, "img" aux images (liste des tags)...
  • Nous avons ensuite une accolade indiquant ce qui sera affecté à l'élément HTML
  • Nous avons ensuite une ou plusieurs propriété(s) (liste des propriétés) et ses(leurs) valeurs 
  • Puis le mot clef "!important", qui force la valeur à être appliqué (on augmente son importance)
  • Puis la fin de l'accolade

 

Essayez maintenant de mettre tous les textes en noir et les liens en bleu.

Afficher SolutionMasquer Solution

* {color:black!important;}
a {color:blue !important;}