Go Back   vb.org Archive > vBulletin Article Depository > Read An Article > vBulletin 3 Articles

Reply
 
Thread Tools
How to add buttons on navbar
massi64
Join Date: Jun 2009
Posts: 36

 

Show Printable Version Email this Page Subscription
massi64 massi64 is offline 06-27-2010, 10:00 PM

Here a picture of what I came up with :


To enlarge click on it with the right mouse button and open link

You can get the button that I made for that website HERE
To download click on the link with the right mouse button and Save Target As

This will give you just the illusion of Buttons on the navbar
Ok This will work only if all the links are manualy put on the navbar :example if you have installed cyb-paypal go in the ACP and turn off the "add Donate link on the navbar" and add it manualy on the navbar , Arcade , Chatbox , etc same things

Now go in the ACP,Styles & Templates,Style Manager and click on GO on the "All style Options" scroll down untill you find the class "vbmenu_control" on the background box , link the button file that you alredy upload on your forum/images/misc

Like this
Code:
transparent url(http://yoursite.com/forum/images/misc/button18.png) repeat-x
I put the font size at 12 px and on the Extra CSS Attributes on the padding I corrected to "0px 6px 0px 6px" to center the link on the button

Finish this go to the navbar template and serch for the links that you add manualy on it

should be something like this (example)
Code:
<td class="vbmenu_control"><a href="index.php$session[sessionurl_q]">Home</a></td>
<td class="vbmenu_control"><a href="index_forum.php$session[sessionurl_q]">Forum</a></td>
<td class="vbmenu_control"><a href="usercp.php$session[sessionurl_q]">$vbphrase[user_cp]</a></td>
at this point you should add size of the button adding in front of "class". The "width" may change ,depends on the size of the link and for the " height" for this button picture that is a correct one , again a may change if you make your button picture .

Like this
Code:
<td width="80" height="28" class="vbmenu_control"><a href="index.php$session[sessionurl_q]">Home</a></td>
<td width="80" height="28" class="vbmenu_control"><a href="index_forum.php$session[sessionurl_q]">Forum</a></td>
<td width="80" height="28" class="vbmenu_control"><a href="usercp.php$session[sessionurl_q]">$vbphrase[user_cp]</a></td>
Do this on all your links and Voila'

You may want to search on this forum how to add links on the navbar , If you don't know how .


Enjoy
Attached Images
File Type: jpg forum1.jpg (25.6 KB, 0 views)
Reply With Quote
  #2  
Old 06-28-2010, 05:12 PM
BirdOPrey5's Avatar
BirdOPrey5 BirdOPrey5 is offline
Senior Member
 
Join Date: Jun 2008
Location: New York
Posts: 10,610
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

Could we get a larger example image? I can't see anything of value in the image that's there.
Reply With Quote
  #3  
Old 06-28-2010, 05:44 PM
massi64 massi64 is offline
 
Join Date: Jun 2009
Posts: 36
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

Quote:
Originally Posted by BirdOPrey5 View Post
Could we get a larger example image? I can't see anything of value in the image that's there.
"To enlarge click on it with the right mouse button and open link" did you see that under the picture ?

and I put attachment on the botom .

Reply With Quote
  #4  
Old 06-28-2010, 06:36 PM
BirdOPrey5's Avatar
BirdOPrey5 BirdOPrey5 is offline
Senior Member
 
Join Date: Jun 2008
Location: New York
Posts: 10,610
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

Thanks, missed it.
Reply With Quote
  #5  
Old 09-19-2010, 10:49 AM
brhoom brhoom is offline
 
Join Date: Mar 2006
Posts: 86
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

Thanks The Help
Reply With Quote
  #6  
Old 10-01-2010, 01:24 PM
as7apcool as7apcool is offline
 
Join Date: Feb 2009
Posts: 194
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

thanks 4 article
Reply With Quote
  #7  
Old 01-31-2011, 05:32 PM
Omar Quraishi Omar Quraishi is offline
 
Join Date: Mar 2010
Posts: 11
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

thanks
Reply With Quote
  #8  
Old 01-20-2013, 02:39 AM
microbob microbob is offline
 
Join Date: Jun 2009
Posts: 27
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

I'm running vBulletin V3.8.7PL3 and would like to incorporate this on my navbar's menu. I would like to leave everything exactly as it is (i.e., default) with the exception of creating the buttom "effect" on each of the menu items.

Please advise.

Bob
Reply With Quote
  #9  
Old 01-20-2013, 11:20 PM
massi64 massi64 is offline
 
Join Date: Jun 2009
Posts: 36
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

Quote:
Originally Posted by microbob View Post
I'm running vBulletin V3.8.7PL3 and would like to incorporate this on my navbar's menu. I would like to leave everything exactly as it is (i.e., default) with the exception of creating the buttom "effect" on each of the menu items.

Please advise.

Bob
well yes you can, the only thing is that you must input the link manualy

let me know
Reply With Quote
  #10  
Old 01-21-2013, 02:00 AM
microbob microbob is offline
 
Join Date: Jun 2009
Posts: 27
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

Quote:
Originally Posted by massi64 View Post
well yes you can, the only thing is that you must input the link manualy

let me know
So, how do I create the buttom effect?

Bob

--------------- Added [DATE]1358813445[/DATE] at [TIME]1358813445[/TIME] ---------------

I have found the "CSS Selector: vbmenu_control" under "Popup Menu Controls" in the Admin CP.

Very important: I do NOT want to use your background image; just want to use the standard "blue" Background (#738FBF) on the navbar menu, as the button's color. Just looking for the button effect only.

My current default "Extra CSS Attributes" in the "Popup Menu Controls" is currently set as:

padding 3px 6px 3px 6px
white-space: nowrap;

How do I get the button effect?

Bob
Reply With Quote
Reply

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

Forum Jump


All times are GMT. The time now is 01:06 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.04849 seconds
  • Memory Usage 2,307KB
  • Queries Executed 24 (?)
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
  • (3)bbcode_code
  • (3)bbcode_quote
  • (1)footer
  • (1)forumjump
  • (1)forumrules
  • (1)gobutton
  • (1)header
  • (1)headinclude
  • (1)modsystem_article
  • (1)navbar
  • (4)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
  • (9)postbit
  • (1)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_attachment
  • postbit_display_complete
  • post_thanks_function_can_thank_this_post_start
  • pagenav_page
  • pagenav_complete
  • tag_fetchbit_complete
  • forumrules
  • navbits
  • navbits_complete
  • showthread_complete