Wie färbe ich die Scrollbar ein...
- Ersteller Metallica
- Erstellt am
Hallo Metallica!
Einfach diesen Style Befehl einfügen. Dann noch die Farben nach deinen wünschen verändern!
<STYLE type=text/css>
.textbox {BORDER-RIGHT: #0087C8 1px solid; BORDER-TOP: #0087C8 1px solid; SCROLLBAR-FACE-COLOR: #FFFFFF; FONT-SIZE: x-small; BACKGROUND: white; SCROLLBAR-HIGHLIGHT-COLOR: #ffffff; BORDER-LEFT: #0087C8 1px solid; SCROLLBAR-SHADOW-COLOR: #ffffff; COLOR: #000000; SCROLLBAR-3DLIGHT-COLOR: #ffffff; SCROLLBAR-ARROW-COLOR: #0087C8; SCROLLBAR-TRACK-COLOR: #ffffff; BORDER-BOTTOM: #0087C8 1px solid; FONT-FAMILY: Verdana,Arial,Helvetica; SCROLLBAR-DARKSHADOW-COLOR: #ffffff; TEXT-ALIGN: left}
select {FONT-FAMILY: Arial,Verdana,Helvetica; TEXT-ALIGN: left; color:#000000; font-size:13px; background-color:#ffffff;}
TD {FONT-FAMILY: Verdana,Arial,Helvetica; FONT-SIZE: 8pt}
DIV {FONT-FAMILY: Verdana,Arial,Helvetica}
BODY {
FONT-SIZE: 10pt; FONT-FAMILY: Verdana,Arial,Helvetica
scrollbar-3d-light-color: #d8ecea;
scrollbar-arrow-color: #0087C8;
scrollbar-base-color: #666666;
scrollbar-dark-shadow-color: #0087C8;
scrollbar-face-color: #FFFFFF;
scrollbar-highlight-color: #FFFFFF;
scrollbar-shadow-color: #FFFFFF;
</STYLE>
Sorry wegen der schlechten Übersicht, aber in etwa weißt du dann wie es aussieht!
Gruß
Maniac
Einfach diesen Style Befehl einfügen. Dann noch die Farben nach deinen wünschen verändern!
<STYLE type=text/css>
.textbox {BORDER-RIGHT: #0087C8 1px solid; BORDER-TOP: #0087C8 1px solid; SCROLLBAR-FACE-COLOR: #FFFFFF; FONT-SIZE: x-small; BACKGROUND: white; SCROLLBAR-HIGHLIGHT-COLOR: #ffffff; BORDER-LEFT: #0087C8 1px solid; SCROLLBAR-SHADOW-COLOR: #ffffff; COLOR: #000000; SCROLLBAR-3DLIGHT-COLOR: #ffffff; SCROLLBAR-ARROW-COLOR: #0087C8; SCROLLBAR-TRACK-COLOR: #ffffff; BORDER-BOTTOM: #0087C8 1px solid; FONT-FAMILY: Verdana,Arial,Helvetica; SCROLLBAR-DARKSHADOW-COLOR: #ffffff; TEXT-ALIGN: left}
select {FONT-FAMILY: Arial,Verdana,Helvetica; TEXT-ALIGN: left; color:#000000; font-size:13px; background-color:#ffffff;}
TD {FONT-FAMILY: Verdana,Arial,Helvetica; FONT-SIZE: 8pt}
DIV {FONT-FAMILY: Verdana,Arial,Helvetica}
BODY {
FONT-SIZE: 10pt; FONT-FAMILY: Verdana,Arial,Helvetica
scrollbar-3d-light-color: #d8ecea;
scrollbar-arrow-color: #0087C8;
scrollbar-base-color: #666666;
scrollbar-dark-shadow-color: #0087C8;
scrollbar-face-color: #FFFFFF;
scrollbar-highlight-color: #FFFFFF;
scrollbar-shadow-color: #FFFFFF;
</STYLE>
Sorry wegen der schlechten Übersicht, aber in etwa weißt du dann wie es aussieht!
Gruß
Maniac
Nonens
Lounge-Member
Es funzt gar nichts ...
Was mache ich verkehrt? Ich habe sowohl diese Css - Angaben originalgetreu kopiert und eingefügt und es funktionierte nicht als auch von diversen anderen Seiten Css-/ und JavaScripte kopiert und eingefügt. Nichts funktionierte! Ich verwende den IE 5.0 ... kann der das nicht erkennen?
Als JavaScript nahm ich dieses hier:
<script language="javascript"><!--
function move()
{
chk = document.body.clientWidth + 2;
if(window.event.x > chk) //Ist Mauszeiger über Scrollbar?
{
var sfc = "powderblue"; //scrollbar-face-color
var ssc = "red"; //scrollbar-shadow-color
var shc = "blue"; //scrollbar-highlight-color
var stc = "yellow"; //scrollbar-track-color
var sac = "green"; //scrollbar-arrow-color
document.body.style.scrollbarFaceColor = sfc;
document.body.style.scrollbarShadowColor = ssc;
document.body.style.scrollbarTrackColor = stc;
document.body.style.scrollbarHighlightColor = shc;
document.body.style.scrollbarArrowColor = sac;
}
else //wenn Mauszeiger nicht über Scrollbar
{
var sfc = "orange"; //scrollbar-face-color
var ssc = "red"; //scrollbar-shadow-color
var shc = "white"; //scrollbar-highlight-color
var stc = "silver"; //scrollbar-track-color
var sac = "blue"; //scrollbar-arrow-color
document.body.style.scrollbarFaceColor = sfc;
document.body.style.scrollbarShadowColor = ssc;
document.body.style.scrollbarTrackColor = stc;
document.body.style.scrollbarHighlightColor = shc;
document.body.style.scrollbarArrowColor = sac;
}
} // -->
</script>
<body onMousemove="move()">
Wer kann mir helfen?
Was mache ich verkehrt? Ich habe sowohl diese Css - Angaben originalgetreu kopiert und eingefügt und es funktionierte nicht als auch von diversen anderen Seiten Css-/ und JavaScripte kopiert und eingefügt. Nichts funktionierte! Ich verwende den IE 5.0 ... kann der das nicht erkennen?
Als JavaScript nahm ich dieses hier:
<script language="javascript"><!--
function move()
{
chk = document.body.clientWidth + 2;
if(window.event.x > chk) //Ist Mauszeiger über Scrollbar?
{
var sfc = "powderblue"; //scrollbar-face-color
var ssc = "red"; //scrollbar-shadow-color
var shc = "blue"; //scrollbar-highlight-color
var stc = "yellow"; //scrollbar-track-color
var sac = "green"; //scrollbar-arrow-color
document.body.style.scrollbarFaceColor = sfc;
document.body.style.scrollbarShadowColor = ssc;
document.body.style.scrollbarTrackColor = stc;
document.body.style.scrollbarHighlightColor = shc;
document.body.style.scrollbarArrowColor = sac;
}
else //wenn Mauszeiger nicht über Scrollbar
{
var sfc = "orange"; //scrollbar-face-color
var ssc = "red"; //scrollbar-shadow-color
var shc = "white"; //scrollbar-highlight-color
var stc = "silver"; //scrollbar-track-color
var sac = "blue"; //scrollbar-arrow-color
document.body.style.scrollbarFaceColor = sfc;
document.body.style.scrollbarShadowColor = ssc;
document.body.style.scrollbarTrackColor = stc;
document.body.style.scrollbarHighlightColor = shc;
document.body.style.scrollbarArrowColor = sac;
}
} // -->
</script>
<body onMousemove="move()">
Wer kann mir helfen?
ChristianK
Junior Mitglied
funzt doch
@nonens:
ich hab dein script kopiert und in ne testseite eingefügt. bei mir läufts!
Habe den IE 5.5.
Vielleicht liegts an der IE Version.
@nonens:
ich hab dein script kopiert und in ne testseite eingefügt. bei mir läufts!
Habe den IE 5.5.
Vielleicht liegts an der IE Version.
Nonens
Lounge-Member
So, jetzt
habe ich die Schnauze voll (nicht von Euch, sondern von meinem Problem!).
Ich bräuchte jetzt noch mal Eure Hilfe!
Ich habe den IE 6.0 mittlerweile. Der zeigt mir im Internet auch brav gefärbte Scrollbalken an. Er zeigt mir auf meinen Testseiten auch gefärbte Scrollbars an, solange ich kein Frameset benutze.
Sobald ich den Code - sei es JavaScript oder CSS - aber in meinen linken Frame einbaue (Navigation), setzt er die Scrollbars auf Standard, das heißt keine Farben.
Ich habe auf allen möglichen Seiten geguckt, habe mir dort die Scripts geklaut und haargenauso bei mir eingefügt (von Frameseiten geklaut, damit es identisch ist), aber es funzt nicht!!!
Als letztes habe ich dieses bei mir eingefügt:
<style type="text/css"><!--
BODY {
scrollbar-base-color:black;
scrollbar-track-color:black;
scrollbar-highlight-color:red;
scrollbar-3d-light-color:red;
}
--></style>
Und das funzt auf der Seite http://www.pegs-gifzone.de/ einwandfrei.
Was könnte bei mir verkehrt sein?
Meine Pfadangabe zur Testpage: www.activetimes.de/Shop/index.html
Die Scrollbar seht Ihr, wenn das Fenster in der Höhe kleiner wird.
Auf der Testseite habe ich diese Variante mit den Scripts für die gefärbten Scrollbars nicht hochgeladen, weil sie lokal nicht funktionieren und ich sie immer gelöscht habe.
Kann mir jemand helfen?
Gruß,
Nonens
habe ich die Schnauze voll (nicht von Euch, sondern von meinem Problem!).
Ich bräuchte jetzt noch mal Eure Hilfe!
Ich habe den IE 6.0 mittlerweile. Der zeigt mir im Internet auch brav gefärbte Scrollbalken an. Er zeigt mir auf meinen Testseiten auch gefärbte Scrollbars an, solange ich kein Frameset benutze.
Sobald ich den Code - sei es JavaScript oder CSS - aber in meinen linken Frame einbaue (Navigation), setzt er die Scrollbars auf Standard, das heißt keine Farben.
Ich habe auf allen möglichen Seiten geguckt, habe mir dort die Scripts geklaut und haargenauso bei mir eingefügt (von Frameseiten geklaut, damit es identisch ist), aber es funzt nicht!!!
Als letztes habe ich dieses bei mir eingefügt:
<style type="text/css"><!--
BODY {
scrollbar-base-color:black;
scrollbar-track-color:black;
scrollbar-highlight-color:red;
scrollbar-3d-light-color:red;
}
--></style>
Und das funzt auf der Seite http://www.pegs-gifzone.de/ einwandfrei.
Was könnte bei mir verkehrt sein?
Meine Pfadangabe zur Testpage: www.activetimes.de/Shop/index.html
Die Scrollbar seht Ihr, wenn das Fenster in der Höhe kleiner wird.
Auf der Testseite habe ich diese Variante mit den Scripts für die gefärbten Scrollbars nicht hochgeladen, weil sie lokal nicht funktionieren und ich sie immer gelöscht habe.
Kann mir jemand helfen?
Gruß,
Nonens
Nonens
Lounge-Member
Bitte ...
Es wäre nett, wenn mir jemand helfen würde/könnte/möchte/täte ...
Ich bin echt am verzweifeln ... Warum wird das in meinen Frames nicht dargestellt? Füge ich die entsprechenden Scripte in einer "normalen" Testseite ein, wird mir alles angezeigt. Im Frame nicht... da wird im Formular plötzlich der Scrollbalken in einem Kommentarfeld (textarea) eingefärbt. Aber das will ich gar nicht...
Hier der Quelltext von meiner Navigationsseite:
<html>
<head>
<title></title>
<style type="text/css">
BODY {
BACKGROUND-COLOR: rgb(255,255,255); COLOR: rgb(0,0,128)
scrollbar-DarkShadow-Color:red; scrollbar-Track-Color: rgb(0,75,121);
scrollbar-Face-Color:rgb(255,255,204); scrollbar-Shadow-Color:black;
scrollbar-Highlight-Color:black; scrollbar-3dLight-Color:red;
scrollbar-Arrow-Color: rgb(0,75,121);
}
a:link { font:10pt arial; color:#000000; text-decoration:none; }
a:active { font:10pt arial; color:#000000; text-decoration:none; }
a:visited { font:10pt arial; color:#000000; text-decoration:none; }
a:hover { font:10pt arial; color:#B65328; text-decoration:none; }
//-->
</style>
</head>
<body text="#000000" background="bilder/navi_kurz.gif" link="#FF0000" alink="#FF0000" vlink="#FF0000" topmargin="0" leftmargin="0" marginwidht="0" marginheight="0" bgproperties="fixed" style="background-repeat: no-repeat">
<table border="0" cellpadding="0" cellspacing="0" align="left" width="100%" height="100%">
<tr>
<td align="center" valign="top">
<br><a href="home.html" target="rechts">Willkommen</a>
<p><a href="spezial.html" target="rechts">Spezialitäten</a></p>
<p><a href="ambiente.html" target="rechts">Ambiente</a></p>
<p><a href="kreation.html" target="rechts">Sonderkreationen</a></p>
<p><a href="restaurant.html" target="rechts">Restaurant-<br>philosophie</a></p>
<p><a href="bankett.html" target="rechts">Bankette</a></p>
<p><a href="lob.html" target="rechts">Lob und Tadel</a></p>
<p><a href="vino.html" target="rechts">Vinothek</a></p>
<p><a href="reserv.html" target="rechts">Reservierung</a></p>
<p><a href="stellen.html" target="rechts">Freie Stellen</a></p>
</td>
</tr>
</table>
</body>
</html>
Es wäre nett, wenn mir jemand helfen würde/könnte/möchte/täte ...
Ich bin echt am verzweifeln ... Warum wird das in meinen Frames nicht dargestellt? Füge ich die entsprechenden Scripte in einer "normalen" Testseite ein, wird mir alles angezeigt. Im Frame nicht... da wird im Formular plötzlich der Scrollbalken in einem Kommentarfeld (textarea) eingefärbt. Aber das will ich gar nicht...
Hier der Quelltext von meiner Navigationsseite:
<html>
<head>
<title></title>
<style type="text/css">
BODY {
BACKGROUND-COLOR: rgb(255,255,255); COLOR: rgb(0,0,128)
scrollbar-DarkShadow-Color:red; scrollbar-Track-Color: rgb(0,75,121);
scrollbar-Face-Color:rgb(255,255,204); scrollbar-Shadow-Color:black;
scrollbar-Highlight-Color:black; scrollbar-3dLight-Color:red;
scrollbar-Arrow-Color: rgb(0,75,121);
}
a:link { font:10pt arial; color:#000000; text-decoration:none; }
a:active { font:10pt arial; color:#000000; text-decoration:none; }
a:visited { font:10pt arial; color:#000000; text-decoration:none; }
a:hover { font:10pt arial; color:#B65328; text-decoration:none; }
//-->
</style>
</head>
<body text="#000000" background="bilder/navi_kurz.gif" link="#FF0000" alink="#FF0000" vlink="#FF0000" topmargin="0" leftmargin="0" marginwidht="0" marginheight="0" bgproperties="fixed" style="background-repeat: no-repeat">
<table border="0" cellpadding="0" cellspacing="0" align="left" width="100%" height="100%">
<tr>
<td align="center" valign="top">
<br><a href="home.html" target="rechts">Willkommen</a>
<p><a href="spezial.html" target="rechts">Spezialitäten</a></p>
<p><a href="ambiente.html" target="rechts">Ambiente</a></p>
<p><a href="kreation.html" target="rechts">Sonderkreationen</a></p>
<p><a href="restaurant.html" target="rechts">Restaurant-<br>philosophie</a></p>
<p><a href="bankett.html" target="rechts">Bankette</a></p>
<p><a href="lob.html" target="rechts">Lob und Tadel</a></p>
<p><a href="vino.html" target="rechts">Vinothek</a></p>
<p><a href="reserv.html" target="rechts">Reservierung</a></p>
<p><a href="stellen.html" target="rechts">Freie Stellen</a></p>
</td>
</tr>
</table>
</body>
</html>