help with nav bar!

ukfg

Supporters
vBulletin Owner

#1 07-21-2007, 02:19 AM

Join Date: Jul 2007

Posts: 129

Location: uk

help with nav bar!

ive done this, got the links how i want them, only problem is, it doesnt LOOK like i would like it to. Can any experts tell me how to style it to match the top nav bar? (HERE)

--------------------
UK Forces Girls ~ THE online community for British Forces wives & girlfriends

Quote |

Brandon

vBSetup Team
vBulletin Owner
vBSetup Owner

#2 07-21-2007, 10:54 AM

Join Date: Jul 2006

Posts: 10,600

Location: Topeka, KS

Re: help with nav bar!

Can I see the code for your top navbar ?

--------------------

Brandon Sheley / vBulletin Setup Staff
Check out our Newsletter for the latest vB and SEO news.
Are you looking for vBulletin work to be done on your forums ?
Would you like to Help Support vBulletin Setup.
Be sure to check out our latest Contest for a Custom Style.

Post your URL and a link to your vb.com username here to get full access.

Add our Facebook Blog, Group and LinkedIn group.. Thanks

Stay up to date by installing our Tool Bar

Last edited by Brandon; 08-01-2007 at 12:11 AM.

Quote |

ukfg

Supporters
vBulletin Owner

#3 07-21-2007, 11:12 AM

Join Date: Jul 2007

Posts: 129

Location: uk

Re: help with nav bar!

this is the whole navbar template...no idea what is what lol

Code:

<!-- breadcrumb -->
<div id="navbar-row">
<if condition="is_array($navbits)">
	<div class="navbar navbar-top"><a href="$vboptions[forumhome].php$session[sessionurl_q]" accesskey="1">$vboptions[bbtitle]</a> $navbits[breadcrumb]
	 &raquo; <strong>$navbits[lastelement]</strong></div>
<else />
	<div class="navbar navbar-top"><a href="$vboptions[forumhome].php$session[sessionurl_q]" accesskey="1">$vboptions[bbtitle]</a></div>
</if>
</div>
<br class="spacer8" />
<!-- / breadcrumb -->
<!-- top nav buttons bar -->
<div align="center">
<table class="tborder" cellpadding="$stylevar[cellpadding]" cellspacing="0" border="0" width="100%" align="center" style="border-bottom-width:0px">
<tr align="center">
<td class="vbmenu_control"><a href="http://www.ukforcesgirls.co.uk/forums/misc.php?do=flashchat">UK Forces Girls Chat</a></td>
<td class="vbmenu_control"><a href="http://www.ukforcesgirls.co.uk/store/">UK Forces Girls Store</a></td>
<td class="vbmenu_control"><a href="http://www.ukforcesgirls.co.uk/forums/payments.php">Upgrade To Premium Membership</a></td>
<td class="vbmenu_control"><a href="http://www.ukforcesgirls.co.uk/forums/arcade.php">Premium Members Arcade</a></td>
<td class="vbmenu_control"><a href="http://www.ukforcesgirls.co.uk/forums/vbpicgallery.php">Premium Members Gallery</a></td>
</if>
</tr>
</table>
</div>
<!-- / top nav buttons bar -->
<!-- pm notification -->
<if condition="THIS_SCRIPT != 'private' && $show['member'] && $show['pmstats'] && $vbulletin->userinfo['pmunread']">
<table class="tborder" cellpadding="$stylevar[cellpadding]" cellspacing="$stylevar[cellspacing]" border="0" width="100%" align="center">
<tbody>
	<tr>
		<td class="panelsurround" align="center">
		<div class="panel">
			<div class="pm-new" style="width:$stylevar[formwidth]; text-align: center;">
				<phrase 1="$vbphrase[unread_x_nav_compiled]" 2="$vbphrase[total_x_nav_compiled]" 3="$session[sessionurl_q]">$vbphrase[private_messages_nav]</phrase>
			</div>
		</div>
		</td>
	</tr>
</tbody>
</table>
<br />
</if>
<!-- / pm notification -->

