Scrollbalken verändern-wie ?

UnRe4l · 01.09.2004, 12:50

wie kann ich die scrollleiste farblich verändern ? kann ich sie auch mit irgendeiner textur versehen ? thx
P.S. brauche nur den html befehl

hero-master · 01.09.2004, 12:57

Moin Unreal,
Den Scrollbalken kannst du mit CSS verändern. Dazu gibt es Generatoren, die das für dich machen oder du kannst selbst Hand anlegen. Dieser Code ist aber nicht valide und wird nur vom IE anerkannt, womit du aber sicher leben kannst oder?

All das findest du schön bei Google

UnRe4l · 01.09.2004, 14:42

danke! *thumbs up*!

UnRe4l · 01.09.2004, 15:07

arg nur irgendwie hab ich kein plan wo ich
<STYLE>BODY {
scrollbar-face-color: red;
SCROLLBAR-TRACK-COLOR: blue;
scrollbar-arrow-color: black;
scrollbar-base-color: #ffff33;
scrollbar-shadow-color : #33cc99;
SCROLLBAR-3DLIGHT-COLOR: #ff33ff;
SCROLLBAR-DARKSHADOW-COLOR: #33ffff;
scrollbar-highlight-color: white;
} </STYLE>
einfügen soll

wenn ich es einfach so einfüge spinnt alles komplett und es wird garnix mehr angezeigt

paul123 · 01.09.2004, 15:09

http://msdn.microsoft.com/workshop/s...llbarColor.htm hier kannste das online machen. Andere Farben eben dann wie gewünscht...

paul123 · 01.09.2004, 15:10

so z.B.

Zitat:

<HTML>
<HEAD>
<STYLE>
.TA {scrollbar-3dlight-color:;
scrollbar-arrow-color:;
scrollbar-base-color:;
scrollbar-darkshadow-color:;
scrollbar-face-color:;
scrollbar-highlight-color:;
scrollbar-shadow-color:}
</STYLE>
</HEAD>
<BODY>

UnRe4l · 01.09.2004, 15:13

wow jezz hab ichs auch gecheckt

hm wenn ich auf "vorschau" klicke verändert sich immer noch nix

Screensize · 01.09.2004, 15:14

Bedenke aber das diese Verfärbungen nicht im Firefox greifen.

<OT>
Paul, was nun mit vorlassen

</OT>

Gruß Rico

UnRe4l · 01.09.2004, 15:19

ne ich nehm auch den ie explorer

das muss doch irgendwie hinzubekommen sein,kennt ihr ne seite wo das so is dann könnt ich mir ja einfach den quellcode anschaun

Screensize · 01.09.2004, 15:23

Ich glaube bei Paules Codeschnipsel fehlt die Klassenzuweisung, füge ma das rote noch ein.

<HTML>
<HEAD>
<STYLE>
.TA {scrollbar-3dlight-color:;
scrollbar-arrow-color:;
scrollbar-base-color:;
scrollbar-darkshadow-color:;
scrollbar-face-color:;
scrollbar-highlight-color:;
scrollbar-shadow-color:}
</STYLE>
</HEAD>
<BODY Class="ta">

Achso, und hinter die Doppelpunkte muss noch eine Farbe im Hexa-Code eingetragen werden. Sieht also, bei miener Seite so aus:

scrollbar-face-color:#E68B70;
scrollbar-shadow-color:#f6e8c8;
scrollbar-highlight-color:#E68B70;
scrollbar-3dlight-color:#f6e8c8;
scrollbar-darkshadow-color:#E68B70;
scrollbar-track-color:#f6e8c8;
scrollbar-arrow-color:#f6e8c8

Gruß Rico

hero-master · 01.09.2004, 15:26

Zitat:

Zitat von Screensize

Ich glaube bei Paules Codeschnipsel fehlt die Klassenzuweisung, füge ma das rote noch ein.

<HTML>
<HEAD>
<STYLE>
.TA {scrollbar-3dlight-color:;
scrollbar-arrow-color:;
scrollbar-base-color:;
scrollbar-darkshadow-color:;
scrollbar-face-color:;
scrollbar-highlight-color:;
scrollbar-shadow-color:}
</STYLE>
</HEAD>
<BODY Class="ta">

Gruß Rico

Umständlicher gehts kaum

Da bracuhst du keine Klassen zuweisen

Sondern einfach body hinschreiben

<HTML>
<HEAD>
<STYLE>
body {scrollbar-3dlight-color:;
scrollbar-arrow-color:;
scrollbar-base-color:;
scrollbar-darkshadow-color:;
scrollbar-face-color:;
scrollbar-highlight-color:;
scrollbar-shadow-color:}
</STYLE>
</HEAD>
<BODY>

UnRe4l · 01.09.2004, 15:26

hm ich werd da einfach nicht schlau draus,soll ich mal meinen quellcode posten und ihr fügt das für mich ein ?? bin ich zu blöd oder was

Screensize · 01.09.2004, 15:30

Ja, ich wollte einfach den Paule sein beispiel erweitern.

@ UnRe4l

Füge einfach mal in den Bereich zwischen <Head> und </Head> diesen Code ein:

Code:

<STYLE>
body {
scrollbar-face-color:#E68B70;
scrollbar-shadow-color:#f6e8c8;
scrollbar-highlight-color:#E68B70;
scrollbar-3dlight-color:#f6e8c8;
scrollbar-darkshadow-color:#E68B70;
scrollbar-track-color:#f6e8c8;
scrollbar-arrow-color:#f6e8c8}
</STYLE>

Dann müßtest du ein Ergebnis haben, dann nur noch die Farben anpassen.

UnRe4l · 01.09.2004, 15:34

hab ich gemacht,ändert nichts

UnRe4l · 01.09.2004, 15:36

kann es sein,das die vorschau funktion von dw irgendwie das nicht hinkriegt ??? aber das glaub ich eigentlich nicht
andre frage: manche stellen des quellcodes sind rot unterkringelt,was hat das zu bedeuten ?