WebArtz - The Web Design Forum
Welcome to WebArtz, Guest!

WebArtz is a nice place for discussions related to web designing and coding. We help our members to code their own website templates with HTML and CSS. We give them advice on various issues.

To know more about WebArtz Forum, visit the About Us page.

At the moment, you are viewing the forum as a guest. As a guest you can't make post and participate in discussions. You need to register and become a member of the forum. Click the register link below and become a part of this forum.

Thank You

WebArtz - The Web Design Forum
Welcome to WebArtz, Guest!

WebArtz is a nice place for discussions related to web designing and coding. We help our members to code their own website templates with HTML and CSS. We give them advice on various issues.

To know more about WebArtz Forum, visit the About Us page.

At the moment, you are viewing the forum as a guest. As a guest you can't make post and participate in discussions. You need to register and become a member of the forum. Click the register link below and become a part of this forum.

Thank You


You are not connected. Please login or register

View previous topic View next topic Go down  Message [Page 1 of 1]

1Accespted Choose your scrollbar color Fri Mar 26, 2010 11:27 pm

Unknown Data

Unknown Data
Registered Member
Registered Member

Choose your scrollbar color
How to make a colored scrollbar



Notice; It's only working with Internet Explorer and Opera.

This is a quick tutorial, were you in 5 seconds can learn how to choose which color your scrollbar will have. The only thing you have to do is redirect the red text in the code below an put it on the top of you page. It Is were easy.


<style>
BODY { scrollbar-3d-light-color:#The color code of the 3D Light;
scrollbar-arrow-color:#The color code of the Arrow;
scrollbar-base-color:#The color code of the Base;
scrollbar-dark-shadow-color:#The color code of the Dark shadow;
scrollbar-face-color:#The color code of the Face;
scrollbar-highlight-color:#The color code of the Highlight;
scrollbar-shadow-color:#The color code of the Shadow}
</style>
And if you don't know what there are what, look at this image - LINK.

Here is some normal color codes:
Black = 000000
Gray = C0C0C0
White = FFFFFF
Green = 00FF00
Blue = 0000FF
Red = FF0000
Yellow = FFFF00
Purple = FF00FF

For more colors, go to color picker - LINK.

Tip: And now when you are making the scrolbar, you can choose you background color with this code. Redirect the text with red.

<body bgcolor="#The color code of you background">

Notice : This tutorial is copyrighted by WebArtz Forum. You may not publish it on anywhere without written permission from the administrators.



Last edited by Unknown Data on Mon Mar 29, 2010 3:44 pm; edited 1 time in total

http://woops.dk

2Accespted Re: Choose your scrollbar color Fri Mar 26, 2010 11:44 pm

Green CoW

Green CoW
Graphic Designer
Graphic Designer
Colored scrollbars are only viewable in IE and Opera!

3Accespted Re: Choose your scrollbar color Fri Mar 26, 2010 11:57 pm

Unknown Data

Unknown Data
Registered Member
Registered Member
All right i didn't knew that. So I do not know quite, what we are going to do with this tutorial, i mean: should I just write it in the thread and hope for it to get accepted, or should just let this be it?

http://woops.dk

4Accespted Re: Choose your scrollbar color Sat Mar 27, 2010 2:59 am

Krazy


Registered Member
Registered Member
Green CoW, Why do they only work in IE and Opera? Isn't there away to over write Google Chrome and Firefox's coding to code it in?

5Accespted Re: Choose your scrollbar color Sat Mar 27, 2010 6:55 am

Green CoW

Green CoW
Graphic Designer
Graphic Designer
Krazy wrote:Green CoW, Why do they only work in IE and Opera? Isn't there away to over write Google Chrome and Firefox's coding to code it in?
Because it's not implemented in the other browsers, and no.. there's no way customizing the other browsers scrollbars using css! you can of course customize for example overflowed contents (http://www.hesido.com/web.php?page=customscrollbar) but not the actual browser scrollbar.

6Accespted Re: Choose your scrollbar color Mon Mar 29, 2010 1:42 am

Sanket

Sanket
Administrator
Administrator
Unknown Data wrote:All right i didn't knew that. So I do not know quite, what we are going to do with this tutorial, i mean: should I just write it in the thread and hope for it to get accepted, or should just let this be it?

I think in the beginning of the thread itself, you can mention compatible browsers.

http://www.webartzforum.com

7Accespted Re: Choose your scrollbar color Mon Mar 29, 2010 3:45 pm

Unknown Data

Unknown Data
Registered Member
Registered Member
All right, so I have done that. (:

http://woops.dk

8Accespted Re: Choose your scrollbar color Tue Mar 30, 2010 12:01 am

Sanket

Sanket
Administrator
Administrator
Accepted | Moved to Tutorials

Thank you for your valued contribution to WebArtz Smile

http://www.webartzforum.com

Sponsored content


View previous topic View next topic Back to top  Message [Page 1 of 1]

Permissions in this forum:
You cannot reply to topics in this forum