<if condition="$show['popups']">
<!-- NAVBAR POPUP MENUS -->
	
	<if condition="$show['searchbuttons']">
	<!-- header quick search form -->
	<div class="vbmenu_popup" id="navbar_search_menu" style="display:none">
		<form action="search.php?do=process" method="post">
		<table cellpadding="4" cellspacing="1" border="0">
		<tr>
			<td class="thead">$vbphrase[search_forums]</td>
		</tr>
		<tr>
			<td class="vbmenu_option" title="nohilite">
				<input type="hidden" name="do" value="process" />
				<input type="hidden" name="quicksearch" value="1" />
				<input type="hidden" name="childforums" value="1" />
				<input type="hidden" name="exactname" value="1" />
				<input type="hidden" name="s" value="$session[sessionhash]" />
				<div><input type="text" class="bginput" name="query" size="25" tabindex="1001" /><input type="submit" class="button" value="$vbphrase[go]" tabindex="1004" /></div>
			</td>
		</tr>
		<tr>
			<td class="vbmenu_option" title="nohilite">
				<label for="rb_nb_sp0"><input type="radio" name="showposts" value="0" id="rb_nb_sp0" tabindex="1002" checked="checked" />$vbphrase[show_threads]</label>
				&nbsp;
				<label for="rb_nb_sp1"><input type="radio" name="showposts" value="1" id="rb_nb_sp1" tabindex="1003" />$vbphrase[show_posts]</label>
			</td>
		</tr>
		<tr>
			<td class="vbmenu_option"><a href="search.php$session[sessionurl_q]" accesskey="4" rel="nofollow">$vbphrase[advanced_search]</a></td>
		</tr>
		</table>
		</form>
	</div>
	<!-- / header quick search form -->
	</if>

	<if condition="$show['member']">
	<!-- user cp tools menu -->
	<div class="vbmenu_popup" id="usercptools_menu" style="display:none">
		<table cellpadding="4" cellspacing="1" border="0">
		
		<tr><td class="thead">$vbphrase[quick_links]</td></tr>		
		<if condition="$vboptions['enablesearches']"><tr><td class="vbmenu_option"><a href="search.php?$session[sessionurl]do=getdaily">$vbphrase[todays_posts]</a></td></tr></if>
		<tr><td class="vbmenu_option"><a href="forumdisplay.php?$session[sessionurl]do=markread">$vbphrase[mark_forums_read]</a></td></tr>
		<tr><td class="vbmenu_option"><a href="#" onclick="window.open('misc.php?$session[sessionurl]do=buddylist&amp;focus=1','buddylist','statusbar=no,menubar=no,toolbar=no,scrollbars=yes,resizable=yes,width=250,height=300'); return false;">$vbphrase[open_buddy_list]</a></td></tr>
				
		<tr><td class="thead"><a href="usercp.php$session[sessionurl_q]">$vbphrase[user_control_panel]</a></td></tr>
		<if condition="$show['siglink']"><tr><td class="vbmenu_option"><a href="profile.php?$session[sessionurl]do=editsignature">$vbphrase[edit_signature]</a></td></tr></if>
		<!--<if condition="$show['avatarlink']"><tr><td class="vbmenu_option"><a href="profile.php?$session[sessionurl]do=editavatar">$vbphrase[edit_avatar]</a></td></tr></if>-->
		<tr><td class="vbmenu_option"><a href="profile.php?$session[sessionurl]do=editprofile">$vbphrase[edit_profile]</a></td></tr>
		<tr><td class="vbmenu_option"><a href="profile.php?$session[sessionurl]do=editoptions">$vbphrase[edit_options]</a></td></tr>
		
		<tr><td class="thead">$vbphrase[miscellaneous]</td></tr>
		<if condition="$show['pmmainlink']"><tr><td class="vbmenu_option"><a href="private.php$session[sessionurl_q]" rel="nofollow">$vbphrase[private_messages]</a></td></tr></if>
		<tr><td class="vbmenu_option"><a href="subscription.php$session[sessionurl_q]" rel="nofollow">$vbphrase[subscribed_threads]</a></td></tr>
		<tr><td class="vbmenu_option"><a href="member.php?$session[sessionurl]u=$bbuserinfo[userid]">$vbphrase[my_profile]</a></td></tr>
		<if condition="$show['wollink']"><tr><td class="vbmenu_option"><a href="online.php$session[sessionurl_q]">$vbphrase[whos_online]</a></td></tr></if>
		 
		</table>
	</div>
	<!-- / user cp tools menu -->
	</if>
<!-- / NAVBAR POPUP MENUS -->

<!-- PAGENAV POPUP -->

	<div class="vbmenu_popup" id="pagenav_menu" style="display:none">
		<table cellpadding="4" cellspacing="1" border="0">
		<tr>
			<td class="thead" nowrap="nowrap">$vbphrase[go_to_page]</td>
		</tr>
		<tr>
			<td class="vbmenu_option" title="nohilite">
			<form action="$vboptions[forumhome].php" method="get" onsubmit="return this.gotopage()" id="pagenav_form">
				<input type="text" class="bginput" id="pagenav_itxt" style="font-size:11px" size="4" />
				<input type="button" class="button" id="pagenav_ibtn" value="$vbphrase[go]" />
			</form>
			</td>
		</tr>
		</table>
	</div>



<!-- / PAGENAV POPUP -->
</if>

$_phpinclude_output

--------------------
UK Forces Girls ~ THE online community for British Forces wives & girlfriends

Quote |

MaestroX

vBSetup Team
vBulletin Owner

#4 07-31-2007, 08:10 AM

Join Date: Mar 2007

Posts: 163

Location: UK

Re: help with nav bar!

