Unterdrücken von Werbung mithilfe von CSS

Samstag, 29 März 2008 15:49 - Geschrieben von René Lindhorst

Safari-IconEs gibt bekanntlich verschiedene Plug-ins für Safari und Firefox die sich um das blockieren von unerwünschter Werbung auf Webseiten kümmern. Eine Alternative dazu wird bei floppymoose.com vorgestellt. Dort wird gezeigt wie man mithilfe von CSS-Regeln Werbung ausblenden kann. Eine fertige userContent.css-Datei mit entsprechenden Regeln wird zum Download angeboten. Diese kann sowohl bei Gecko-basierten Browsern wie Firefox und Camino genutzt werden, als auch bei Apples Safari und ebenso beim E-Mail-Programm Thunderbird.

If you know a little HTML and CSS, here’s how the rules in my userContent.css work. One of the CSS rules in the file has a set of selectors that look like A:link[HREF*="ad."] IMG and a rule that looks like { display: none ! important }. This selector is CSS’s way of saying Find all the images that are wrapped in links, where the link takes me to a url that has “ad.” somewhere in it. The rule is CSS-speak for Don’t display that image.

Then there are similar selectors paired with a rule that hides ad IFRAMES as well.

[Ad Blocking for Mozilla, Netscape 7, and Safari]

Um diese CSS-Regeln mit Safari zu nutzen empfiehlt es sich wie folgt vorzugehen:

  • userContent.css herunterladen und z.B. unter ~/Library/Safari/ ablegen
  • Einstellungen von Safari öffnen
  • im “Erweitert”-Tab bei “Style Sheet” die userContent.css auswählen
    Style Sheet Einstellungen bei Safari

(via Hackszine.com)

Links:
floppymoose.com

Ähnliche Beiträge:

4 Antworten zu “Unterdrücken von Werbung mithilfe von CSS”

userContent von floppymoose | Mein Weg nach Österreich - 2 April 2008 19:32:

[...] von floppymooseTopic: Anderes..| Habe einen Artikel über die userContent.css gelesen und mir gedacht – klingt gut und einfach. Besser als zig [...]

Patrick - 2 April 2008 19:40:

Mit Wordpress 2.5 gibts ja einige Probleme. Links können nicht mehr eingefügt werden und die “Add Media” Leiste ist auch nicht mehr da. Hab da einige Änderungen gemacht, wer will kann sich meine Änderungen gerne mal ansehen.

Aber danke für den Tipp. Spart einige Zusatzprogramme.

René - 2 April 2008 22:18:

Was genau hast du an der userContent.css geändert, damit es mit Wordpress 2.5 keine Probleme mehr gibt?

Patrick - 3 April 2008 05:59:

Zum einen den a:HREF*=”ad.” Tag ausgeklammter (media-upload.php und den IFRAME SRC=[/ad] Tag.
Muss mal sehen ob man auch eine Ausnahme für Wordpress direkt eintragen kann.

Schreib doch einen Kommentar!

Erlaubte HTML-Tags:
Fett: <b>Text</b>
Link: <a href="http://">Link</a>
weitere: <blockquote cite=""> <code> ...