Client Side Things
 
Forums: » Register « |  User CP |  Games |  Calendar |  Members |  FAQs |  Sitemap |  Support | 
User Name:
Password:
Remember me
Go Back   Codewalkers Forums > Other Technologies > Client Side Things
Reload this Page

Scrollbar Color Change

Discuss Scrollbar Color Change in the Client Side Things forum on Codewalkers.
Scrollbar Color Change Here is a place to talk and ask questions about HTML, CSS, Javascript, and other client side technologies.

Reply
Add This Thread To:
  Del.icio.us   Digg   Google   Spurl   Blink   Furl   Simpy   Y! MyWeb 
« Previous Thread | Next Thread »  
Thread Tools Search this Thread Rate Thread Display Modes
 
Unread Codewalkers Forums Sponsor:
  #1  
Old March 2nd, 2005, 08:34 AM
yatesy87 yatesy87 is offline
Codewalkers Newbie (0 - 499 posts)
  
Join Date: Apr 2007
Location: St. Helens, Merseyside, England
Posts: 34 yatesy87 User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: < 1 sec
Reputation Power: 2
Scrollbar Color Change
I have added in a piece of coding into my style sheet which should make the scrollbar change color (im sure youve all come across it ... a big amount of sites do this) ... but my problem is the code isnt changing the scollbar for the window ... however it is changing the scrollbar for my text area on my form ... below is the coding ...

Code:
body {
scrollbar-face-color:#BCBCBC; 
scrollbar-highlight-color:#F3F3F3; 
scrollbar-3dlight-color:#DFDFDF; 
scrollbar-darkshadow-color:#ffffff; 
scrollbar-shadow-color:#F3F3F3; 
scrollbar-arrow-color:#FFFFFF; 
scrollbar-track-color:#CDCDCD; }


The address to the site which has the form in is ...

http://www.andertoncorporatewear.co.uk/contactform.php
Reply With Quote
  #2  
Old March 7th, 2005, 07:51 PM
trippleweb's Avatar
trippleweb trippleweb is offline
Contributing User
Codewalkers Novice (500 - 999 posts)
  
Join Date: Apr 2007
Location: Victoria, BC, Canada
Posts: 702 trippleweb User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: 6 h 26 m 5 sec
Reputation Power: 2
RE: Scrollbar Color Change
I noticed you were missing the ";" in your css, not sure if that will fix it.

#BCBCBC; scrollbar-highlight-color: #F3F3F3; scrollbar-shadow-color: #F3F3F3; scrollbar-track-color: #CDCDCD }

I also noticed most your css isn't followed by the ";"
Reply With Quote
  #3  
Old March 8th, 2005, 08:26 AM
yatesy87 yatesy87 is offline
Codewalkers Newbie (0 - 499 posts)
  
Join Date: Apr 2007
Location: St. Helens, Merseyside, England
Posts: 34 yatesy87 User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: < 1 sec
Reputation Power: 2
RE: Scrollbar Color Change
I have tried putting ';' at the end of everything but still i am not having any success ...

Does anybody has any solutions?
Reply With Quote
  #4  
Old March 8th, 2005, 08:27 AM
yatesy87 yatesy87 is offline
Codewalkers Newbie (0 - 499 posts)
  
Join Date: Apr 2007
Location: St. Helens, Merseyside, England
Posts: 34 yatesy87 User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: < 1 sec
Reputation Power: 2
RE: Scrollbar Color Change
I have tried putting ';' into the css coding but still the scrollbar is not changing colors for me ...

Does anybody have any other ideas?
Reply With Quote
  #5  
Old March 8th, 2005, 04:05 PM
nawlej nawlej is offline
Contributing User
Codewalkers Regular (2000 - 2499 posts)
  
Join Date: Apr 2007
Location: Dallas, Tx. USA
Posts: 2,008 nawlej User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: 11 h 7 m 51 sec
Reputation Power: 4
RE: Scrollbar Color Change
Code:
body {
       scrollbar-face-color: #336600;
       scrollbar-arrow-color: #ffffff;
       scrollbar-track-color: #000000;
       scrollbar-3dlight-color: #b8d7e6;
       scrollbar-shadow-color: #003300;
       scrollbar-highlight-color: #000000;
       scrollbar-darkshadow-color: #003300;
}

This is verbatim to what mine uses and it works fine.
Couple of things to think about:
1) the scrollbar hack only works with IE (I think)
2) Are you importing the stylesheet:
Code:
<STYLE TYPE="text/css">
<!--
@import url (yourfile.css);
-->
</STYLE>

-or- calling it relative with
Code:
<link rel="stylesheet" href="stylesheet.css" type="text/css" />


I think it makes a difference as to what attributes are carried in.
Reply With Quote
  #6  
Old March 8th, 2005, 04:40 PM
trippleweb's Avatar
trippleweb trippleweb is offline
Contributing User
Codewalkers Novice (500 - 999 posts)
  
Join Date: Apr 2007
Location: Victoria, BC, Canada
Posts: 702 trippleweb User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: 6 h 26 m 5 sec
Reputation Power: 2
RE: Scrollbar Color Change
You can start troubleshooting by adding the <html> tags and you also have two <body> tags
Reply With Quote
  #7  
Old March 30th, 2005, 07:51 AM
Anonymous Anonymous is offline
Registered User
Codewalkers God 35th Plane (22000 - 22499 posts)
  
Join Date: Apr 2007
Posts: 22,309 Anonymous User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: < 1 sec
Reputation Power: 24
RE: Scrollbar Color Change
I have this same problem. Colored scrollbars in IE work fine in HTML pages but once I converted to PHP, everything in the CSS file works except the scrollbars. Is there any solution?
Reply With Quote
  #8  
Old March 30th, 2005, 11:06 AM
yatesy87 yatesy87 is offline
Codewalkers Newbie (0 - 499 posts)
  
Join Date: Apr 2007
Location: St. Helens, Merseyside, England
Posts: 34 yatesy87 User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: < 1 sec
Reputation Power: 2
RE: Scrollbar Color Change
The only solution I see to it is to go the long way round. This may possibly but i dont know till i test it myself.

You could have your web page as a .html ... create your header and footer pages but also make them with a .html extension. From here using javascript tell it to call the page and place it in. This will of course rule out using any php coding which wouldnt be good for a big site which needs information to be pulled from a database but for smaller non database needed sites I guess it would work fine.

You could try calling a php page from the javascript but it may or may not work.

Ill have a try and see wot happens.
Reply With Quote
  #9  
Old May 22nd, 2005, 05:31 AM
Anonymous Anonymous is offline
Registered User
Codewalkers God 35th Plane (22000 - 22499 posts)
  
Join Date: Apr 2007
Posts: 22,309 Anonymous User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: < 1 sec
Reputation Power: 24
RE: Scrollbar Color Change
For it to work in PHP, you have to remove this:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
Reply With Quote
Reply

Viewing: Codewalkers Forums > Other Technologies > Client Side Things > Scrollbar Color Change

« Previous Thread | Next Thread »

Thread Tools  Search this Thread 
Search this Thread:

Advanced Search
Display Modes  Rate This Thread 
Linear Mode Linear Mode
Rate This Thread:


Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts
vB code is On
Smilies are On
[IMG] code is On
HTML code is Off
View Your Warnings | New Posts | Latest News | Latest Threads | Shoutbox
Forum Jump


Forums: » Register « |  User CP |  Games |  Calendar |  Members |  FAQs |  Sitemap |  Support | 
  
 





© 2003-2008 by Developer Shed. All rights reserved. DS Cluster 4 hosted by Hostway. 
Stay green...Green IT