I think (apologies if I'm wrong) you just need to change the css clases here:

Code:

<td class="vbmenu_control"><a href="http://www.ukforcesgirls.co.uk/forums/misc.php?do=flashchat">UK Forces Girls Chat</a></td>
<td class="vbmenu_control"><a href="http://www.ukforcesgirls.co.uk/store/">UK Forces Girls Store</a></td>
<td class="vbmenu_control"><a href="http://www.ukforcesgirls.co.uk/forums/payments.php">Upgrade To Premium Membership</a></td>
<td class="vbmenu_control"><a href="http://www.ukforcesgirls.co.uk/forums/arcade.php">Premium Members Arcade</a></td>
<td class="vbmenu_control"><a href="http://www.ukforcesgirls.co.uk/forums/vbpicgallery.php">Premium Members Gallery</a></td>

to tcat instead of vbmenu_control

Let us know how it goes

--------------------
vBulletin Skins Zone - 3.7 Styles | What's Your Google Page Rank? | Get your online Identity at Avatar Dock

Quote |

ukfg

Supporters
vBulletin Owner

#5 07-31-2007, 03:00 PM

Join Date: Jul 2007

Posts: 129

Location: uk

Re: help with nav bar!

thanks, will try that!

nope thats just made the writing bigger lol

--------------------
UK Forces Girls ~ THE online community for British Forces wives & girlfriends

Last edited by ukfg; 07-31-2007 at 03:08 PM. Reason: Automerged Doublepost

Quote |

Rocket 442

Guest

#6 08-01-2007, 12:03 AM

Posts: n/a

Re: help with nav bar!

Are you trying to get the lower navbar to look like the higher one, or the higher one to look like the lower one?

I"m not sure this will work, but try this. *SAVE A BACKUP of your current one in case*

Find:
<div align="center">

Replace with:
<div id="navbar-row">

I'm still learning php, so bear with me but that might work.
Let me know if it changes anything.

EDIT:
Could also be this but I am not sure:
move the new code you pasted in above the

Last edited by Rocket 442; 08-01-2007 at 12:13 AM. Reason: Automerged Doublepost

Quote |

ukfg

Supporters
vBulletin Owner

#7 08-01-2007, 12:50 PM

Join Date: Jul 2007

Posts: 129

Location: uk

Re: help with nav bar!

im trying to get the lower one to look like the higher one

--------------------
UK Forces Girls ~ THE online community for British Forces wives & girlfriends

Quote |

Rocket 442

Guest

#8 08-01-2007, 03:14 PM

Posts: n/a

Re: help with nav bar!

Quote:

Originally Posted by ukfg

im trying to get the lower one to look like the higher one

Did you try what I suggested?

Quote |

ukfg

Supporters
vBulletin Owner

#9 08-01-2007, 03:25 PM

Join Date: Jul 2007

Posts: 129

Location: uk

Re: help with nav bar!

yeah sorry just tried it now, nothing changing it to look the same!

--------------------
UK Forces Girls ~ THE online community for British Forces wives & girlfriends

Quote |

MaestroX

vBSetup Team
vBulletin Owner

#10 08-02-2007, 07:08 AM

Join Date: Mar 2007

Posts: 163

Location: UK

Re: help with nav bar!

Hmm Ok try this:

Change this:

Code:

<table class="tborder" width="100%" cellspacing="0" cellpadding="4" border="0" align="center" style="border-bottom-width: 0px;">
<tbody>
<tr align="center">
<td class="vbmenu_control">
<a href="http://www.ukforcesgirls.co.uk/forums/misc.php?do=flashchat" rel="nofollow">UK Forces Girls Chat</a>
</td>
<td class="vbmenu_control">
<a href="http://www.ukforcesgirls.co.uk/store/">UK Forces Girls Store</a>
</td>
<td class="vbmenu_control">
<a href="http://www.ukforcesgirls.co.uk/forums/payments.php">Upgrade To Premium Membership</a>
</td>
<td class="vbmenu_control">
<a href="http://www.ukforcesgirls.co.uk/forums/arcade.php">Premium Members Arcade</a>
</td>
<td class="vbmenu_control">
<a href="http://www.ukforcesgirls.co.uk/forums/vbpicgallery.php">Premium Members Gallery</a>
</td>
</tr>
</tbody>
</table>

to:

Code:

table class="navbar-row-table" width="100%" cellspacing="0" cellpadding="4" border="0" align="center" style="border-bottom-width: 0px;">
<tbody>
<tr align="center">
<td class="vbmenu_control">
<a href="http://www.ukforcesgirls.co.uk/forums/misc.php?do=flashchat" rel="nofollow">UK Forces Girls Chat</a>
</td>
<td class="vbmenu_control">
<a href="http://www.ukforcesgirls.co.uk/store/">UK Forces Girls Store</a>
</td>
<td class="vbmenu_control">
<a href="http://www.ukforcesgirls.co.uk/forums/payments.php">Upgrade To Premium Membership</a>
</td>
<td class="vbmenu_control">
<a href="http://www.ukforcesgirls.co.uk/forums/arcade.php">Premium Members Arcade</a>
</td>
<td class="vbmenu_control">
<a href="http://www.ukforcesgirls.co.uk/forums/vbpicgallery.php">Premium Members Gallery</a>
</td>
</tr>
</tbody>
</table>

--------------------
vBulletin Skins Zone - 3.7 Styles | What's Your Google Page Rank? | Get your online Identity at Avatar Dock

Quote |