Register Members List Search Today's Posts Mark Forums Read

Reply
 
Thread Tools
  #1  
Old 07 Jun 2011, 19:34
kNeeLy's Avatar
kNeeLy kNeeLy is offline
 
Join Date: Nov 2008
Real name: kneel
Cool 3.8 Navbar Customize Help

ok...i've tried everything under the sun...but can't get it right. What I would like, is for my navbar to be (with a space) right under my header logo.

Wayne Luke helped me before, as I know I have to take the navbar code and move it to the header section, but when I do that, the navbar streches all the way across the screen. I would like to make a fixed width. My logo is 850 wide. I would like my forum and navbar all to line up with it.

If I post my code, can someone PLEASE fix it/help/make it work?? lol...
__________________
The Best Toyota Forum for enthusiasts!
Reply With Quote
  #2  
Old 08 Jun 2011, 01:44
BirdOPrey5's Avatar
BirdOPrey5 BirdOPrey5 is offline
 
Join Date: Jun 2008
Real name: Joe D.
Are yo saying you want everything on your page to be 850px wide?

A screen shot or something might help.
__________________
-Joe
Former vb.org Moderator. Retired.

@BirdOPrey5 | All Things BOP5 | Joe's Ultimate Off Topic
Note - I no longer making new VB mods, sorry.
Reply With Quote
  #3  
Old 08 Jun 2011, 01:53
kNeeLy's Avatar
kNeeLy kNeeLy is offline
 
Join Date: Nov 2008
Real name: kneel
Originally Posted by BirdOPrey5 View Post
Are yo saying you want everything on your page to be 850px wide?

A screen shot or something might help.
yes, basically.

I want my navbar below my header logo, which I did before, but can't remember how to do it. Like I said, Wayne did the code for me, and there was something in there that I had to "tweek" so the background of the navbar didn't stretch across the whole page....

In a nutshell, I would like to make a "fixed width" skin, at 850 pixels and have the navbar, forum, ect., line up under it.

I'll try and cut a screen shot...
__________________
The Best Toyota Forum for enthusiasts!
Reply With Quote
  #4  
Old 08 Jun 2011, 02:02
BirdOPrey5's Avatar
BirdOPrey5 BirdOPrey5 is offline
 
Join Date: Jun 2008
Real name: Joe D.
In All Style Options for your style the box Main Table Width (pixels or percentage)

Change it from 100% or whatever it is to just a fixed number, like 800. This will make the style fixed-width.
__________________
-Joe
Former vb.org Moderator. Retired.

@BirdOPrey5 | All Things BOP5 | Joe's Ultimate Off Topic
Note - I no longer making new VB mods, sorry.
Reply With Quote
  #5  
Old 08 Jun 2011, 14:01
kNeeLy's Avatar
kNeeLy kNeeLy is offline
 
Join Date: Nov 2008
Real name: kneel
Originally Posted by BirdOPrey5 View Post
In All Style Options for your style the box Main Table Width (pixels or percentage)

Change it from 100% or whatever it is to just a fixed number, like 800. This will make the style fixed-width.
That part works.

But.

When I move the navbar code into the header, it moves the navbar under the logo, which works cool..but..the 'background color' of the navbar stretch's all the way across the page, while the actual navbar buttons stay lined up.

Lemme try and re-produce it real quick and show...
__________________
The Best Toyota Forum for enthusiasts!
Reply With Quote
  #6  
Old 08 Jun 2011, 14:35
kNeeLy's Avatar
kNeeLy kNeeLy is offline
 
Join Date: Nov 2008
Real name: kneel
Here's what it looks like when the <!-- nav buttons bar --> code is moved to under the header logo.

All I want, is a little "space" in between the logo and navbar, and for the navbar to line up with the rest of the forum, not even the logo...
Attached Images
File Type: jpg navbarstretch1.JPG (40.5 KB, 36 views)
__________________
The Best Toyota Forum for enthusiasts!
Reply With Quote
  #7  
Old 08 Jun 2011, 15:58
BirdOPrey5's Avatar
BirdOPrey5 BirdOPrey5 is offline
 
Join Date: Jun 2008
Real name: Joe D.
I gotcha...

Try surrounding the <!-- nav buttons bar--> code (all of it) within the following:


