Supportnet / Forum / Webseiten/HTML
Farbige Slider
Frage
Hallo Freunde,
irgendwo hatte ich mir dazu schon eine Dok abgelegt, nur leider finde ich sie nicht mehr...
Kann mir jemand mal schreiben, wie ich es anstelle, dass im Explorer die Schieber des Seiteninhaltes andersfarbig dargestellt werden, also z.B. an die Layoutfarbe meiner Seite angepasst?
Vielen Dank,
MfG
SWF
Antwort 1 von Jensd
<style type="text/css">
<!--
BODY {
scrollbar-base-color:white;
scrollbar-track-color:white;
scrollbar-face-color:white;
scrollbar-highlight-color:white;
scrollbar-3d-light-color:white;
scrollbar-dark-shadow-color:white;
scrollbar-shadow-color:white;
scrollbar-arrow-color:white;}
-->
</style>
Das einfach in den HEAD-Bereich kopieren. Die Farben kannst du ja selber anpassen.
mfg. Jens
<!--
BODY {
scrollbar-base-color:white;
scrollbar-track-color:white;
scrollbar-face-color:white;
scrollbar-highlight-color:white;
scrollbar-3d-light-color:white;
scrollbar-dark-shadow-color:white;
scrollbar-shadow-color:white;
scrollbar-arrow-color:white;}
-->
</style>
Das einfach in den HEAD-Bereich kopieren. Die Farben kannst du ja selber anpassen.
mfg. Jens
Antwort 2 von Yoram
Nur mal so als Hinweis, die Schieber (Scrollbalken) sind nur farbig ab IE 5.5 zu sehen.
Das Script stellt die Balken bei Mausover in einer anderen Farbe dar (Farben sind selbst einstellbar)
<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>
In den Bodybereich:
<body bgcolor="#FFFFFF" onMousemove="move()">
Das Script stellt die Balken bei Mausover in einer anderen Farbe dar (Farben sind selbst einstellbar)
<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>
In den Bodybereich:
<body bgcolor="#FFFFFF" onMousemove="move()">
Antwort 3 von StarWarsFan
Hallo Freunde,
vielen Dank für die Infos, ich werde es testen.
MfG
SWF
vielen Dank für die Infos, ich werde es testen.
MfG
SWF