View Full Version : Wide Navbar
kj_202
05-07-2008, 03:49 PM
How would I go about making a navbar have a "thick gradient around it"?
and then have the navbar stretch across the page?
Edit: Thanks
Lynne
05-11-2008, 03:58 PM
If the navbar is all enclosed in a table, can't you just put a border on the table and make it a couple of pixels wide?
kj_202
05-13-2008, 06:04 PM
But I know it is possible to just make the navbar expand -----> <-----
any ideas?
Boosted Panda
05-13-2008, 06:07 PM
You would have to break the main table apart and have the navbar in its own table.
kj_202
05-13-2008, 06:08 PM
and how can this be done?
Lynne
05-13-2008, 06:08 PM
But I know it is possible to just make the navbar expand > <
any ideas?
I just posted one. I really can't say without having a better idea of what you want. To me, there is a difference between having a 'wide' navbar and having a 'thick gradient around it'. A picture might help. And probably a link to the site to see the code.
Boosted Panda
05-13-2008, 06:09 PM
Draw a picture of it. This is all in the header code pretty simple table modifications.
kj_202
05-13-2008, 06:10 PM
I just posted one. I really can't say without having a better idea of what you want. To me, there is a difference between having a 'wide' navbar and having a 'thick gradient around it'. A picture might help. And probably a link to the site to see the code.
I can try to find a picture but okay erm lets break this up :)
How would I go about doing the gradient around it?
Boosted Panda
05-13-2008, 06:23 PM
Make a custom class, define your settings, make sure you td class="navpanel" and then your good!
.navpanel
{
background: #E4E7F5 url(../../images/gradients/gradient_panel.gif) repeat-x top left;
color: #000000;
padding: 10px;
border: 2px outset;
Lynne
05-13-2008, 06:43 PM
Don't forget the ending parenthesis for the class, }, Boosted Panda. :)
Boosted Panda
05-13-2008, 07:01 PM
Don't forget the ending parenthesis for the class, }, Boosted Panda. :)
DOH! Busted! :p
kj_202
05-14-2008, 08:54 PM
Thank you both of you :)
Everything is fine now, that will do :)
vBulletin® v3.8.12 by vBS, Copyright ©2000-2025, vBulletin Solutions Inc.