Block Disabled:      (Update License Status)  
Suspended or Unlicensed Members Cannot View Code.

That should center the menu under the header logo.

If you want some more space add a <br /> above the <div> line for an extra blank line.
__________________
-Joe
Former vb.org Moderator. Retired.

@BirdOPrey5 | All Things BOP5 | Joe's Ultimate Off Topic
Note - I no longer making new VB mods, sorry.
Reply With Quote
  #8  
Old 08 Jun 2011, 16:14
kNeeLy's Avatar
kNeeLy kNeeLy is offline
 
Join Date: Nov 2008
Real name: kneel
SOOOO close!!!! lol

It lined it up, but it's all the way against the left side of the page...now it just needs centered!! lol...
Attached Images
File Type: jpg navbarleft1.JPG (20.3 KB, 26 views)
__________________
The Best Toyota Forum for enthusiasts!
Reply With Quote
  #9  
Old 08 Jun 2011, 16:34
BirdOPrey5's Avatar
BirdOPrey5 BirdOPrey5 is offline
 
Join Date: Jun 2008
Real name: Joe D.
weird... try this:


Block Disabled:      (Update License Status)  
Suspended or Unlicensed Members Cannot View Code.

__________________
-Joe
Former vb.org Moderator. Retired.

@BirdOPrey5 | All Things BOP5 | Joe's Ultimate Off Topic
Note - I no longer making new VB mods, sorry.
Reply With Quote
  #10  
Old 08 Jun 2011, 16:51
kNeeLy's Avatar
kNeeLy kNeeLy is offline
 
Join Date: Nov 2008
Real name: kneel
IT WORKED!!!! HA!!!!!!

Thank you....it's a hair off on the left side, but i'm not worried about that!!

Thank you...for all the help...thank you!!
Attached Images
File Type: jpg navbar2.JPG (23.4 KB, 17 views)
__________________
The Best Toyota Forum for enthusiasts!
Reply With Quote
  #11  
Old 08 Jun 2011, 21:55
BirdOPrey5's Avatar
BirdOPrey5 BirdOPrey5 is offline
 
Join Date: Jun 2008
Real name: Joe D.
You can use some more advanced CSS if you look it up to try and perfect it- it's hard to do without access to the live site. My guess it will look better on some browsers than others.

If you want there is one more option to try, not sure if it will look any different at all:


Block Disabled:      (Update License Status)  
Suspended or Unlicensed Members Cannot View Code.

__________________
-Joe
Former vb.org Moderator. Retired.

@BirdOPrey5 | All Things BOP5 | Joe's Ultimate Off Topic
Note - I no longer making new VB mods, sorry.
Reply With Quote
  #12  
Old 10 Jun 2011, 01:45
kNeeLy's Avatar
kNeeLy kNeeLy is offline
 
Join Date: Nov 2008
Real name: kneel
Very cool.

Do you happen to know how to take the lines out in between the links. (Home, Forums, User CP, ect.)?

I know I'm a pain in the a55....I really thank you for doing the code!
__________________
The Best Toyota Forum for enthusiasts!
Reply With Quote
  #13  
Old 10 Jun 2011, 12:45
BirdOPrey5's Avatar
BirdOPrey5 BirdOPrey5 is offline
 
Join Date: Jun 2008
Real name: Joe D.
Not off hand. I'm sure it's part of the CSS for the "class" used in the table or cells.

If you use Google Chrome you can right click on one of the boxes and choose "Inspect Element" and it will show you all the HTML/CSS involved in giving that object its properties. It's probably a border element that you can remove somewhere in the CSS.
__________________
-Joe
Former vb.org Moderator. Retired.

@BirdOPrey5 | All Things BOP5 | Joe's Ultimate Off Topic
Note - I no longer making new VB mods, sorry.
Reply With Quote
Reply

Similar Threads
Thread Thread Starter Forum Replies Last Post
Profile Enhancements Customize Profile to header -- (navbar) 7lanet vBulletin 3.8 Template Modifications 11 02 Apr 2009 18:06
Profile Enhancements Customize Profile to header -- (navbar) 7lanet vBulletin 3.7 Template Modifications 9 01 Feb 2009 13:46



Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)
 
Thread Tools

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off


New To Site? Need Help?

All times are GMT. The time now is 09:58.

Layout Options | Width: Wide Color: