Skip to content

Joomla Xtreme

Home arrow Joomla Guides arrow Add a customized scroll bar styler in a Joomla Template
Add a customized scroll bar styler in a Joomla Template PDF Print E-mail
Thursday, 17 April 2008

Want to apply a customized scrollbar / scroll bar for your i.e. browser and cant figure out how to implement it in Joomla template?

Ok here goes:.....................

1. in your index.php just after your you closing head tag () add this line:

<!--[if IE]>
<style type="text/css">
body, html {
        scrollbar-3dlight-color: #d0d9db;
   scrollbar-base-color: #8e9296;
   scrollbar-face-color: #FFFFFF;
   scrollbar-track-color: #8e9296;
   scrollbar-arrow-color: #972f1a;
   scrollbar-shadow-color: #000000;
   scrollbar-darkshadow-color: #000000;
   scrollbar-highlight-color: #ffffff;
}</style>
<![endif]-->

 

Take note that this only applies to I.E. since scrollbar styling is non W3C standard.. As you may now microsoft tries to make their OWN standards.

Comments (0) >> feed
Write comment
quote
bold
italicize
underline
strike
url
image
quote
quote
Smiley
Smiley
Smiley
Smiley
Smiley
Smiley
Smiley
Smiley
Smiley
Smiley
Smiley
Smiley

busy
Last Updated ( Friday, 18 April 2008 )
 
Next >

Other