vb.org Archive

vb.org Archive (https://vborg.vbsupport.ru/index.php)
-   vBulletin 3 Articles (https://vborg.vbsupport.ru/forumdisplay.php?f=187)
-   -   How to add buttons on navbar (https://vborg.vbsupport.ru/showthread.php?t=245441)

massi64 06-27-2010 10:00 PM

How to add buttons on navbar
 
1 Attachment(s)
Here a picture of what I came up with :

https://vborg.vbsupport.ru/
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
:) :) :)

BirdOPrey5 06-28-2010 05:12 PM

Could we get a larger example image? I can't see anything of value in the image that's there.

massi64 06-28-2010 05:44 PM

Quote:

Originally Posted by BirdOPrey5 (Post 2061219)
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 .

:)

BirdOPrey5 06-28-2010 06:36 PM

Thanks, missed it.

brhoom 09-19-2010 10:49 AM

Thanks The Help

as7apcool 10-01-2010 01:24 PM

thanks 4 article

Omar Quraishi 01-31-2011 05:32 PM

thanks

microbob 01-20-2013 02:39 AM

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

massi64 01-20-2013 11:20 PM

Quote:

Originally Posted by microbob (Post 2398077)
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
:)

microbob 01-21-2013 02:00 AM

Quote:

Originally Posted by massi64 (Post 2398279)
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


All times are GMT. The time now is 01:38 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.02850 seconds
  • Memory Usage 1,737KB
  • Queries Executed 10 (?)
More Information
Template Usage:
  • (1)ad_footer_end
  • (1)ad_footer_start
  • (1)ad_header_end
  • (1)ad_header_logo
  • (1)ad_navbar_below
  • (3)bbcode_code_printable
  • (3)bbcode_quote_printable
  • (1)footer
  • (1)gobutton
  • (1)header
  • (1)headinclude
  • (6)option
  • (1)pagenav
  • (1)pagenav_curpage
  • (1)pagenav_pagelink
  • (1)post_thanks_navbar_search
  • (1)printthread
  • (10)printthreadbit
  • (1)spacer_close
  • (1)spacer_open 

Phrase Groups Available:
  • global
  • postbit
  • showthread
Included Files:
  • ./printthread.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/class_bbcode_alt.php
  • ./includes/class_bbcode.php
  • ./includes/functions_bigthree.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
  • printthread_start
  • pagenav_page
  • pagenav_complete
  • bbcode_fetch_tags
  • bbcode_create
  • bbcode_parse_start
  • bbcode_parse_complete_precache
  • bbcode_parse_complete
  • printthread_post
  • printthread_complete