CB 4.0 Classic - CB in voller Breite und ohne Vista Bar
CB 4.0 Classic
Für alle die ComputerBase ohne Rand und ohne schwarze Vista Bar haben möchten...
Damit man das Design / Layout von Webseiten ändern kann, benötigt man den Firefox Browser mit der Erweiterung "Stylish", Opera (UserStyleCSS) oder den Internet Explorer 7 mit dem Add-On "IEPro".
Da ich ein Firefox User bin und mich mit Opera und dem IE 7 nicht auskenne, kann ich nur den Weg mit dem Firefox erklären.
Firefox:
Als erstes musst Du die Erweiterung "Stylish" installieren: https://addons.mozilla.org/de/firefox/addon/2108.
Nach einem Neustart befindet sich nun unten rechts in der Statusleiste ein kleines Icon vom Add-on. Mit einem Klick darauf öffnet sich ein Menü, um nun ein eigenen Stil zu erstellen, musst Du dort auf "Stil erstellen" gehen und dann auf "Für www.computerbase.de..." klicken.
Jetzt öffnet sich ein kleines Fenster - hier musst Du zuerst oben eine beliebige Beschreibung hinzufügen. Nachdem das getan ist, setzt Du in das untere Textfeld folgenden Code:
Zum Schluss klickst Du auf "Speichern" und aktualisiert die Seite. Fertig...
Wer die Content Spalten so haben möchte, wie sie jetzt gerade sind, also News und Charts nicht vertauscht, muss folgende Zeilen aus dem CSS Code (oben) entfernen:
CB 4.0 Classic
Für alle die ComputerBase ohne Rand und ohne schwarze Vista Bar haben möchten...
Damit man das Design / Layout von Webseiten ändern kann, benötigt man den Firefox Browser mit der Erweiterung "Stylish", Opera (UserStyleCSS) oder den Internet Explorer 7 mit dem Add-On "IEPro".
Da ich ein Firefox User bin und mich mit Opera und dem IE 7 nicht auskenne, kann ich nur den Weg mit dem Firefox erklären.
Firefox:
Als erstes musst Du die Erweiterung "Stylish" installieren: https://addons.mozilla.org/de/firefox/addon/2108.
Nach einem Neustart befindet sich nun unten rechts in der Statusleiste ein kleines Icon vom Add-on. Mit einem Klick darauf öffnet sich ein Menü, um nun ein eigenen Stil zu erstellen, musst Du dort auf "Stil erstellen" gehen und dann auf "Für www.computerbase.de..." klicken.
Jetzt öffnet sich ein kleines Fenster - hier musst Du zuerst oben eine beliebige Beschreibung hinzufügen. Nachdem das getan ist, setzt Du in das untere Textfeld folgenden Code:
Code:
@-moz-document domain("computerbase.de") {
#login_bar{background: #ddd !important; position: absolute !important; z-index:1; top: 2px; left: 0px; width: auto !important; height: 12px !important; color: #000 !important; padding: 0px !important;}
#login_bar a{color: #000 !important;}
#login_welcome_phrase, #logout_link, #pm_link{background: none !important; margin-top:-4px;}
#page_wrapper{width: 100% !important;background: none !important;}
#page{background: none !important; padding: 0px !important;}
#powered_by_lycos{left: auto !important; right: 250px !important;}
#register_link, #logout_link, #lost_password_link{background: none !important;}
#logout_link, #pm_link{float: left !important;}
#header{margin-top: 0px !important;}
.two_columns_col1{float:right !important; margin-left:0px !important;}
.two_columns_col2{float:left !important; margin-left:-25px;}
#search{right: 0px !important;}
}
Wer die Content Spalten so haben möchte, wie sie jetzt gerade sind, also News und Charts nicht vertauscht, muss folgende Zeilen aus dem CSS Code (oben) entfernen:
Code:
.two_columns_col1{float:right !important; margin-left:0px !important;}
.two_columns_col2{float:left !important; margin-left:-25px;}
Zuletzt bearbeitet:
(CSS aktualisiert)