Go Back   vb.org Archive > vBulletin 3 Discussion > vB3 General Discussions
  #1  
Old 07-14-2006, 10:30 PM
simonc101 simonc101 is offline
 
Join Date: Jan 2006
Posts: 8
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default How do I?

Does anyone know of or know how to create a navbar like this site?

http://www.fiatforum.com

I like the fact that it has been split in two and that the main catgegories have small icons assigned to them.

This would be a great if someone could help out.
Reply With Quote
  #2  
Old 07-15-2006, 12:36 AM
slappy slappy is offline
 
Join Date: Apr 2003
Posts: 97
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

If you go to the Forum and right click on your browser you can choose "view source" and actually look at some of the code. You can do this here. You will get a mass of code that is hard to decipher. However is your have a good text editor, you can search for the word "mainmenu_control" and you should be within the Navbar. It would help if you took a look at the navbar template in your default style, so you had an idea what you are looking for.

Theirs starts with a <div> or divider statement:

Code:
	<div align="center"> <table class="tborder" cellpadding="6" cellspacing="0" border="0" width="100%" align="center" style="border-left-width: 0px; border-right-width: 0px; border-bottom-width: 0px;"> <tr align="center">
Then each of the buttons is indicated with code like this:
Code:
<td class="mainmenu_control" width="11%">
		<img src="/images/misc/menuicons/forum.gif" width="15" height="13" alt="" />
			&nbsp;&nbsp;
		<a href="/">Forum</a>
	</td> 
	<td class="mainmenu_control" width="13%">
		<img src="/images/misc/menuicons/guides.gif" width="13" height="15" alt="" />
			&nbsp;&nbsp;
		<a href="/guides">Guides</a>
	</td> 
	<td class="mainmenu_control" width="10%">
		<img src="/images/misc/menuicons/chat.gif" width="15" height="15" alt="" />
			&nbsp;&nbsp;
		<a href="/javachat.php">Chat</a>
	</td> 
	<td class="mainmenu_control" width="14%">
		<img src="/images/misc/menuicons/photogallery.gif" width="15" height="12" alt="" />
			&nbsp;&nbsp;
		<a href="/gallery">Gallery</a></td> <td class="mainmenu_control" width="15%">
		<img src="/images/misc/menuicons/classifieds.gif" width="13" height="15" alt="" />
		&nbsp;&nbsp;
You can see the words in bold which are the button title and href of what it does. This could be a link to another forum or page somewhere, or a javascript which does something, like the "chat" button.

After it gets to the "Links" button, there is another divider which defines and starts the second row:

Code:
<div align="center"> <table class="tborder" cellpadding="6" cellspacing="0" border="0" width="100%" align="center" style="border-left-width: 0px; border-right-width: 0px; border-bottom-width: 0px;"> <tr align="center"> 
	<td class="vbmenu_control">
		<a href="/register.php" rel="nofollow">Register</a>
	</td> 
	<td class="vbmenu_control">
		<a href="/faq.php" accesskey="5">FAQ</a>
	</td>
until it gets down to the end of the Table and Division, marked by:

</table> </div>

This should give you a good start at learning the code. There are several navbar modification hacks here you could search for.

Regards,

<div class="vbmenu_popup" id="navbar_search_menu" style="display:none">
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 11:17 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.03716 seconds
  • Memory Usage 2,167KB
  • Queries Executed 13 (?)
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
  • (3)bbcode_code
  • (1)footer
  • (1)forumjump
  • (1)forumrules
  • (1)gobutton
  • (1)header
  • (1)headinclude
  • (1)navbar
  • (3)navbar_link
  • (120)option
  • (2)post_thanks_box
  • (2)post_thanks_button
  • (1)post_thanks_javascript
  • (1)post_thanks_navbar_search
  • (2)post_thanks_postbit_info
  • (2)postbit
  • (2)postbit_onlinestatus
  • (2)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_postinfo_query
  • fetch_postinfo
  • 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
  • tag_fetchbit_complete
  • forumrules
  • navbits
  • navbits_complete
  • showthread_complete