#1 Scrollbar einfärben (nur Internet-Explorer) von crudelis Pernicies 06.07.2008 13:13

avatar

Den CSS Code OHNE Zeilenumbruch (ENTER) in den Editbereich hintereinanderweg schreiben

<style type="text/css"><!--body{scrollbar-face-color: #1F3F5F;scrollbar-highlight-color: #224499;scrollbar-shadow-color: #152B40;scrollbar-3dlight-color: #333333;scrollbar-arrow-color: #FF9900;scrollbar-track-color: #666699;scrollbar-darkshadow-color: #666699}--></style>

Die Farbhexcodes (ggf. auch Namen) können natürlich nach Wunsch verändert werden,
Man kommt um's Testen und Ausprobieren nicht herum.
Den Dreh bekommt man aber raus - beispielsweise ist es ratsam,
shadow und highlight Werte nur leicht heller bzw. dunkler zu setzen als die face-Farbe.

Erläuterungen:
face-color - Grundfarbe des Scrollbalkens
track-color - Farbe des Reglers
3d-light-color - 3D-Effekt an den Pfeilen wird farblich hervorgehoben
highlight-color - Farbe des Reglers bei Aktivierung
shadow-color - Farbe des Schattens
darkshadow-color - Dunkler Schatten des Reglers
arrow-color - Farbe der beiden Pfeile oben / unten


JavaScript - Scrollbarverfärbung beim Scrollen

<SCRIPT language="JavaScript">
<!--
var scrollPct, prevStep, nextStep, interStep
steps = new Array();
steps[0] = new Array(128,128,128);
steps[1] = new Array(255,0,0);
steps[2] = new Array(255,255,0);
steps[3] = new Array(0,255,0);
steps[4] = new Array(0,255,255);
steps[5] = new Array(0,0,255);
steps[6] = new Array(255,0,255);
steps[7] = new Array(255,0,0);
steps[8] = new Array(255,255,255);
function newColor(chan) {
var i=Math.floor(steps[prevStep][chan]+interStep*(steps[nextStep][chan]-steps[prevStep][chan]));
return i;
}
function scrollFunk() {
scrollPct=(steps.length-1)*document.body.scrollTop/(document.body.scrollHeight-document.body.clientHeight);
prevStep=Math.floor(scrollPct);
nextStep=Math.ceil(scrollPct);
interStep=scrollPct-prevStep;
var newRGB="rgb("+newColor(0)+","+newColor(1)+","+newColor(2)+")";
var invRGB="rgb("+(255-newColor(0))+","+(255-newColor(1))+","+(255-newColor(2))+")";
if (document.body.style.scrollbarTrackColor != null) {
document.body.style.scrollbarFaceColor=newRGB;
document.body.style.scrollbarTrackColor=invRGB;
}
}
window.onscroll=scrollFunk;
//-->
</SCRIPT>

#2 RE: Scrollbar einfärben (nur Internet-Explorer) von ComputerTommy 29.03.2014 11:04

Danke für den Tipp, kannte ich noch gar nicht :)
Hat auch jemand Snippets, um das unter Chrome (Webkit) oder Firefox (Gecko) umzusetzen ?

Xobor Forum Software von Xobor.de
Einfach ein Forum erstellen