Move Navbar underneath Header image - vbulletin

Discussion in 'HTML & Website Design' started by Whippet75, Aug 17, 2009.

  1. #1
    Hi,

    I am having a little difficulty and need some assistance !

    See Screenshot:

    http://img89.imageshack.us/img89/4094/clipboard02r.jpg

    I want to move the navbar so that it is centred underneath the header image.

    Here is the Header:

    <!-- logo -->
    <a name="top"></a>
    <div id="header" style="width:$stylevar[outertablewidth]">
    <div id="logo"><a href="$vboptions[forumhome].php$session[sessionurl_q]"><img src="$stylevar[imgdir_misc]/logo.gif" alt="$vboptions[bbtitle]" /></a></div>
    
    <div id="navWrapper"  style="width:<if condition="$show['member']">600px<else /><if condition="$show['registerbutton']">530px<else />450px</if></if>;"><ul id="nav">
            <if condition="$show['member']"><li><a href="usercp.php$session[sessionurl_q]"><span>$vbphrase[user_cp]</span></a></li></if>
            <if condition="$show['registerbutton']"><li><a href="register.php$session[sessionurl_q]" rel="nofollow"><span>$vbphrase[register]</span></a></li></if>
            $template_hook[navbar_buttons_left]
            <li><a href="faq.php$session[sessionurl_q]" accesskey="5"><span>$vbphrase[faq]</span></a></li>                        
            <if condition="$show['communitylink'] AND $show['popups']">
                <li><a id="community" href="$show[nojs_link]#community" rel="nofollow" accesskey="6"><span>$vbphrase[community]</span></a> <script type="text/javascript"> vbmenu_register("community", true); </script></li>
            <else />
                <if condition="$vboptions['enablememberlist']">
                    <li><a href="memberlist.php$session[sessionurl_q]"><span>$vbphrase[members_list]</span></a></li>
                </if>
                <if condition="$show['quick_links_groups']">
                    <li><a href="group.php?$session[sessionurl]"><span>$vbphrase[social_groups]</span></a></li>
                </if>
            </if>
            <li><a href="calendar.php$session[sessionurl_q]"><span>$vbphrase[calendar]</span></a></li>
            <if condition="$show['popups']">        
            <if condition="$show['searchbuttons']">
            <if condition="$show['member']"><li><a href="search.php?$session[sessionurl]do=getnew" accesskey="2"><span>$vbphrase[new_posts_nav]</span></a></li>
            <else />
            <li><a href="search.php?$session[sessionurl]do=getdaily" accesskey="2"><span>$vbphrase[todays_posts]</span></a></li>
            </if>
            <li id="navbar_search"><a href="search.php$session[sessionurl_q]" accesskey="4" rel="nofollow"><span>$vbphrase[search]</span></a><if condition="$show['quicksearch']"><script type="text/javascript"> vbmenu_register("navbar_search", true); </script></if></li>
            </if>
            <if condition="$show['member']"><li id="usercptools"><a href="$show[nojs_link]#usercptools"><span>$vbphrase[quick_links]</span></a> <script type="text/javascript"> vbmenu_register("usercptools", true); </script></li>
            </if><else />
            <if condition="$show['searchbuttons']">
            <li><a href="search.php$session[sessionurl_q]" accesskey="4"><span>$vbphrase[search]</span></a></li>
            <if condition="$show['member']"><li><a href="search.php?$session[sessionurl]do=getnew" accesskey="2"><span>$vbphrase[new_posts_nav]</span></a></li>
            <else />
            <li><a href="search.php?$session[sessionurl]do=getdaily" accesskey="2"><span>$vbphrase[todays_posts]</span></a></li>
            </if></if>
            <li><a href="forumdisplay.php?$session[sessionurl]do=markread" rel="nofollow"><span>$vbphrase[mark_forums_read]</span></a></li>
            <if condition="$show['member']"><li><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;"><span>$vbphrase[open_buddy_list]</span></a></li>
            </if></if>
            $template_hook[navbar_buttons_right]
    </ul></div>
    <div style="clear:both;"></div>
    </div>        </div>    
    <!-- /logo -->
    
    <!-- content table -->
    
    <br />
    
    <div id="mainOutside" style="width:$stylevar[outertablewidth];"><div style="background:url($stylevar[imgdir_misc]/mainBgLeft.gif) no-repeat;"><div style="background:url($stylevar[imgdir_misc]/mainBgRight.gif) top right no-repeat;">
    
    $spacer_open
    
    $_phpinclude_output
    $ad_location[ad_header_end]
                
    <!-- /logo -->
    
    <!-- content table -->
    
    <br />
    
    <div id="mainOutside" style="width:$stylevar[outertablewidth];"><div style="background:url($stylevar[imgdir_misc]/mainBgLeft.gif) no-repeat;"><div style="background:url($stylevar[imgdir_misc]/mainBgRight.gif) top right no-repeat;">
    
    $spacer_open
    
    $_phpinclude_output
    $ad_location[ad_header_end]
    Code (markup):
    The navbar is currently added as a navrapper to the header code.

    What do I need to do to move this beneath the header image ?
     
    Whippet75, Aug 17, 2009 IP