How to install
- Install Stylish plus Kallout for Firefox (or from here for just Stylish or for other Mozilla apps). If you have Stylish already, make sure you have JavaScript enabled.
- You need Firefox with Stylish to use this style. Get Firefox, then install Stylish plus Kallout (or just Stylish), then come back here to install this style.
- for Greasemonkey and Opera users.
Dieser Style ermöglicht es, die Breite des neuen Design des Heise online Newstickers <http://www.heise.de/> zu verändern. Dieses Style ist das erste, welches keinerlei Inhalte ausblendet sondern die Seite *perfekt* breiter oder schmäler darstellen kann, auch die Ausnutzung der vollen Fensterbreite (100%) ist problemlos möglich!
Ein besonderes Highlight ist es, dass sich das Style kinderleicht konfigurieren lässt. Jeder Benutzer kann selbst entscheiden, ob er Heise in voller Fensterbreite oder doch eher zentriert betrachten möchte, jeder Benutzer kann auch die perfekte Seitenbreite für seine Auflösung eingeben. Die Konfiguration ist kinderleicht, einfach in Stylish auf "Stil verwalten", diesen Style auswählen und zu den Einstellungen scrollen und beliebig einstellen - fertig!
Zusätzlich wird jegliche Werbung im Newsticker ausgeblendet. Wenn ihr Adblock (Plus) nutzt, definiert für "heise.de" bitte eine Ausnahme, das Style sorgt dafür, dass die Werbung im Hintergrund geladen aber nicht angezeigt wird - für euch ergibt sich demnach kein Unterschied und Heise verliert keine Werbeeinahmen! Bitte seid so solidarisch...
Im Forum gab es einige kleinere Änderungen, so wird das Forum standardmäßig grau hinterlegt. Zum einen sieht das deutlich schöner aus und zum anderen war es schlicht und ergreifend leichter umzusetzen. Das CSS beschränkt sich auf die Seiten des Heise Newstickers (Danke an "ZBeeblebrox" für den Tipp mit "url-prefix()") sowie auf *alle* Newsforen. Im Falle der Newsforen von "Heise Netze", "iX", "Heise Mobil" und "Heise Open" wird die linke Navigation ausgeblendet um ein mit den Foren des Newstickers einheitliches Bild zu erzeugen, dieses Verhalten lässt sich in den Einstellungen aber auch unterbinden. Sollte es auf irgend einer Seite zu Anzeigeproblemen kommen, meldet diesen Fehler bitte in einem Review!
Viel Spaß damit!
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Getestet mit *Firefox 3* - keine anderen Browserkompatibilitäten geplant!
Die Screenshots sind mit Rechtsklick und "Grafik anzeigen" vergrößerbar!
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Optionale Änderungen:
Wer sich die alten, auffälligeren Linkfarben in Artikeln zurückwünscht, kann einfach am Ende des Styles *vor* die Zeile mit dem "}" (letzte Zeile) folgendes einfügen:
#container > #container_content > #mitte > #mitte_links > #mitte_news > .meldung_wrapper a {
color: #000099 !important;
text-decoration: underline !important;
}
#container > #container_content > #mitte > #mitte_links > #mitte_news > .meldung_wrapper a:visited {
color: #333333 !important;
text-decoration: underline !important;
}
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Changelog:
# 1.0: Erste nutzbare Version
# 1.1: Bugfixes
# 1.2: Beschränkung auf den Newsticker und alle Newsforen / Verschiedene Optimierungen / Bugfixes (gemeldet von "transacid" und "ZBeeblebrox")
# 1.3: Verschiedene kleinere Bugfixes / Es lässt sich nun einstellen ob sich das Style auch auf die Foren von Heise Open, Heise Netze, Heise Mobil und iX auswirken soll
# 1.4: Bugfixes & Optimierungen (Mindestbreite; bei manchen existierende horizontale Scrolleisten unterbunden); +http://www.heise.de/extras
Before
|
After
|
Feedback
Reviews
micha17 said on Aug 16 2008
#navi_top {
text-align:left!important;
margin:0!important; /* ehemals war da ein 0.3em nach unten */
}
#navi_top .zweite_zeile {
background:url(http://www.heise.de/icons/ho/background_navigation.gif) repeat-x!important; /*sieht mm nach besser aus*/
}
/* nachfolgen ein wenig kosmetik für die top navi */
#navigation a:link,
#navigation a:visited {
color:#333333!important;
}
#navigation a:hover,
#navigation a:active,
#navigation a:focus {
color:#FFF!important;
background:#333333!important;
}
matrixzero said on Aug 14 2008
Vorschlag: Die alten "LINK" Farben eingeben, dann ist es meiner Meinung nach noch übersichtlicher.
a
{
color: #000099 !important;
text-decoration: underline !important;
}a:visited
{
color: #333333 !important;
text-decoration: underline !important;
}
zap-o-post said on Aug 13 2008
Funktioniert eigentlich sehr gut. Leider geht mein Lieblings Plugin für den Heise Ticker nicht mehr: Cooliris Previews
ZBeeblebrox said on Aug 13 2008
Die Zeile "@-moz-document ..." wie folgt ersetzen, dann wirkt sich die Änderung nur auf das Portal und den Newsticker aus. iX sieht nach der Änderung dann auch wieder normal aus. ;)
@-moz-document url(http://www.heise.de/), url-prefix(http://www.heise.de/newsticker) {
transacid said on Aug 12 2008
Erstmal: danke, das sieht nun super aus mit 1400x1050, allerdings werde nun "netze" und "open" nicht mehr richtig angezeigt, will heissen, man kann keine beiträge mehr lesen.
Discussions
- Variable Fensterbreiten - last comment 7 months ago
- form field bug for "Heise online - 2008 Style - *Perfect Working 100%*" - last comment 10 months ago