Forenfarben ändern unter Firefox

[kontext]

An die Nostalgiker und Graukanonenbepinsler

Wer wie ich bei *diesem Screenshot* spontan wieder dem Apricot-Design des Forums hinterhertrauert und nicht bis zum naechsten Fruehling (*?*) auf eventuelle Aenderungen warten mag: Einige hatten sich ja seinerzeit bei der Umstellung des Forums auf Violett mit dem Addon "Stylish" fuer Firefox und dem "Adblocker" beschaeftigt (u.a. in *diesem* und *diesem Thread*).
Ich habe das nochmal mit den Basic-Apricottoenen durchgespielt:






Das wirkt sicher holpriger als das, was uns die Profis mitunter im Fruehjahr anbieten koennten; moeglicherweise funktionierts auch nicht mehr exakt so, wenn hier naechstes Jahr umgebaut wird. Das Prinzip duerfte aber gleich bleiben - und es traegt mindestens mich erst einmal ueber die Winterdepression ;)
Da es so schnell und einfach zu machen ist, reich ich nochmal eine individualisierbare Anleitung rein:



Anleitung (fuer Firefox):

Schritt 1

- Stylish installieren *klick*
- Firefox: Extras > Addons > Benutzerstile > Neuen Style erstellen
- Folgendes in das Textfeld eingeben und speichern:

