Don't understand german? Read or subscribe to my english-only feed.

Heise-Layout via CSS anpassen

Heise-Lesern, die versehentlich mal abseits von RSS unterwegs sind, wird das neue Webseiten-Layout von heise.de aufgefallen sein. Im Heiseforum geht es rund und mittlerweile gibt’s zusätzlich zum Newsticker auch noch eine Anmerkung von offizieller Seite zu dem Thema.

Für Opera hab ich mir schnell mal eine passende CSS-Datei gebastelt, die mir – via ‘Edit Site Preferences -> Display -> My style sheet’ eingebunden – das Heise-Layout auf meinen Geschmack hin anpasst. Diese CSS-Datei gibt’s online. Damit wird aus:

Heise-Homepage im Original - Screenshot

sowas hier:

Heise-Homepage mit eigenem CSS - Screenshot

Firefox-Usern hilft angeblich die Stylish-Extension, siehe z.B. im Möhrenfeld-Blog.

4 Responses to “Heise-Layout via CSS anpassen”

  1. Oliver Says:

    Die heise-News für Mobile Devices sieht defaultmäßig fast gleich aus:

    http://heise-online.mobi/

    …recht brauchbar für Nokiatablets, Smarthones etc. Das neue Standardlayout von heise finde ich aber gelungen – für die reinen Ticker-Infos gibt es ohnehin RSS.

  2. Lukas Prokop Says:

    :-) Dein Stylesheet funktioniert auch mit Stylish (tested FF 3.0.1). Allerdings ist deine Version nur bei kleinen Browserfenstern passend. Die div#mitte ist rechtsbündig und besitzt nur 70% Breite. Das margin-left: 0px wird scheinbar ignoriert. Deshalb einfach die Zeile

    div#mitte { width: 70% !important; margin-left: 0 !important; }

    … gegen diese austauschen:

    div#mitte { width: 100% !important; margin-left: 0 !important; }

    Dieser Stylesheet auf userstyles.org ist auch ein heißer Tipp für FF-User.

  3. mika Says:

    @Oliver: Oh nice, das war mir neu :)

    @Luki: Ah, danke für den Hinweis! :) Habs in der CSS-Datei eine Anmerkung dazu gemacht.

    mfg,
    -mika-

  4. Karl Says:

    Stylish-User können sich hier einige Styles laden:

    http://userstyles.org/styles/site/heise.de