mikek
|
|
« Reply #3 on: September 15, 2007, 07:22:27 PM » |
|
Bob,
You will have to edit the css to do this. If you are using the light theme edit light.css and dark.css if you are using the dark theme.
Find:
#s5_drop_down_tab { z-index: 2; position: absolute; height: 23px; width: 180px; cursor: pointer; text-align: center; margin: 0px auto; background: url(../images/light/s5_drop_down_tab.gif) no-repeat; background-position: bottom center; }
and replace with:
#s5_drop_down_tab { z-index: 2; position: absolute; height: 23px; width: 100%; cursor: pointer; text-align: center; margin: 0px auto; background: url(../images/light/s5_drop_down_tab.gif) no-repeat; background-position: bottom center; }
Depending on what you want the background to look like you will need to edit the following from above:
background: url(../images/light/s5_drop_down_tab.gif) no-repeat;
for a picture:
background: url(../images/light/picture.gif) repeat-x;
or for a color:
background: #0000ff; (change with whatever color you would like)
Then in template_css.css
find:
#s5_open { margin: 0px auto; cursor: pointer; font-weight: bold; display: block; text-align: center; font-size: 11px; width: 174px; padding-top: 3px; visibility: visible; font-family: Verdana, Arial, Helvetica, sans-serif;}
#s5_closed { margin: 0px auto; font-weight: bold; padding-top: 3px; cursor: pointer; text-align: center; display: none; width: 174px; font-size: 11px; visibility: hidden; font-family: Verdana, Arial, Helvetica, sans-serif;}
and replace with:
#s5_open { margin: 0px auto; cursor: pointer; font-weight: bold; display: block; text-align: center; font-size: 11px; padding-top: 3px; visibility: visible; font-family: Verdana, Arial, Helvetica, sans-serif;}
#s5_closed { margin: 0px auto; font-weight: bold; padding-top: 3px; cursor: pointer; text-align: center; display: none; font-size: 11px; visibility: hidden; font-family: Verdana, Arial, Helvetica, sans-serif;}
And then finally in the index.php file find:
document.getElementById("s5_drop_down_tab").style.left = ((document.documentElement.clientWidth/2) - 90) + 'px';
and delete it, it's towards the bottom.
Hope that helps!
|