Blöcke Scrollbar-Farbe ändern

Biker · 17 Mai 2009, 11:18:38

Ich benutze das Theme mx-greatcarbon und finde, dass die Scrollbar-Farbe (sowohl im IE 7.0 als auch MF 3.0.10) in Blöcken nicht wirklich zum Design passt. Ich würde sie gerne in das Grün des Designs abändern, finde aber nicht, wo ich das ändern kann.

Als Anlage mal ein Beispiel.

Gruß
Bernd

Pat Satanus · 17 Mai 2009, 12:17:40

Hi Bernd.
Soweit ich weiß, ist das nur im IE möglich. Das geht recht einfach: Self HTML - Scrollbar. Das ist die HTML-Variante.
Gibt auch noch ein CSS-Variante, die aber scheinbar auch nur mit dem IE funktioniert:

Code Auswählen


<body style="scrollbar-3dlight-color:#123456;
scrollbar-highlight-color:#123456;
scrollbar-face-color:#123456;
scrollbar-shadow-color:#123456;
scrollbar-track-color:#123456;
scrollbar-darkshadow-color: #123456;">

Das #123456 einfach mit dem Farbcode ersetzen, den du haben willst.

Ob das allerdings mittlerweile auch vom FF oder anderen Browsern gemacht wird, weiß ich nicht. Am besten ausprobieren.

So long...

Biker · 17 Mai 2009, 12:21:29

Hi Pat,
erstmal danke....wo soll ich das denn einbauen?
Es betrifft ja sämtliche Scrollbars auf der gesamten Seite!

Gruß
Bernd

Pat Satanus · 17 Mai 2009, 17:47:35

In der style.css deines templates könnte es gut reinpassen. Aber hier bitte den CSS-Code einbauen, nicht die HTML-Variante.

Pat Satanus · 22 Mai 2009, 14:31:50

Na Bernd?
Hat das geklappt? Ich hab das mal getestet, es funktioniert bei mir nur unter IE, aber nicht unter FF. Wenn du da einen Schritt weiter bist, wäre ich an der Lösung sehr interessiert.

So long...

Biker · 22 Mai 2009, 20:25:44

Hi,
nein...ich habe so ziemlich alles ausprobiert, aber ohne Erfolg!
Wie hast Du es denn geschafft, dass es wenigstens im IE klappt?

Gruß
Bernd

Pat Satanus · 22 Mai 2009, 20:42:12

Ich hab den Code in die style.css eingefügt, läuft ohne Probs unter dem IE.

NDeezign · 23 Mai 2009, 00:11:49

Hy

die Scrollbar Farben wurden speziell nur für den IE entwickelt, der FF kennt sowas nicht ...
Wenn die Stylesheet Angaben richtig sind und das ganze im IE nicht angezeigt wird, liegt es meist am Doctype ... Aber bedenkt, dass das mit den Scrollbalken kein Webstandard ist ...

LG

Biker · 23 Mai 2009, 00:56:24

Es mag ja sein, dass es kein Webstandard ist, aber es sieht scheiße aus

, weil es nicht zum Seiten-Design passt!

Ich rede ja nicht von den Scrollbalken bei denen man die Seite rauf und runter scrollt, sondern von denen im "who is online" oder who is where".....ansonsten wäre es mir egal.

Gruß
Bernd

NDeezign · 23 Mai 2009, 14:58:31

Natürlich muss du das selber wissen, wie du das handhaben willst

Nur wenn die Dinger nicht angezeigt werden und du vielleicht einen anderen Doctype erzwingen musst, dieser ggf. mehr Fehler in der Valdierung oder Seite fabriziert, ist das dann so ne Sache ...

Wenn du das ganze nur in den Blöcken haben willst, dann schau mal in die layout.css (? oder in welcher .css sie bei dem Theme genau hinterlegt sind) und füge es unter die rechten oder auch linken blöcke mit ein ...

Code Auswählen


.blocksright, .blocksleft {
scrollbar-track-color: #000000;
scrollbar-face-color: #FFFFFF;
scrollbar-highlight-color: #000000;
scrollbar-3dlight-color: #FFFFFF;
scrollbar-darkshadow-color: 000000;
scrollbar-shadow-color: #FFFFFF;
scrollbar-arrow-color: #000000;
}

LG

siggi · 23 Mai 2009, 21:46:58

Nabeeend

Vielleicht hilft das ja ...

http://interface.eyecon.ro/demos/scrollbar.html

... und valide ist es auch