PDA

View Full Version : Color scroll bars


asbiff
11-15-2005, 08:42 PM
I have alot of info to get into a small space.

So I am using this:

<div id="Layer1" style="position:absolute; left:292px; top:115px; width:638px; height:265px; z-index:1; overflow: scroll;">
<table width="620" border="0" cellspacing="0" cellpadding="0">
<tr>

The background is a dark blue and the scrolls are a light grey.

I want the scroll bar and the empty sapce it moves on to also be blue.

Any suggestions?

Creative Insanity
11-15-2005, 09:23 PM
body{
scrollbar-face-color:#colour;
scrollbar-arrow-color:#colour;
scrollbar-track-color:#colour;
scrollbar-shadow-color:#colour;
scrollbar-highlight-color:#colour;
scrollbar-3dlight-color:#colour;
scrollbar-darkshadow-Color:#colour;
}
Add this to your css file. If not using a css just paste in the head of your document in
<style></style> tags

asbiff
11-22-2005, 09:29 PM
Thanks for your help!

The only problem is it changes the all the scrolls.

I really just want to change the ones around the window inside the page that I am using to scroll all the info.

I would like to keep the scrolls that control the page normal.

If there is a way.

Thanks again for your help.

ramandeep
11-22-2005, 09:44 PM
Hi asbiff,
try putting your div ID instead of body in the code ,it should do.

It should then effect your Layer only!

asbiff
11-23-2005, 01:21 PM
Thanks for the help!

But I am not sure where to place it.

I see the <div id="layer1" style= and so on.

I tried placing it within this in a couple of different ways but I could not get it to work.

What tags do I need to use before and after the

scrollbar-face-color:#colour;
scrollbar-arrow-color:#colour;
scrollbar-track-color:#colour;
scrollbar-shadow-color:#colour;
scrollbar-highlight-color:#colour;
scrollbar-3dlight-color:#colour;
scrollbar-darkshadow-Color:#colour;

And exactly where do I place this info.


</script>
</head>
<body background="optimized/bkrd.jpg" leftmargin="0" topmargin="0" onLoad="MM_preloadImages('optimized/home-butn2.gif','optimized/agent-butn2.gif','optimized/proprty-butn2.gif','optimized/louisville-butn2.gif','optimized/kentucky-butn2.gif','optimized/school-butn2.gif','optimized/remax-butn2.gif','optimized/map-butn2.gif','optimized/free-butn2.gif','optimized/contact-butn2.gif')">
<div id="Layer1" style="position:absolute; left:292px; top:115px; width:638px; height:265px; z-index:1; overflow: scroll;">
<table width="620" border="0" cellpadding="0" cellspacing="0">
<tr>

I create everything with dreamweaver and am totaly ignorant when it comes to the code.

Is there a selection in dreamweaver that will do this for me? Or is this just something you have to know the code for.

Thanks for the help.

ramandeep
11-23-2005, 01:44 PM
You can use this for coloring scroll bars for DIV

<DIV align=center
style='
color: #000000;
background-color: #CCCCCC;
border: solid 2px black;
width: 120px;
height: 200px;
overflow: scroll;
scrollbar-face-color: #889B9F;
scrollbar-shadow-color: #3D5054;
scrollbar-highlight-color: #C3D6DA;
scrollbar-3dlight-color: #3D5054;
scrollbar-darkshadow-color: #85989C;
scrollbar-track-color: #95A6AA;
scrollbar-arrow-color: #FFD6DA;
'>
Welcome to the Dreamweaver club: the place to share your experience
</DIV>

Creative Insanity
11-23-2005, 04:17 PM
Place it in a css file under a body tag along with all your other body properties.

asbiff
11-23-2005, 05:47 PM
I got it to work by inserting it like this

<div id="Layer1" style="position:absolute; left:292px; top:115px; width:638px; height:265px; z-index:1; overflow: scroll;scrollbar-face-color: #889B9F;
scrollbar-shadow-color: #3D5054;
scrollbar-highlight-color: #C3D6DA;
scrollbar-3dlight-color: #3D5054;
scrollbar-darkshadow-color: #85989C;
scrollbar-track-color: #95A6AA;
scrollbar-arrow-color: #FFD6DA;
">

Thanks so much for the help!

I didn't understand the other way.

What is a css file and how would I place it?

If it's to hard to explain don't worry about it.

Is there a selection to choose in dreameaver or do you have to type this in?

Thanks again for the help.

kate
11-23-2005, 08:38 PM
Here is a link I have. one of many:

http://www.w3.org/Style/CSS/learning ('http://www.w3.org/Style/CSS/learning')

Go to 'file new' -->CSS template in Dreamweaver.

:D

Creative Insanity
11-24-2005, 07:16 PM
Follow Kate's link. CSS files are cool and well worth learning about as they keep your site nice and uniform and pro looking.
I am not a fan of sites where one page differs from the next as far as fonts and layout is concerned. A css can put an end to all that.