Home » Programmation Web » Outils Web » Redesign tes sites web préférés avec Stylus

Redesign tes sites web préférés avec Stylus

Présentation de l’extension

Petit article de présentation d’une extension assez sympa à utiliser sur les navigateurs Web.

Stylus permet de changer l’apparence des sites Web courant, à votre convenance et selon vos souhait.
Par exemple sur Youtube, si vous voulez afficher que la vidéo, et rendre invisible le reste, c’est tout à fait possible.

Exemple d’utilisation

Voici un exemple pour Youtube, je vous présente deux photos :

Dans le cas ou vous voulez n’afficher que la vidéo, il suffit de créer un enregistrement sur Stylus, et d’ajouter les règles CSS qui vont bien.
Pour mon exemple, voici les règles que je me suis mis :

body {  overflow: hidden;}

#columns{
  visibility: hidden;
  overflow: hidden;
}

.masthead-finish {  visibility: hidden;}
#player {    visibility: visible;}

Chose à savoir, quand vous ne connaissez pas le CSS :
Il est possible d’importer des enregistrements créés par d’autres personnes.

le site userstyles.world existe pour cela, et liste beaucoup d’exemples qui peuvent être utile.

URL de l’extension

Firefox : https://addons.mozilla.org/fr/firefox/addon/styl-us/
Chrome : https://chrome.google.com/webstore/detail/stylus/clngdbkpkpeebahjckkjfobafhncgmne

Posté dans Outils Web

Laisser un commentaire

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *

Ce site utilise Akismet pour réduire les indésirables. En savoir plus sur comment les données de vos commentaires sont utilisées.