Changing The Color Of Scrollbars - to those who still don't know how

Pages: 1, 2
free web hosting
Open Discussion > CONTRIBUTE > Computers > Programming Languages > HTML, XML etc..

Changing The Color Of Scrollbars - to those who still don't know how

leiaah
Place this code after the first body tag <body> or after the title tag <title>

<style>
<!--
body{
scrollbar-face-color: #9CCF00;
scrollbar-shadow-color: #687888;
scrollbar-highlight-color: #FFFFFF;
scrollbar-3dlight-color: #687888;
scrollbar-darkshadow-color: #DCE0E2;
scrollbar-track-color: #BCBFC0;
scrollbar-arrow-color: #000000;
}
-->
</style>

this will have a green color. You may change the hex values to match the colors of your web pages.

this works with Internet Explorer but not on Mozilla. I haven't tried it with netscape, though. smile.gif

Reply

Arbin Gurung
Previously when i was learning css 2 years back i tried with netscape it didn't worked. but now i dun know but i think it won't work in netscape though it will definately run in ms ie

Reply

Serious Gamer
yah dude pretty much every1 who noes HTML is able to create there own with ese dry.gif

Reply

The GGs
<style>
<!--
body{
scrollbar-face-color: #9CCF00;
scrollbar-shadow-color: #687888;
scrollbar-highlight-color: #FFFFFF;
scrollbar-3dlight-color: #687888;
scrollbar-darkshadow-color: #DCE0E2;
scrollbar-track-color: #BCBFC0;
scrollbar-arrow-color: #000000;
}
-->
</style>


Why do you need to have the <-- and --> in the tag; when I change the scroll bar colours I don't need to to input that.

Reply

beeseven
You shouldn't need the <!-- and -->. Those desginate comments (putting text between them only shows up in the source and isn't displayed on the page). Style tags work fine without them, and I've never tried what it does with them. It shouldn't matter, though.

Reply

Shackman
[quote]<style>
<!--
body{
scrollbar-face-color: #9CCF00;
scrollbar-shadow-color: #687888;
scrollbar-highlight-color: #FFFFFF;
scrollbar-3dlight-color: #687888;
scrollbar-darkshadow-color: #DCE0E2;
scrollbar-track-color: #BCBFC0;
scrollbar-arrow-color: #000000;
}
-->
</style>[/quoet]

Where should I put these?

-Shackman

Reply

leiaah
[quote=Shackman,Feb 26 2005, 11:59 AM]
[quote]<style>
<!--
body{
scrollbar-face-color: #9CCF00;
scrollbar-shadow-color: #687888;
scrollbar-highlight-color: #FFFFFF;
scrollbar-3dlight-color: #687888;
scrollbar-darkshadow-color: #DCE0E2;
scrollbar-track-color: #BCBFC0;
scrollbar-arrow-color: #000000;
}
-->
</style>[/quoet]

Where should I put these?

-Shackman
*

[/quote]

you can place that after the the body tag <body>
or under the title tag <title>

Reply

NotoriousZach
Yeh i think the <!-- and --> would make them not work? I know they aren't needed and if im thinking right the page wont read it since its HTML..... the <!-- and --> are comment tags that tell the browser not to read what is inside of them....Basically just notes for the webmaster.

Reply

Hamtaro
Actually, I think with CSS, the comments hides it for browsers that don't understand CSS. I think it works like it does with JavaScript. I could be wrong, though. I've never used comments with CSS.
I use that code with my site, but it doesn't work with Firefox, so I don't see them.

Reply

NotoriousZach
Hmm didnt know that, but thanks ill read up on it, seems like something I may need to know. If i find anythhing good Ill post here.

Reply



Got an Opinion! Express your Views! (no registration):-
Add your Reply/ Opinion/ Views/ Comments/ Suggestion/ Questions/ Queries etc.
Posts with decent grammar & English will be accepted and please refrain from profanities.
For asking a Question, We recommend you to sign-up (for free) so that you can track the topic easily.

Nature of your Post*: Opinion/ Reply/ Comments
Question/Query
Feedback to us.
       
Name   Email
Title/Question*

(Maximum characters: 10,000)
You have characters left.

Pages: 1, 2
Similar Topics

Keywords : changing, color, scrollbars

  1. How Do I Remove The Iframes Scrollbars?
    (5)
  2. Changing Php Classes Using Onclick
    (7)
    Hey everyone. I am currently trying to finish my navigation bar on the left side of my website and i
    am running in to some trouble with the css. I know how to change the items class when a user clicks
    it using onClick = "this.class = newClass"; but i need to know have to change a different class when
    a user clicks that link. AKA, how do i get the this part of a class that isnt that current one. For
    instance if i have a class called subMenu and i want to change it to showSubMenu when a user clicks
    a link that is of class menu how would i do this not using javascript but j....
  3. Usemap And Table Background Image Changing
    (5)
    I have a menu page that consists of links to other pages. The page has a background image of a
    globe. The globe is divided into seperate sections for each menu item. As a user hovers over each
    section I change the background image(The same globe with that section highlighted.) That is what I
    have so far except that they have to hover over a small anchor tag that I put in not the whole
    section. I want to change it so that they can actually hover over all of the section they are
    selecting. I found usemap online but haven't found any examples where it will actually ch....
  4. Disable Scrollbars, Menubars Etc....
    Javascript / Html code to disable them (6)
    hi, i would like to know how the scrollbars, menubars etc.. can be disabled. I hope someone can help
    me with this. /biggrin.gif" style="vertical-align:middle" emoid=":D" border="0" alt="biggrin.gif"
    /> Btw: can you tell me where the code should be inserted to? thanks! /cool.gif"
    style="vertical-align:middle" emoid="B)" border="0" alt="cool.gif" />....

    1. Looking for changing, color, scrollbars

*RANDOM STUFF*





*SIMILAR VIDEOS*
Searching Video's for changing, color, scrollbars

*MORE FROM TRAP17.COM*
advertisement



Changing The Color Of Scrollbars - to those who still don't know how



 

 

 

 

ADD REPLY / Got an Opinion! a humble request :-) RAPID SEARCH! Free Hosting [X]
Express your Opinions, Thoughts or Contribute your information that might help someone here.
Ask your Doubts & Queries to get answers.. "Together, We enlight each other!"
Register FREE for AD-FREE forum, Create your own topics, Ask Questions, track topics, setup subscriptions & notifications and Get a Free Website w/ Email and FTP.
500MB Space *No Ads*, CPanel, FTP, PHP, MySQL, EMails - 100% FREE