> Mozilla > Firefox (extensions) > Utilisation de stylish

Utilisation de stylish

Vous souhaitez modifier l’apparence d’une page web, masquer les bannières publicitaires de tout un site ou encore vous familiariser avec le language CSS ... Stylish est fait pour vous.

Visualisez le tutoriel vidéo

  • Format : Flash (3 347 Ko)
  • Durée : 3 minutes environ

Partagez cette vidéo

Description du tutoriel vidéo

L’utilisation ludique de stylish est de customiser l’apparence d’un site web connu (exemple : passer Google sur fond rose, violet, noir ... ). Pour cela stylish propose de vous connecter au site userstyles.org pour trouver des styles dédiés à la page voire au site sur lequel vous évoluez. Aucune compétence en CSS n’est requise pour cette opération.

Si vous maîtriser les CSS vous pouvez rapidement transformer l’apparence d’un site internet et l’adapter à vos goûts (polices, couleurs ... ) ou à vos besoins (masquer des blocs publicitaires).

Cas pratique

Cette extension nous permet de personnaliser, à la charte d’un client, une de nos applications sans avoir à toucher une seule ligne de code sur le serveur de production.

Description du tutoriel vidéo

- utilisation de l’icône de Stylish,
- "trouver des styles pour cette page",
- connexion au site userstyles.org,
- installation d’un style,
- impact du style sur la charte graphique du site,
- activation/désactivation du style personnalisé,
- cumul de plusieurs styles,
- gestion des styles (créer, modifier, supprimer),
- créer un style personnalisé,
- saisie de code CSS (Cascading Style Sheet).

Ce que vous ne verrez pas dans cette vidéo

Le but de cette vidéo n’est pas d’apprendre le langage CSS, même si un exemple de saisie est abordée rapidement.

Si vous souhaitez en savoir plus sur l’utilisation des CSS, consultez ce site www.alsacreations.com.

Liens externes

- Téléchargement de l’extension stylish ,
- Présentation en français de Stylish
- Site recensant des styles personnalisés : userstyles.org.

Mots-clés