Javascript Essentials Part 2


Scroll bar color

Add the following css in your styles.css file. Change color values in following as required.

BODY{
SCROLLBAR-FACE-COLOR: #cfced2;
SCROLLBAR-HIGHLIGHT-COLOR: #f6f6f7;
SCROLLBAR-SHADOW-COLOR: #cfced2; 
SCROLLBAR-3DLIGHT-COLOR: #b3b3b3; 
SCROLLBAR-ARROW-COLOR: #4a5b86; 
SCROLLBAR-TRACK-COLOR: #e5e5e5; 
SCROLLBAR-DARKSHADOW-COLOR: #919194; 
BACKGROUND-COLOR: #ffffff
}

OR

For HTML Page Add the following in head section:

<style type="text/css">
BODY {
SCROLLBAR-FACE-COLOR: #FFA3A3;
SCROLLBAR-HIGHLIGHT-COLOR: #FFA3A3; 
SCROLLBAR-SHADOW-COLOR: #FFA3A3; 
SCROLLBAR-3DLIGHT-COLOR: #FFA3A3; 
SCROLLBAR-ARROW-COLOR: #FF7979; 
SCROLLBAR-TRACK-COLOR: #FF7979; 
SCROLLBAR-DARKSHADOW-COLOR: #000000
}
</style>

Left Scroll bar

Inside of your tag add:

style="direction:rtl"

Then, before adding any content, put this line:

<div style="direction:ltr">

i.e.

<BODY style="DIRECTION: rtl">
<DIV style="DIRECTION: ltr">

No Scroll bar

For No Scroll bar in Page, use ‘scroll is equals to no’ in body tag.

<body scroll=no>

Related Posts


Leave a Reply

Your email address will not be published. Required fields are marked *