'

Outils pour utilisateurs

Outils du site


blog:2012:0726stylish_ma_ville

Stylish ma ville

Un site que je consulte de temps en temps affiche un affreu bandeau pour me demander de m'inscrire à je ne sais quel outil marketing. Ce n'est pas de la publicité, c'est un mise un peu trop en avant d'une fonctionnalité du site. Actuellement, il faut que je ferme le bandeau à chaque visite, c'est lourd.

J'ai cherché le moyen de supprimer cette pollution visuelle. Pour cela, j'ai utilisé les fonctions de Firefox et installer l'extension Stylish.

Le but est d'ajouter une feuille style gérée par Stylish. Dans cette feuille de style, on modifiera le style du bandeau en display: none; pour qu'il ne s'affiche plus.

Pour trouver le nom de l'élément à cacher, les versions récentes de Firefox proposent une fonctionnalité bien pratique. En cliquant avec le bouton droit sur l'élément à cacher, on peut choisir « Examiner l'élément ». Il faut que seul l'élément à cacher soit en surbrillance. On peut alors copier l'id de la div, la balise HTML qui contient l'élément.

Pour finir, il faut créer une feuille de style dans Stylish qui masquera cet id uniquement sur ce site.

@-moz-document domain('www.rennes.maville.com') {
	#lightboxNews {
		display: none !important;
	}
}

Il aurait été possible d'obtenir le même résultat en javascript avec greasemonkey.

// ==UserScript==
// @run-at document-start
// @id             Banniere Maville.com
// @name           Banniere Maville.com
// @namespace      
// @description    Suppression de la banniere maville
// @include        http://www.rennes.maville.com/*
// @version        0.1
// @grant none
// ==/UserScript==
 
var bandeau = document.getElementById('lightboxNews');
if ( bandeau ) {
    bandeau.parentNode.removeChild(bandeau)
}

Notez qu'il est possible de soutenir financièrement l'auteur de l'extension Stylish. Même les développeurs de logiciels libres mangent ;-).

Si vous avez d'autres solutions, les commentaires peuvent servir à cela.

Discussion

GwenB, Le 04/08/2012 à 14:49

Merci pour cette astuce :) Je vois que nous consultons le même site : moi aussi je trouve ce bandeau très pénible. Passez un bel été !

blog/2012/0726stylish_ma_ville.txt · Dernière modification: Le 07/01/2015 à 23:52 (modification externe)