Webseiten mit Stylish anpassen

(DE) Anwendungen für Office, Multimedia und Spiele, Werkzeuge, Hilfsprogramme, etc
(EN) Applications for Office, Multimedia or Games, Tools, Utilities, e.g.
User avatar
Frank Wochatz
Posts: 961
Joined: Sun 22. Dec 2013, 22:04
Location: Berlin

Webseiten mit Stylish anpassen

Post by Frank Wochatz » Sun 6. Sep 2015, 18:17

Hi Andreas,

kannst Du mal erläutern, wie Du Scripte bzw. CSS für die Mozilla Erweiterung Stylish schreibst bzw wie Du da herangehst?

Ich wollte mir mal die eBay Seite anpassen und den ganzen Tagesangebotsspam rausfiltern. So wie ich das sehe, müsste man nun die Struktur der eBay-Startseite analylsieren (mit den "Inspect" Funktionen in FF macht das aber echt keinen Spaß), und dann ein eigenes CSS File schreiben. Da kann man schonmal weich werden, das ist ziemlich kompliziert, besondern wenn die HTML-Tags dynamisch aufgebaut werden. Oder ich stelle mich einfach zu blöd an. Hast Du da irgendwelche anderen Tools für?

Alternativ wäre es für mich einfacher einen lokalen Rexx-Proxy zu verwenden, der das HTML kürzt, bevor es im Browser angezeigt wird. Hat sowas ev. schonmal jemand versucht?

User avatar
ARoederer
Posts: 338
Joined: Fri 27. Dec 2013, 17:25
Location: Hamburg / Germany

Post by ARoederer » Tue 8. Sep 2015, 01:37

Moin Frank

Ein spezielles Werkzeug habe ich nicht.
Ich verwende auch den Inspektor. Das was ich damit gemacht habe war überwiegend C&P und nur wenig eigene Modifikationen.

Andreas

User avatar
ARoederer
Posts: 338
Joined: Fri 27. Dec 2013, 17:25
Location: Hamburg / Germany

Post by ARoederer » Fri 6. Jan 2017, 14:43

Moin

Zur Info
Der Autor von Stylish hat in der neuesten Version jetzt eine Fuktion eingebaut, die Nutzerdaten sammelt und an einen Werbepartner weitergibt.
Lässt sich noch abschalten.

Andreas

User avatar
ak120
Posts: 955
Joined: Thu 8. May 2014, 12:50
Location: Demmin

Post by ak120 » Fri 6. Jan 2017, 15:10

Es geht noch einfacher (oder brutaler?). Am besten blockiert man alle Grafiken von ir.ebaystatic.com per Rechtsklick auf eine dieser nervenden Flackerbildchen und "Grafiken von xxx blockieren". Läßt sich über die Datenverwaltung auch wieder zurücksetzen oder noch feiner anpassen. Angebotsbilder kommen von i.ebayimg.com und werden weiterhin angezeigt.

aschn
Posts: 833
Joined: Wed 25. Dec 2013, 22:47

Post by aschn » Fri 6. Jan 2017, 22:16

@ Andreas Röderer:
ARoederer wrote: Der Autor von Stylish hat in der neuesten Version jetzt eine Fuktion eingebaut, die Nutzerdaten sammelt und an einen Werbepartner weitergibt.
Danke für den Hinweis. Ich hab noch die Version 2.0.6 installiert. (2.0.7 wurde gerade als Update gefunden.)


@ Frank:

Ich poste erstmal meine wichtigsten aktuellen Styles. Ich hab von CSS fast keine Ahnung, deshalb sind da bestimmt gut nachvollziehbare Beispiele für Dich (und vielleicht auch andere) dabei:
-----------------------------------------------------------------------------
/* 
 * Hobbes: Sans Serif, größer
 */

