Go Back   vb.org Archive > vBulletin 3 Discussion > vB3 Design and Graphics Discussions

Reply
 
Thread Tools Display Modes
  #1  
Old 06-07-2011, 06:34 PM
kNeeLy's Avatar
kNeeLy kNeeLy is offline
 
Join Date: Nov 2008
Location: ohio
Posts: 244
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default 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...
Reply With Quote
  #2  
Old 06-08-2011, 12:44 AM
BirdOPrey5's Avatar
BirdOPrey5 BirdOPrey5 is offline
Senior Member
 
Join Date: Jun 2008
Location: New York
Posts: 10,610
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

Are yo saying you want everything on your page to be 850px wide?

A screen shot or something might help.
Reply With Quote
  #3  
Old 06-08-2011, 12:53 AM
kNeeLy's Avatar
kNeeLy kNeeLy is offline
 
Join Date: Nov 2008
Location: ohio
Posts: 244
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

Quote:
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...
Reply With Quote
  #4  
Old 06-08-2011, 01:02 AM
BirdOPrey5's Avatar
BirdOPrey5 BirdOPrey5 is offline
Senior Member
 
Join Date: Jun 2008
Location: New York
Posts: 10,610
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

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.
Reply With Quote
  #5  
Old 06-08-2011, 01:01 PM
kNeeLy's Avatar
kNeeLy kNeeLy is offline
 
Join Date: Nov 2008
Location: ohio
Posts: 244
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

Quote:
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...
Reply With Quote
  #6  
Old 06-08-2011, 01:35 PM
kNeeLy's Avatar
kNeeLy kNeeLy is offline
 
Join Date: Nov 2008
Location: ohio
Posts: 244
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

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, 0 views)
Reply With Quote
  #7  
Old 06-08-2011, 02:58 PM
BirdOPrey5's Avatar
BirdOPrey5 BirdOPrey5 is offline
Senior Member
 
Join Date: Jun 2008
Location: New York
Posts: 10,610
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

I gotcha...

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

Code:
<div align="center" style="width:850px;">

NAV BUTTON CODE HERE

</div>
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.
Reply With Quote
  #8  
Old 06-08-2011, 03:14 PM
kNeeLy's Avatar
kNeeLy kNeeLy is offline
 
Join Date: Nov 2008
Location: ohio
Posts: 244
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

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, 0 views)
Reply With Quote
  #9  
Old 06-08-2011, 03:34 PM
BirdOPrey5's Avatar
BirdOPrey5 BirdOPrey5 is offline
Senior Member
 
Join Date: Jun 2008
Location: New York
Posts: 10,610
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

weird... try this:

Code:
<div align="center" style="width:850px; margin-left:auto; margin-right:auto;">
Reply With Quote
  #10  
Old 06-08-2011, 03:51 PM
kNeeLy's Avatar
kNeeLy kNeeLy is offline
 
Join Date: Nov 2008
Location: ohio
Posts: 244
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

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, 0 views)
Reply With Quote
Reply

Thread Tools
Display Modes

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

Forum Jump


All times are GMT. The time now is 06:45 PM.


Powered by vBulletin® Version 3.8.12 by vBS
Copyright ©2000 - 2024, vBulletin Solutions Inc.
X vBulletin 3.8.12 by vBS Debug Information
  • Page Generation 0.04459 seconds
  • Memory Usage 2,277KB
  • Queries Executed 12 (?)
More Information
Template Usage:
  • (1)SHOWTHREAD
  • (1)ad_footer_end
  • (1)ad_footer_start
  • (1)ad_header_end
  • (1)ad_header_logo
  • (1)ad_navbar_below
  • (1)ad_showthread_beforeqr
  • (1)ad_showthread_firstpost
  • (1)ad_showthread_firstpost_sig
  • (1)ad_showthread_firstpost_start
  • (2)bbcode_code
  • (2)bbcode_quote
  • (1)footer
  • (1)forumjump
  • (1)forumrules
  • (1)gobutton
  • (1)header
  • (1)headinclude
  • (1)navbar
  • (3)navbar_link
  • (120)option
  • (1)pagenav
  • (1)pagenav_curpage
  • (1)pagenav_pagelink
  • (10)post_thanks_box
  • (10)post_thanks_button
  • (1)post_thanks_javascript
  • (1)post_thanks_navbar_search
  • (10)post_thanks_postbit_info
  • (10)postbit
  • (3)postbit_attachment
  • (10)postbit_onlinestatus
  • (10)postbit_wrapper
  • (1)spacer_close
  • (1)spacer_open
  • (1)tagbit_wrapper 

Phrase Groups Available:
  • global
  • inlinemod
  • postbit
  • posting
  • reputationlevel
  • showthread
Included Files:
  • ./showthread.php
  • ./global.php
  • ./includes/init.php
  • ./includes/class_core.php
  • ./includes/config.php
  • ./includes/functions.php
  • ./includes/class_hook.php
  • ./includes/modsystem_functions.php
  • ./includes/functions_bigthree.php
  • ./includes/class_postbit.php
  • ./includes/class_bbcode.php
  • ./includes/functions_reputation.php
  • ./includes/functions_post_thanks.php 

Hooks Called:
  • init_startup
  • init_startup_session_setup_start
  • init_startup_session_setup_complete
  • cache_permissions
  • fetch_threadinfo_query
  • fetch_threadinfo
  • fetch_foruminfo
  • style_fetch
  • cache_templates
  • global_start
  • parse_templates
  • global_setup_complete
  • showthread_start
  • showthread_getinfo
  • forumjump
  • showthread_post_start
  • showthread_query_postids
  • showthread_query
  • bbcode_fetch_tags
  • bbcode_create
  • showthread_postbit_create
  • postbit_factory
  • postbit_display_start
  • post_thanks_function_post_thanks_off_start
  • post_thanks_function_post_thanks_off_end
  • post_thanks_function_fetch_thanks_start
  • post_thanks_function_fetch_thanks_end
  • post_thanks_function_thanked_already_start
  • post_thanks_function_thanked_already_end
  • fetch_musername
  • postbit_imicons
  • bbcode_parse_start
  • bbcode_parse_complete_precache
  • bbcode_parse_complete
  • postbit_display_complete
  • post_thanks_function_can_thank_this_post_start
  • postbit_attachment
  • pagenav_page
  • pagenav_complete
  • tag_fetchbit_complete
  • forumrules
  • navbits
  • navbits_complete
  • showthread_complete