Change the Appearance of a Scroll Bar?

Everything to do with Joomla! 1.5 templates and templating.

Moderator: General Support Moderators

Forum rules
Forum Rules
Absolute Beginner's Guide to Joomla! <-- please read before posting, this means YOU.
Locked
teraysay
Joomla! Apprentice
Joomla! Apprentice
Posts: 46
Joined: Tue Mar 06, 2007 1:49 am

Change the Appearance of a Scroll Bar?

Post by teraysay » Mon Aug 11, 2008 8:28 pm

My website has a scrollbar on the middle of the page, and i'd like to change the appearance of it. I tried putting put this into the body section of the css sheet as well as the div class that the scrollbar appears in, but nothing happened:

Code: Select all

scrollbar-face-color: #EEEEEE;
scrollbar-highlight-color: #FFFFFF;
scrollbar-3dlight-color: #CCCCCC;
scrollbar-darkshadow-color: #FFFFFF;
scrollbar-shadow-color: #AAAAAA;
scrollbar-arrow-color: #000000;
scrollbar-track-color: #EEEEEE;
What can i do?
Picture 1.png
You do not have the required permissions to view the files attached to this post.

User avatar
Jenny
Joomla! Champion
Joomla! Champion
Posts: 6206
Joined: Sun Aug 21, 2005 2:25 pm
Contact:

Re: Change the Appearance of a Scroll Bar?

Post by Jenny » Tue Oct 07, 2008 9:06 pm

Please do not bump your forum threads. The rules of the forum are located here http://forum.joomla.org/viewtopic.php?f=8&t=65 .

What browser are you using? Can you give a link to your site so people can see what you are talking about specifically. It is almost impossible to trouble shoot CSS without actually seeing the live site.
Co-author of the Official Joomla! Book http://officialjoomlabook.com
Marpo Multimedia http://marpomultimedia.com

teraysay
Joomla! Apprentice
Joomla! Apprentice
Posts: 46
Joined: Tue Mar 06, 2007 1:49 am

Re: Change the Appearance of a Scroll Bar?

Post by teraysay » Tue Oct 07, 2008 9:19 pm

Sorry, I didn't realize the rules on bumping.

An example of the scrollbar on the site is at http://www.re-habitat.com/index.php?opt ... &Itemid=58

I took out all of the CSS for the scrollbar as it wasn't working.

Can you point me in the right direction for different strategies of changing the appearance of a scrollbar?

Thank you

User avatar
Jenny
Joomla! Champion
Joomla! Champion
Posts: 6206
Joined: Sun Aug 21, 2005 2:25 pm
Contact:

Re: Change the Appearance of a Scroll Bar?

Post by Jenny » Tue Oct 07, 2008 9:28 pm

Code: Select all

html {scrollbar-face-color: #FF0000;
scrollbar-shadow-color: #0000FF;
scrollbar-highlight-color: #00FF00;
scrollbar-3dlight-color: #FF00FF;
scrollbar-darkshadow-color: #00FFFF;
scrollbar-track-color: #FFFF00;
scrollbar-arrow-color: #000000;}
You want to apply it to the page I think. Note that this only works in Internet Explorer.
Co-author of the Official Joomla! Book http://officialjoomlabook.com
Marpo Multimedia http://marpomultimedia.com

teraysay
Joomla! Apprentice
Joomla! Apprentice
Posts: 46
Joined: Tue Mar 06, 2007 1:49 am

Re: Change the Appearance of a Scroll Bar?

Post by teraysay » Tue Oct 07, 2008 9:36 pm

Is there a way to apply it to the CSS file?

User avatar
Jenny
Joomla! Champion
Joomla! Champion
Posts: 6206
Joined: Sun Aug 21, 2005 2:25 pm
Contact:

Re: Change the Appearance of a Scroll Bar?

Post by Jenny » Tue Oct 07, 2008 9:47 pm

That is where you put the above code. It goes in your CSS file. You are applying those styles to the entire page (the html tag). Again remember this will only work in IE.
Co-author of the Official Joomla! Book http://officialjoomlabook.com
Marpo Multimedia http://marpomultimedia.com


Locked

Return to “Templates for Joomla! 1.5”