@namespace url(http://www.w3.org/1999/xhtml);
@-moz-document domain("hobbes.nmsu.edu")
{

   p, li
   {
      font-family: Verdana !important;
      /*font-size: medium !important;*/
   }

   table
   {
      font-size: 9pt !important;
   }

}
-----------------------------------------------------------------------------
/* 
 * ArcaNoae: Schriftgrößen, Farben, Quelltexthintergrund
 */

@namespace url(http://www.w3.org/1999/xhtml);
@-moz-document domain("arcanoae.com")
{

   div[class="wrapper"],
   div[class="incsub_wiki_top"],
   div[id="content"],
   div[id="main"]
   {
      font-size: 10pt !important;
      color: black !important;
      font-family: DejaVu Sans; !important;
      line-height: 1.4em !important;
   }

   h1
   {
      font-size: 14pt !important;
      font-family: DejaVu Sans; !important;
      line-height: 1.4em !important;
   }

   h2
   {
      font-size: 12pt !important;
      font-family: DejaVu Sans; !important;
      line-height: 1.4em !important;
   }

   h3
   {
      font-size: 10pt !important;
      font-family: DejaVu Sans; !important;
      line-height: 1.4em !important;
   }

   h4
   {
      font-size: 10pt !important;
      font-family: DejaVu Sans; !important;
      font-weight: normal; !important;
      line-height: 1.4em !important;
   }

   table
   {
      font-size: 8pt !important;
      color: black !important;
      font-family: DejaVu Sans; !important;
      line-height: 1.4em !important;
   }

   pre
   {
      font-size: 10pt !important;
      color: black !important;
      background-color: #ececec !important;
   }

   a
   {
   /* This doesn't work */
      /*color: #5f87c2; !important;*/  /* original */
      /*color: #4871ba; !important;*/
   }

/*
   a:hover
   {
      color: #2e4977; !important;
   }
*/
/*
   a
   {
      font-family: DejaVu Sans; !important;
   }
*/
}
-----------------------------------------------------------------------------
/* 
 * Alte OS2.org-Seite: Schriftgrößen, max. Breite des Eintragsfelds
 */

@namespace url(http://www.w3.org/1999/xhtml);
@-moz-document domain("de.os2.org"), domain("www.os2.de")
{

   *
   {
      /*font-family: Verdana, sans-serif !important;*/
      /*font-size: 15pt !important;*/
      /*font-family: "Workplace Gothic", Verdana, sans-serif !important;*/
      font-family: "Workplace Sans", Verdana, sans-serif !important;
      font-size: 12pt !important;
   }

   textarea[cols="56"]
   {
      width: 40em !important;
   }

}
-----------------------------------------------------------------------------
/* 
 * os2news (OS/2 Warp News and Rumours): Schriftgröße
 */

@namespace url(http://www.w3.org/1999/xhtml);
@-moz-document url("http://os2news.warpstock.org/")
{

   body,
   table
   {
      font-size: medium !important;
   }

}
-----------------------------------------------------------------------------
/*
 * Yahoo Groups: viele Änderungen
 * (nicht perfekt, Betreffs sind noch abgekürzt)
 */

@namespace url(http://www.w3.org/1999/xhtml);
@-moz-document domain("groups.yahoo.com")
{

   /* Main: Remove junk */
   #ygrp-sponsored-links,
   #doc-foot,#ygrp-gtips,
   #ygrp-mgl-promo,img[src*="check"],
   .footview,
   .info 
   {
      display:none !important;
   }
   
   div, body
   {
      color:black !important;
   }
   
   body
   {
      max-width: 55em !important;
   }
   
   span[title="ireply"]
   {
      color:darkblue !important;
   }
   
   div[class="msg-content"],
   div[class="msg-content undoreset"]
   {
      font-size: 14px !important;
      font-family:monospace !important;
   }

}
-----------------------------------------------------------------------------
/* 
 * Wetteronline: Werbung. Noch aktuell? (ublock ist gleichzeitig aktiv.)
 */

@namespace url(http://www.w3.org/1999/xhtml);
@-moz-document domain("wetteronline.de") 
{

   div[class="adplace"],
   div[class="adplace flagged"],
   div[class="adscript"],
   div[class="billboard"]
   {
      display: none !important;
   }

}
-----------------------------------------------------------------------------
Zuletzt geändert von aschn am Fri 6. Jan 2017, 22:45, insgesamt 1-mal geändert.
Andreas Schnellbacher

aschn
Posts: 833
Joined: Wed 25. Dec 2013, 22:47

Post by aschn » Fri 6. Jan 2017, 22:36

Als Werkzeuge kenne ich:
  1. Die Erweiterung "Web Developer" (hauptsächlich)
  2. Den Mozilla-DOM-Inspektor "DOMI" (nur selten)
Zu Web Developer:

Zum Aufspüren der Seitenteile starte ich die Web-Developer-Toolbar. Ich nutze aus dem Menü hauptsächlich:
  • Information -> Display element information
und
  • CSS -> Display style information
Manchmal auch:
  • Information -> Display Div order
Der DOMI ist dort auch erreichbar über:
  • Tools -> DOM Inspector
Andreas Schnellbacher

aschn
Posts: 833
Joined: Wed 25. Dec 2013, 22:47

Post by aschn » Fri 6. Jan 2017, 22:49

Gibt's eigentlich noch einen vierten Andreas, der in Frage kommen würde? ;-)
Andreas Schnellbacher

User avatar
Frank Wochatz
Posts: 961
Joined: Sun 22. Dec 2013, 22:04
Location: Berlin

Post by Frank Wochatz » Sat 7. Jan 2017, 13:16

aschn wrote:Gibt's eigentlich noch einen vierten Andreas, der in Frage kommen würde? ;-)
Hehe, ich meinte damals schon Dich, meine Eingangsfrage ist von 2015, damals hattest du gerade in einem anderen Thread das Tool erwähnt. Danke für die Beispiele. Ich hab die Sache etwas aus dem Auge verloren, werde mir das aber mal ansehen, ich würde genre bei einigen Seiten diverse Sachen rausfiltern.

aschn
Posts: 833
Joined: Wed 25. Dec 2013, 22:47

Post by aschn » Sat 7. Jan 2017, 16:30

Ach so. Sep. 2015 war ich im Urlaub. Den hatte ich übersehen.
Andreas Schnellbacher