@-moz-document domain("beautyjunkies.inbeauty.de") {

a { text-decoration: none !important; }
a:hover { color: #FFFAF4 !important; text-decoration: underline !important; }
body { background-color: #FFFAF4 !important; }
.page { background-color: #FFFAF4 !important; }

table.tborder { background-color: #FFFAF4 !important; }

td.tcat { background-color: #FEDCC1 !important; }

td.vbmenu_control{ background-color: #FEDCC1 !important; }
td.tcat a { color: #FFFAF4 !important; }
td.vbmenu_control a { color: #514062 !important; }
td.alt1 { background-color: #FFFAF4 !important; }
td.alt2 { background-color: #FFFAF4 !important; }
tbody#collapseobj_forumhome_activeusers, td.tfoot { display: none !important; }
span.time { color: #FEDCC1; }

Schritt 2:

- Adblock installieren *klick*
- alles, was im Forum jetzt noch violett ist und/oder stoert (das sind v.a. die lila Ecken, unten das lila Rahmenfeld bei der Direktantwort, div. Grafiken, Werbung..), rechtsklicken und blockieren - Achtung: Die oberste Option zum Blockieren auswaehlen, also die ganz spezifische Grafikadresse und keine kuerzere, sonst werden u.U. noch weitere und nuetzliche Grafiken geblockt. Das findet man zwar alles im Addon wieder, aber man muss es sich ja nicht unnoetig schwer machen.


So.. fertig!


Wer andere Farben bevorzugt, kann die Farbcodes (#FEDCC1 etc.) natuerlich einfach ersetzen. Man kann sich seinen Wunschcode z.B. aus einem vorhandenen Bild (etwa *diesem Screenshot* vom gelben Forum) ueber die Pipettenfunktion eines jeden Grafikprogramms anzeigen lassen, ueber eine programminterne Mischfunktion dort selbst generieren oder fertig aus einer Tabelle waehlen ("Hexcodes" googlen). Eine solche Tabelle findet sich dann z.B. *hier*.
Die ermittelten Farbcodes im Stylish-Code aus dem Kasten austauschen und per "Vorschau" gucken, was sich dabei auf der parallel geoeffneten BJ-Seite an welcher Stelle so tut und ob es gefaellt. Strg/Ctrl + Z macht alles, was doof aussieht, in der Stylish'schen Codebearbeitung ohne grosses Federlesen schnell ja wieder ungeschehen.

Man kann bei Adblock uebrigens auch die Grafik der funktionellen lila Link-Buttons ("Zitieren" etc.) blocken, ohne gleich die Funktion/Anklickbarkeit zu verlieren, und zwar unter Optionen: dort entspr. Haekchen loesen - fuehrt aber imo zu einem unuebersichtlichen Schriftbild.

Vielleicht hilft es ja jemandem.

Stylish ist ein Mozilla Addon fuer Firefox - mit anderen Browsern habe ich da keine Erfahrung und reiche etwaige Fragen schon einmal prophylaktisch weiter. Stylish + Adblock duerfte auch nur eine (einfache) Moeglichkeit von zig sein, mein Hase ist da aber Name.. Wer was weiss, klaert uns auf!
Und vielleicht habt Ihr ja auch Lust, Eure eigenen Farbcodekombis hier zu teilen.

[Windsbraut]

kann man bei dem Versuch, das zu machen als Noob etwas vermurksen? Ich täts versuchen, hab aber Angst, meinen Compi, das Forum oder das ganze Netz zu zerstören

[Nadine]

Das weiß ich ja, wers war, wenn hier das Internet mal wieder nicht läuft

Ich muss sagen, ich hab mich an das Lila so gewöhnt, dass mir das andere jetzt komisch erscheint. Aber danke für die Anleitung, Kontext!

[schafskoepfchen]

Ich schreibe es jetzt einfach mal hier rein:
für alle whitespace-von-adblock-Geplagten
Stylish->New Style (oder vorhandenen ändern )

#ib_ad_right{ display: none; }

#ib_ad_top { display: none; }

#ib_body_top {width: 95%}

entfernt denselbigen und passt den Forenbereich an. 95% ist dabei ein Erfahrungswert, kann man gerne dran rum schrauben

Ich hab mir das Script für mein Netbook geschrieben, bitte bescheid sagen, wenn das hier unerwünscht ist (@Neff).

[kasaba]

Danke schafskoepchen!
Oben ist das weiße jetzt weg. Nur an der Seite ist es noch da. Hast du das wegbekommen bei dir und bei mir klappt es nicht?

[schafskoepfchen]

Danke schafskoepchen!
Oben ist das weiße jetzt weg. Nur an der Seite ist es noch da. Hast du das wegbekommen bei dir und bei mir klappt es nicht?

Büüdde!
Ja, das weiße rechts ist dann bei mir auch weg... Komisch. Hast du FF oder Chrome?

[kasaba]

Ich hab FF auf'm Macbook.
Eigentlich macht nur der #ib_ad_top { display: none; } was, die anderen haben leider keine Auswirkung. Werde mit etwas Zeit und Muse nochmal rumprobieren. Hab bis jetzt nur einmal an CSS rumgespielt und das ist lang her und mein Metier isses eigentlich auch nicht.
Eigentlich müsste ich doch nur den Namen des Feldes finden und es dann mit { display: none; } ausblenden können?

[*murielle*]

ach ja das Apricot war auch schön....
Vielleicht kommt mal was ganz neues?

[schafskoepfchen]

Ich hab FF auf'm Macbook.
Eigentlich macht nur der #ib_ad_top { display: none; } was, die anderen haben leider keine Auswirkung. Werde mit etwas Zeit und Muse nochmal rumprobieren. Hab bis jetzt nur einmal an CSS rumgespielt und das ist lang her und mein Metier isses eigentlich auch nicht.
Eigentlich müsste ich doch nur den Namen des Feldes finden und es dann mit { display: none; } ausblenden können?

Hm. Gestern abend hat has ad_right den div Container der Werbung rechts ausgeblendet, das body_top hat den Forenlesebereich schon ausgedeht (Bei 100% musste man horizontal scrollen).

Aber seit heute abend hat der div oben keinen Namen mehr, jetzt wirds kniffliger

[Lashqueen]

Hab jetzt Schafskoepfchens Anleitung befolgt, leider ist der weiße Rand recht noch immer da. Oben ist er schon weg.

[schafskoepfchen]

So, Stand nach dem Kampf mit dem unbenannten <div>
(Danke Firebug!!)

#ib_ad_top { display: none; }
#ib_ad_right { width:0px; !important display: none; }
div[style="width:728px; height:90px; overflow:hidden;"] { display: none !important}
#ib_body_top {width: 1260px !important;}

Damit ist die ehemalige Werbung weg: oben, unter der Navibar oben, rechts der weiße Rand.

Der Wert von 1260 Pixel ist durch Trial&Error an meinem 1366x786 Laptop entstanden. Da kann/muss/soll frau defintiv dran drehen für größere Auflösungen. Ich mache sowas ja eigentlich gerne in %, aber in FF scheint das ja nicht zu funzen...

freu mich über Feedback - bei mir gehts in Chrome und Firefox.

[Lashqueen]

Ja, besser! Ein Stück vom weißen Rand ist immer noch da, aber ich weiß nicht, was ich da eingeben muss. Hab nen 17" widescreen Bildschirm.

Vielen Dank!!!

[schafskoepfchen]

Bitteschön! Und dank dir für das Lot!

Schau mal deine Auflösung nach (unter Win7 mit Rechtsklick auf den Desktop).
Dann setzt du die erste Zahl-50 Pixel davon in diese Zeile ein:

#ib_body_top {width: SoVielePixelHatLashQueenpx !important;}

Speichern und Seite im Broweser neu laden.

[kasaba]

Super schafskoepchen! Du bist ja der Wahnsinn.

Einen Haken hat es bei mir aber noch. Ich hab nen Scrollfitzel und wenn ich die Pixel runterschraube, dann hab ich wieder mehr weißen Rand, aber immernoch ein klein wenig Platz zum Scrollen, vollkommen unnützen Platz, is ja alles weiß.
Hast du ne Idee, was ich da ändern könnte?

[schafskoepfchen]

Du könnest den Lesebereich so groß wie gewünscht machen und das horizontale Scrollfitzelchen ausblenden

Einfach einfügen:

body{overflow-x: hidden !important;}

Pass aber auf, dass das Stylish-CSS nur für beautyjunkies.inbeauty.de/ gilt. Sonst gibt es nirgendwo horizontale Scrollbars

[kasaba]

Hehe, genau das hab ich mir grad ergoogelt.
So, jetzt kann ich die Scrollbar ausblenden, aber mit diesem 2-Finger-in-alle-Richtungen-Scrollen auf'm Mac kann ich trotzdem noch nach rechts rüberwackeln. Auch wenn ich das Lesefeld auf 500 Pixel setze oder solche Späße.
Dat gibbet doch nüscht!

[schafskoepfchen]

Hehe,

Du könntest versuchen, in das Body Tag nochmal die Breite reinzupacken:

body{width: 1270px; overflow-x: hidden !important;}

[schafskoepfchen]

Du musst dir vorher das Stylish Add On für Chrome/Firefox/... installieren.

[pingu.in]

wuah, wie geil ist das denn.. danke schafskoepfchen

[schafskoepfchen]

Schade, das funktioniert leider nicht. Wenn ich in den body-Befehl die Breite eingebe, verschiebt sich alles nach rechts oder wenn ich z.B. alles auf 90% setze (% geht bei mir in FF), dann ist es nach rechts verschoben und man kann aber trotzdem nach rechts scrollen trotz der Ränder.
Ich lasse es wohl so, das passt schon.
Ich danke dir sehr für deine Hilfe, es sieht soviel besser aus jetzt!

Büdde doch!

Einen Versuch noch: Ich benutze NIE die linke Leiste und habe sie jetzt einfach mal entfernt - endlich ist das Forum zentriert! Vielleicht hilft das die entscheidenden Pixel nach links:

#menusx{display: none;}

[Kupferrot]

Vielen Dank!

Mein weißes Feld rechts war zwar nicht sehr breit , aber jetzt siehts noch viel besser aus.

[schafskoepfchen]

Freut mich, dass es vielen nützt

Jetzt kann man das ganze auch noch bei userscripts.org runterladen und installieren. Damit sollte es eigentlich für alle installier- und benutzbar sein.
Ich habe mal die Option eingebaut, die Leite links zu killen, use at will.
Also:
1) Stylish Add On installieren (chrome, firefox)
2) User Script installieren Klickedieklick
3) Profit Äh Freuen!

[kontext]

schaefskoepfchen!

du bist einfach genial.

(vorgehen: FF + stupides copy/paste + prozentetesten = erfolg )

[Lashqueen]

Bitteschön! Und dank dir für das Lot!

Schau mal deine Auflösung nach (unter Win7 mit Rechtsklick auf den Desktop).
Dann setzt du die erste Zahl-50 Pixel davon in diese Zeile ein:


Speichern und Seite im Broweser neu laden.

Du bist ein Schatz!!!

Noch ne dumme Frage: Gilt das jetzt nur für diese Seite oder für alle Seiten? Oder wird das automatisch gemacht?

[Frau Xor]

Das Userscript greift nur auf der BJ-Seite. Perfekt!

[kasaba]

Bei mir kann man immernoch scrollen, auch ohne seitliches Menu und egal, wie klein ich das Mittelfeld mach. Weiß der Henker, was da spinnt.
Hab mir jetzt alles ein bisschen in die Mitte gerückt und mir angewöhnt, beim Scrollen dies leicht nach links zu tun, damit ich nicht nach rechts ausversehen wackel.

Vielen Dank für dein Engagement nochmal, schafskoepfchen!

[tussi]

ach perfekt, danke schafsköpfchen alleine hätt ich das bestimmt nicht gebacken bekommen, aber 2x drauf klicken krieg auch ich hin

auf meinem netbook ist jetzt die schrift zwar immer noch mini, aber wenigstens muss ich nicht scrallen u zur not setz ich halt die brille auf.

[Robin]

Surft zufällig jemand mit 1024x768 im Firefox und kann mir die passende Einstellung nennen? Bei mri fehlt jetzt der Scrollbalken, aber der Bildschirm ist nicht verkleinert

[Motobiene]

ja robin ich, ich hab den styler nach Tigerkatzis Programmierung eingestellt und alles ist wieder supi - steht im Hilfefred

[Tigerkatzi]

Robin:
ich kopiers hier noch mal herein, für eine kleinere Breite von 1024 müsst ihr in Schafköpfchens Skript einen Prozentwert auf 75% (oder weniger) ändern

@-moz-document domain("beautyjunkies.inbeauty.de") {
#ib_ad_top { display: none; }
#ib_ad_right { width:0px; display: none;}
div[style="width:728px; height:90px; overflow:hidden;"] { display: none !important}
#ib_body_top {width: 75% !important;}
body{width: 95%; overflow-x: hidden !important;}
#menusx{display: none;}
}

der fett markierte Prozentsatz ist gemeint, der REst ist aus schafköpfchens Skript.

[Motobiene]

kaum den namen genannt schon isse da

[ameleya]

Wow, Danke für diese sehr komfortable Möglichkeit, das Seitenlayout anzupassen!

[Beautywüstenbewohnerin]

Schafsköpfchen, für das Script, jetzt sieht's wieder gut aus

[Robin]

Uih, das scheint zu funktionieren! Danke, Tigerkatzi!