Da sich hier so viele über das Design beschweren, hab ich ein Userscript geschrieben, mit dem jeder das Design nach seinen Wünschen anpassen kann. Das Userscript lädt ganz einfach eine CSS-Datei, die das CSS des Forum überschreibt.
Folglich kann jeder die CSS-Datei bearbeiten und auf seinen privaten Webspace hochladen. Im Userscript muss er nur den Link dazu ändern.
Userscripts kann man in Firefox über "Greasemonkey" installieren. Einfach das Addon herunterladen und auf den Pfeil neben dem Affen drücken, und dann "Neues Benutzerskript" auswählen, "123" als Namen eingeben und mit "OK" bestätigen. In das sich öffnende Fenster kopiert ihr folgenden Code:
// ==UserScript==
// @name Breadfish Style
// @namespace andi-bernhofer.de
// @description Verschöner Breadfish nach deinem Beliebem
// @include http://forum.sa-mp.de/*
// @version 1.0
// @grant none
// ==/UserScript==
//Quelle: https://www.tutorials.de/threads/css-ueber-javascript-einbinden.258632/
//Link zur CSS-Datei
var cssLocation = "http://andi-bernhofer.de/bf--/styleBF.css";
function getCss(){
// CSS für IEs nachladen
if(document.createStyleSheet) document.createStyleSheet(cssLocation);
// CSS für Mozilla, Netscape, Opera nachladen
else{
var objStyle = document.createElement("style");
var objText = document.createTextNode("@import url("+cssLocation+") screen;");
objStyle.appendChild(objText);
document.getElementsByTagName("head")[0].appendChild(objStyle);
}
}
//window.onload=getCss; <-- Lädt CSS erst, wenn die Seite geladen wurde
getCss();
Alles anzeigen
Für Google Chrome funktioniert das 1:1 mit dem Addon "Tampermonkey".
Ich hoffe damit ist das Leiden vieler User behoben, bis ein neues Design kommt, dass deren Geschmack trifft.
Ihr könnt damit machen was ihr wollt, viel Spaß
MfG HB
PS: Vorschaubild von meinem CSS-Code (nicht schön, aber wiegesagt, das kann jeder selbst editieren)
Klick mich!
/edit: Der CSS-Code, für die, die ihn bearbeiten wollen:
/*
Ändert die Menüleiste (Den Header, da der die Menüleiste enthält.)
*/
#logo {
background: transparent url("http://andi-bernhofer.de/bf--/pageHeader.png") repeat-x scroll 0% 0% !important;
}
#mainMenu > ul > li > a {
color:#fff !important;
}
#mainMenu > ul > li.active > a {
background:#97c32c;
}
/*
Ändert die Gestaltung der Zahl, die anzeigt wie viele neue Nachrichten man hat
*/
.badge.badgeUpdate {
background-color:#fea255;
}
.tabularBoxTitle > header {
background: #026160;
border-bottom: 0;
}
/*
Ändert den Absenden-Button
*/
.button.buttonPrimary , input[type="submit"]:not([disabled]), input.buttonPrimary[type="button"]:not([disabled]), button.buttonPrimary:not([disabled]){
background:#026160;
}
.button.buttonPrimary:hover , input[type="submit"]:not([disabled]):hover, input.buttonPrimary[type="button"]:not([disabled]):hover, button.buttonPrimary:not([disabled]):hover{
background:#fea255;
border-color:#FF8727;
}
/*
Ändert die Beitragszahl
*/
.badge:hover{
background-color:#ED8600;
}
/*
Ändert das Subtab im Tabmenü
*/
.tabMenuContainer > .menu ul li.ui-state-active a, .tabMenuContainer > .menu ul li.ui-state-active a:hover {
background-color: #026160;
border-color: #026160;
}
.tabMenuContainer > .menu ul li a {
border-radius:0px;
}
Alles anzeigen
/edit2:
Wurde natürlich an das Design Nummer 2 angepasst