PDA

View Full Version : Need help with Header styling


ericnord
06-17-2008, 10:43 AM
Hey everyone,

Setting up vBulletin for the first time and I'm trying to retain my sites look 'n feel in the header. I went into vBulletin's header code and removed <table> through </table> and replaced it with the following:

<!-- logo -->
<a name="top"></a>
<div id="header">
<div id="logo"><img src="../image/forumlogo.gif" /></div>
<div id="navigation">Community | Resources | Feedback | Shop</div>
<div id="greybar"><img src="../image/greybar.gif"/></div>
<br class="clear" />
</div>
<!-- /logo -->
Problem is it is all left justified. My logo is good, but I need the navigation to be right justified, and I need grey bar to be width 100%.

Any idea on how to achieve this?

Thanks for any help!

WEBDosser
06-17-2008, 11:10 AM
something here..

<!-- logo -->
<a name="top"></a>
<div id="header">
<div id="logo"><img src="../image/forumlogo.gif" /></div>
<div id="navigation">
<div align="right">Community | Resources | Feedback | Shop</div>
</div>
<div id="greybar"><img src="../image/greybar.gif" width="100%" height="10"/></div>
<br class="clear" />
</div>
<!-- /logo -->

Princeton
06-17-2008, 01:05 PM
did you copy/paste your site's css to vbulletin?

mainly:
#header
#logo
#navigation
#greybar

ericnord
06-18-2008, 12:01 PM
Thanks WebDosser!

Princeton, where do I past the path to my sites style sheet?

AnthonyE
06-18-2008, 06:13 PM
if you go to your style manager/all style option (for this particular skin) there will be a css box all the way at the bottom. you can add your custom css there