Programming Help

Web Development



What's Here?

  • Members: 136,481
  • Replies: 479,457
  • Topics: 74,718
  • Snippets: 2,567
  • Tutorials: 677
  • Total Online: 1,719
  • Members: 100
  • Guests: 1,619

Welcome to Dream.In.Code
Getting Help is Easy!

Join 136,481 Programmers for FREE! Get instant access to thousands of experts, tutorials, code snippets, and more! There are 1,719 people online right now. Registration is fast and FREE... Join Now!




scrollbar in CSS

 
 Reply to this topicStart new topic

scrollbar in CSS, Scrollbar dyanamically in Css
sakunthala
11 Feb, 2008 - 12:52 AM
Post #1

New D.I.C Head
*

Joined: 11 Feb, 2008
Posts: 1
Scrollbar in CSS
User is offlineProfile CardPM
+Quote Post

Jayman
RE: Scrollbar In CSS
11 Feb, 2008 - 01:20 AM
Post #2

Student of Life
Group Icon

Joined: 26 Dec, 2005
Posts: 6,947



Thanked: 42 times
Dream Kudos: 500
Expert In: C#, VB.NET, Java

My Contributions
Dream.In.Code has a policy by which we prefer to see a good faith effort on your part before providing source code for homework assignments. Please post the code you have written in an effort to resolve the problem, and our members would be happy to provide some guidance. Be sure to include a description of any errors you are encountering as well.

Post your code like this: code.gif

Thanks.
User is online!Profile CardPM
+Quote Post

HoHoLandaynt
RE: Scrollbar In CSS
20 Feb, 2008 - 12:32 PM
Post #3

New D.I.C Head
*

Joined: 16 Feb, 2008
Posts: 19


My Contributions
Not exactly sure if this is what your after since you didnt give a thorough explanation. Anyway, heres how to change the color of the main body scrollbar in CSS:

CODE

<style type="text/css">

body
{
scrollbar-3dlight-color: #HEXADECIMAL;
scrollbar-arrow-color: #HEXADECIMAL;
scrollbar-base-color: #HEXADECIMAL;
scrollbar-darkshadow-color: #HEXADECIMAL;
scrollbar-face-color: #HEXADECIMAL;
scrollbar-highlight-color: #HEXADECIMAL;
scrollbar-shadow-color: #HEXADECIMAL;
}

</style>


Play around with the colors until you find something you like. There are also tools to automatically generate the code for you. Here is one: Scrollbar Color Code Generator. Incase your new to CSS, make sure you include this piece of code inside the <head></head> tags.

Hope this helps.

This post has been edited by HoHoLandaynt: 20 Feb, 2008 - 12:32 PM
User is offlineProfile CardPM
+Quote Post

Mike007
RE: Scrollbar In CSS
21 Feb, 2008 - 11:49 AM
Post #4

D.I.C Head
Group Icon

Joined: 30 Aug, 2007
Posts: 205


Dream Kudos: 75
My Contributions
Just to note, only IE supports scrollbar colors. FireFox does not! Another reason to switch to IE? lol (please don't kill me firefox fans out there).
User is offlineProfile CardPM
+Quote Post

Knead2kno
RE: Scrollbar In CSS
21 Feb, 2008 - 08:04 PM
Post #5

New D.I.C Head
*

Joined: 12 Feb, 2008
Posts: 5


My Contributions
who needs scrollbar colors anyway?
though your post was informative HoHo, so thanks
User is offlineProfile CardPM
+Quote Post

Nayana
RE: Scrollbar In CSS
21 Feb, 2008 - 08:56 PM
Post #6

DIC Hawk - 나야나 नयन:
Group Icon

Joined: 14 Nov, 2007
Posts: 824



Thanked: 5 times
Dream Kudos: 175
My Contributions
QUOTE(Mike007 @ 22 Feb, 2008 - 03:49 AM) *

Just to note, only IE supports scrollbar colors. FireFox does not! Another reason to switch to IE? lol (please don't kill me firefox fans out there).


One of my favourite things about Firefox is that it doesn't let websites theme my taskbars.

My scroll bars belong to me. If I want them to change, I'll edit my Firefox theme myself thank you.

When I used IE in the past, it pissed me off no end when a website took the liberty of changing my scroll bars.

It's not a good design feature. Just like the <blink> tag.
User is offlineProfile CardPM
+Quote Post

Trake
RE: Scrollbar In CSS
21 Feb, 2008 - 09:34 PM
Post #7

D.I.C Head
**

Joined: 29 Jun, 2007
Posts: 60


My Contributions
QUOTE

My scroll bars belong to me.


Bill Gates:
"All your scroll bars are belong to us!"

tongue.gif
User is offlineProfile CardPM
+Quote Post

Mike007
RE: Scrollbar In CSS
21 Feb, 2008 - 09:50 PM
Post #8

D.I.C Head
Group Icon

Joined: 30 Aug, 2007
Posts: 205


Dream Kudos: 75
My Contributions
QUOTE(Nayana @ 21 Feb, 2008 - 09:56 PM) *

QUOTE(Mike007 @ 22 Feb, 2008 - 03:49 AM) *

Just to note, only IE supports scrollbar colors. FireFox does not! Another reason to switch to IE? lol (please don't kill me firefox fans out there).


One of my favourite things about Firefox is that it doesn't let websites theme my taskbars.

My scroll bars belong to me. If I want them to change, I'll edit my Firefox theme myself thank you.

When I used IE in the past, it pissed me off no end when a website took the liberty of changing my scroll bars.

It's not a good design feature. Just like the <blink> tag.


Well i will have to disagree, i think that it shouldn't be used lightly, but if it is used right it can add to the design. A lot of designers make their own scrollbars for their flash sites, and it usually looks great. Anyway like i said sometimes it just looks awful, but like anything really, if you misuse it, it's your own problem basically.

"with great power comes great responsibility" smile.gif.

P.S
Just to spike off some more FF fans (btw i use firefox too sometimes), Bill Gates rocks! And he quite, sadly, i think :S.
User is offlineProfile CardPM
+Quote Post

malignant
RE: Scrollbar In CSS
15 Jul, 2008 - 07:00 AM
Post #9

New D.I.C Head
*

Joined: 14 Dec, 2006
Posts: 5


My Contributions
I know this thread's been left alone for a while, but somebody needs to play the devil's adovcate for IE. It's not that it's a matter of preference, but both IE and scroll bar styling serve their purposes when needed.

1) IE is one of three commonly required browsers for compatability testing, used by those of us working with actual clients that pay us so that we can eat.

2) Scroll bar styling is really cool when applied to AJAX, ASP, and basic Javascript controls, as it allows a designer to retain elements like... oh, brand standards and what not. If a client wants consistency in style, site wide, including their branded color scheme, that doesn't mean sort of put it where you can. It means, "Hey, you were hired to make this thing work, now do it or I'll hire somebody that can."

And, as far as scrollbar slavery, Safari has it's own proprietary scroll bars and you can't do squat with those, period. Let alone the other fresh new rings of designer hell safari introduces.

You know, just saying...

~malignant
User is offlineProfile CardPM
+Quote Post

Fast ReplyReply to this topicStart new topic
Time is now: 12/2/08 06:59PM
Invision Power Board v2.1.7 © 2008  IPS, Inc.
Licensed to: MediaGroup1

Live Help!

Tutorials

Programming

Web Development

Reference Sheets

Code Snippets

DIC Chatroom

Bye Bye Ads

Monthly Drawing

Thumb Drive

Top Contributors

Top 10 Kudos This Month