vb.org Archive

vb.org Archive (https://vborg.vbsupport.ru/index.php)
-   vB3 General Discussions (https://vborg.vbsupport.ru/forumdisplay.php?f=111)
-   -   vBulletin Menu structure "navbar" (https://vborg.vbsupport.ru/showthread.php?t=143599)

php4ever 03-30-2007 12:15 PM

vBulletin Menu structure "navbar"
 
I taken the code from my navbar template and placed it on the very top of my theme which seems to both parse correctly and work. HOWEVER! the drop downs like Search and Quick Links menu are offset half way down the page on mouse-over and I'm not sure why. When I click on Quick Links the links sub menu shows up nearly at the bottom of the page.

Is there a place where the distance of the dropdowns are set in relation to the buttons? Furthermore are there any self contained menu plugins available. It seems that menu placement and modifications are among the top requested subjects in the forums related to theme design.

LOL, no pun intended but I had a feeling that menu related questions tend to sit for a while.

I'm curious why more coverage hasn't been discussed on the subject of custom menus or should I say customizing menus.

php4ever 04-02-2007 01:15 PM

*bump*

Lynne 04-02-2007 03:15 PM

Can we get a website url to see this in action?

php4ever 04-03-2007 04:24 PM

**Semi Solved**

Ok for anyone interested or experiencing offset issues with their popup menus here is what I experienced and not quite sure why.

1 ) My template is an all CSS layout with two columns, header and footer. I placed the top portion of the code in header box under "common templates" and the footer portion as well.

2 ) My design included a header div as such <div id="header"></div> which was set to 170px in height and a position of relative.

PROBLEM HOWEVER:
3 ) The problem was that all popup menus regardless of location in the forum were offset 170px lower than they should have been. So for instance if I clicked on "Search" the drop down search box would be 170px below the search link. Not real attractive to say the least.

4 ) I tried everything even building my theme from scratch with a fresh install of a VB Default Theme and simply added a padding div on top of the theme for 170px to see if it was my design or just something particular to vBulletin. I ended up with the same issue. Anytime I put a sized block element above the code the JS menus are offset by the same dimensions.

Why? Well I'm not real sure and I'm hoping someone can shed some light on this.

Here is a clean example for your review;
A Simple Header Section in Common Templates
Code:

<!-- logo -->
<a name="top"></a>
<table border="0" width="$stylevar[outertablewidth]" cellpadding="0" cellspacing="0" align="center">
<tr>
        <td align="$stylevar[left]"><a href="$vboptions[forumhome].html?$session[sessionurl]"><img src="$stylevar[titleimage]" border="0" alt="$vboptions[bbtitle]" /></a></td>
<td align="$stylevar[right]">&nbsp;</td>
</tr>
</table>
<!-- /logo -->
<!-- content table -->
$spacer_open
$_phpinclude_output

New Header Block Elements in Common Templates

Code:

<div id="bodybanner">/*used for repeat background*/
<div id="bodybanner2">/*used for repeat background 2*/
<div id="maxouter">/*The max container*/
        <div id="ma2">/*these sub id's represent variable width corners*/
                <div id="ma3">
                        <div id="ma4">
                                <div id="ma5">


/*the actual container for the forum*/
<div id="pagewrapper">
<div id="example-spacer" style="height:270px;"></div>
<div id="wrapper" class="clearfix">
                <div id="rightcolumn">vBulletin Elements Here</div>
                <div id="maincolumn" class="clearfix">
$spacer_open
$_phpinclude_output

What I did was set the vbmenu_popup to have a margin of -270px and a z-index of 90 which seems to work just fine.

I'll publish a link to the site as soon as I'm done.

greatergood 01-26-2009 06:59 PM

Thank you very much for posting how you fixed it, I am building my own theme with a custom header made in photoshop and dreamweaver, And i also customized the navbar template to accommodate an image in the top of the forum (hard to explain how it looks) and i was testing it before i put it on my site and found the the popups where waaaaay off. This fixed it. Thank you again!

php4ever 01-27-2009 02:43 PM

Most welcome, I need to revisit some of my old posts and code again anyway to update a few features.

Jared Ritchey


All times are GMT. The time now is 01:14 AM.

Powered by vBulletin® Version 3.8.12 by vBS
Copyright ©2000 - 2025, vBulletin Solutions Inc.

X vBulletin 3.8.12 by vBS Debug Information
  • Page Generation 0.01045 seconds
  • Memory Usage 1,724KB
  • 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
  • (2)bbcode_code_printable
  • (1)footer
  • (1)gobutton
  • (1)header
  • (1)headinclude
  • (6)option
  • (1)post_thanks_navbar_search
  • (1)printthread
  • (6)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
  • bbcode_fetch_tags
  • bbcode_create
  • bbcode_parse_start
  • bbcode_parse_complete_precache
  • bbcode_parse_complete
  • printthread_post
  • printthread_complete