Vb Header Basic for MyBB 1.4.x

[vintagedaddyo]

Here is how to put a Vbulletin styled basic header into you MyBB themes for 1.4.x

Basic Vb Header Preview:
=====================



Here for those of you that are having trouble with the tutorials you can try this bare-bones Mybb 1.4.3 basic theme. It is purely the Mybb 1.4.3 default theme with the vb Header basic pre-installed..., this may help users build a good theme based of this bare-bones template. You can download this in a pre-made theme found here: VB Basic Header Theme

Please leave my link in the footer but feel free to re-release with your additions and linkage, good luck!

nav template

Code:

<div class="navigation">
<img style="vertical-align:bottom;" alt="" src="$theme[imgdir]/nav_start.gif"/>{$nav}{$activesep}{$activebit}
</div>

adds image before navbit

navbit

Code:

<a href="{$navbit['url']}">{$navbit['name']}</a>{$sep}

nav_bit_active

Code:

<span class="active"><b>{$navbit['name']}</b></span>

nav_sep template

Code:

›

shows > instead /

nav_sep_active template

Code:

<br /><img src="$theme[imgdir]/nav_end.gif" alt=""/>

   
   
   

header

Code:

<div id="container">
        <a name="top" id="top"></a>
        <div id="header">
            <div class="logo"><a href="{$mybb->settings['bburl']}/index.php"><img src="{$theme['logo']}" alt="{$mybb->settings['bbname']}" title="{$mybb->settings['bbname']}" /></a></div>
          

<hr class="hidden" />
            
                {$welcomeblock}
            
        </div>
        <hr class="hidden" />
        <br class="clear" />
        <div id="content">
            {$pm_notice}
            {$bannedwarning}
            {$bbclosedwarning}
            {$unreadreports}

header_welcomeblock_guest

Code:

<table border="0" cellspacing="$theme[borderwidth]" cellpadding="$theme[tablespace]" class="tborder">
<tr>

<td class="trow1" width="50%"><navigation>
<td width="21%" class="trow2" style="font-size:11px">

            
<script type="text/javascript">
<!--
    lang.username = "{$lang->login_username}";
    lang.password = "{$lang->login_password}";
    lang.login = "{$lang->login}";
    lang.lost_password = " <br /> <a href=\"{$mybb->settings['bburl']}/member.php?action=lostpw\">{$lang->lost_password}<\/a>";
        lang.register_url = " &mdash; <a href=\"{$mybb->settings['bburl']}/member.php?action=register\">{$lang->welcome_register}<\/a>";
// -->
</script>
        <b><span id="quick_login">{$lang->welcome_guest} (<a href="{$mybb->settings['bburl']}/member.php?action=login" onclick="MyBB.quickLogin(); return false;">{$lang->welcome_login}</a> &mdash; <a href="{$mybb->settings['bburl']}/member.php?action=register">{$lang->welcome_register}</a>)</span>
</b></td>
</tr>
</tbody>
</table>
<table class="tborder" border="0" cellspacing="0" cellpadding="0" align="center" style="border-top-width:0px">
<tr align="center">
<td class="tcat" align="center"><div style="text-align: center; font-size: 11px;"><a href="{$mybb->settings['bburl']}/member.php?action=register"><font color="#3C4D81"><b>{$lang->welcome_register}
</b></a></font></td>
<td class="tcat" align="center"><div style="text-align: center; font-size: 11px;"><a href="{$mybb->settings['bburl']}/misc.php?action=help"><font color="#3C4D81"><b>{$lang->toplinks_help}
</b></a></font></td>
<td class="tcat" align="center"><div style="text-align: center; font-size: 11px;"><a href="{$mybb->settings['bburl']}/memberlist.php"><font color="#3C4D81"><b>{$lang->toplinks_memberlist}
</b></a></font></td>
<td class="tcat" align="center"><div style="text-align: center; font-size: 11px;"><a href="{$mybb->settings['bburl']}/calendar.php"><font color="#3C4D81"><b>{$lang->toplinks_calendar}
</b></a></font></td>
</tr>
</table>
</td>
</tr>
</tbody>
</table>

header_welcomeblock_member

Code:

<table border="0" cellspacing="$theme[borderwidth]" cellpadding="$theme[tablespace]" class="tborder">
<tr>

<td class="trow1" width="60%"><navigation>
<td width="21%" class="trow2" style="font-size:11px">
$lang->welcome_back<br />

    


<a href="private.php">$lang->welcome_pms</a> $lang->welcome_pms_usage</td>
</tr>
</table>

<div align="center">
    <table class="tborder" style="border-top-width: 0px;" align="center" border="0" cellpadding="6" cellspacing="0" width="100%">
    <tbody><tr align="center">



<td class="tcat" align="center"><div style="text-align: center; font-size: 11px;"><a href="{$mybb->settings['bburl']}/index.php"><font color="#3C4D81"><b>Home</b></a></font></td>


<td class="tcat" align="center"><div style="text-align: center; font-size: 11px;"><a href="$settings[bburl]/usercp.php"><b><font color="#3C4D81">User Cp</a></b></font></td>



<td class="tcat" align="center"><div style="text-align: center; font-size: 11px;"><a href="search.php?action=getdaily"><b><font color="#ff0000">View Today's Posts </a></b></font></td>


<td class="tcat" align="center"><div style="text-align: center; font-size: 11px;"><a href="$settings[bburl]/search.php"><b><font color="#3C4D81">Search</a></b></font></td>

<td class="tcat" align="center"><div style="text-align: center; font-size: 11px;"><a href="$settings[bburl]/memberlist.php"><b><font color="#3C4D81">$lang->toplinks_memberlist</a></b></font></td>

<td class="tcat" align="center"><div style="text-align: center; font-size: 11px;"><a href="$settings[bburl]/misc.php?action=help"><b><font color="#3C4D81">Help</a></b></font></td>

<td class="tcat" align="center"><div style="text-align: center; font-size: 11px;"><a href="$settings[bburl]/calendar.php"><b><font color="#3C4D81">$lang->toplinks_calendar</a></b></font></td>


<td class="tcat" align="center"><div style="text-align: center; font-size: 11px;"><font color="#3C4D81">$admincplink</font></td>



<td class="tcat" align="center"><div style="text-align: center; font-size: 11px;"><a href="{$mybb->settings['bburl']}/member.php?action=logout&amp;uid={$mybb->user['uid']}&amp;logoutkey={$mybb->user['logoutkey']}"><b><font color="#3C4D81">Log Out</a></b></font></td></a>

</tr>
</table>
</ul>
</div>

header_welcomeblock_member_admin

Code:

<div style="text-align: center; font-size: 11px;"><a href="{$mybb->settings['bburl']}/{$config['admin_dir']}/index.php">{$lang->welcome_admin}</a>

header_welcomeblock_member_moderator

Code:

&mdash; <a href="{$mybb->settings['bburl']}/modcp.php">{$lang->welcome_modcp}</a>

[FirefoxWiz]

Excellent, Daddyo! This will certainly help anyone who wants an VB header for their forum!

Good work!

[vintagedaddyo]

(09-19-2008 07:49 PM)FirefoxWiz Wrote:  Excellent, Daddyo! This will certainly help anyone who wants an VB header for their forum!

Good work!

Yeah it is minus the css styling and or the dd features of the old menu..., but should be easier to update in new dist releases than the old vbnavbar.

[Shaythong]

Looks great, excellent. Much cleaner than the other VBNavBar.

[neovirus]

HI! I have recently modify my forums to make it like vb header basic but the only problems that i am having is a BLANK SPACE BETWEEN my footer can somebody tell me how to remove this SCREEN SHOT is included to understand exactly what i am trying to say.

Thanks in advance

SCREEN SHOT:

[vintagedaddyo]

(09-23-2008 10:34 PM)neovirus Wrote:  HI! I have recently modify my forums to make it like vb header basic but the only problems that i am having is a BLANK SPACE BETWEEN my footer can somebody tell me how to remove this SCREEN SHOT is included to understand exactly what i am trying to say.

Thanks in advance

SCREEN SHOT:

Edit your index boardstats template: find the last

Code:

<br />

and remove.

Edit footer template: find the first

Code:

<br />

and remove

That should kill the gap..., but I would have to look at your customized templates to know if that is all that needs to be changed in your specific theme.

Note: I also noticed on your basic vb header at your bbs that you forgot to upload the nav_end.gif and nav_start.gif images or add your own so that the code works as it was intended.

[Auron]

Is there a way to make it longer on the basis of height?

[vintagedaddyo]

(09-27-2008 01:10 PM)Auron Wrote:  Is there a way to make it longer on the basis of height?

Yeah you could fix the table height and also modify min and max width and or height using css as well you could changhe the trow1 and trow2 to different classes of your choice and then edit the css accordingly to suite your size requirements.

for example open up your themes header_welcomeblock_guest and find:

Code:

<td class="trow1" width="50%"><navigation>

And replace with:

Code:

<td class="trow1" width="50%" height="69px"><navigation>

now open your themes header_welcomeblock_member and find:

Code:

<td class="trow1" width="60%"><navigation>

and replace with:

Code:

<td class="trow1" width="60%" width="69px"><navigation>

Note this is just an example to give you an idea about how to change height and such.

[Auron]

K, thanks. Nice tutorial btw.

[vintagedaddyo]

(09-27-2008 01:24 PM)Auron Wrote:  K, thanks. Nice tutorial btw.

Now if you want to fix the height on the top menu:

Open your themes header_welcomeblock_guest and find:

Code:

<td class="tcat" align="center"><div style="text-align: center; font-size: 11px;"><a href="{$mybb->settings['bburl']}/member.php?action=register"><font color="#3C4D81"><b>{$lang->welcome_register}
</b></a></font></td>
<td class="tcat" align="center"><div style="text-align: center; font-size: 11px;"><a href="{$mybb->settings['bburl']}/misc.php?action=help"><font color="#3C4D81"><b>{$lang->toplinks_help}
</b></a></font></td>
<td class="tcat" align="center"><div style="text-align: center; font-size: 11px;"><a href="{$mybb->settings['bburl']}/memberlist.php"><font color="#3C4D81"><b>{$lang->toplinks_memberlist}
</b></a></font></td>
<td class="tcat" align="center"><div style="text-align: center; font-size: 11px;"><a href="{$mybb->settings['bburl']}/calendar.php"><font color="#3C4D81"><b>{$lang->toplinks_calendar}
</b></a></font></td>

And replace with:

Code:

<td class="tcat" align="center" height="30px"><div style="text-align: center; font-size: 11px;"><a href="{$mybb->settings['bburl']}/member.php?action=register"><font color="#3C4D81"><b>{$lang->welcome_register}
</b></a></font></td>
<td class="tcat" align="center" height="30px"><div style="text-align: center; font-size: 11px;"><a href="{$mybb->settings['bburl']}/misc.php?action=help"><font color="#3C4D81"><b>{$lang->toplinks_help}
</b></a></font></td>
<td class="tcat" align="center" height="30px"><div style="text-align: center; font-size: 11px;"><a href="{$mybb->settings['bburl']}/memberlist.php"><font color="#3C4D81"><b>{$lang->toplinks_memberlist}
</b></a></font></td>
<td class="tcat" align="center" height="30px"><div style="text-align: center; font-size: 11px;"><a href="{$mybb->settings['bburl']}/calendar.php"><font color="#3C4D81"><b>{$lang->toplinks_calendar}
</b></a></font></td>

Now open your themes header_welcomeblock_member and find:

Code:

<td class="tcat" align="center"><div style="text-align: center; font-size: 11px;"><a href="{$mybb->settings['bburl']}/index.php"><font color="#3C4D81"><b>Home</b></a></font></td>


<td class="tcat" align="center"><div style="text-align: center; font-size: 11px;"><a href="$settings[bburl]/usercp.php"><b><font color="#3C4D81">User Cp</a></b></font></td>



<td class="tcat" align="center"><div style="text-align: center; font-size: 11px;"><a href="search.php?action=getdaily"><b><font color="#ff0000">View Today's Posts </a></b></font></td>


<td class="tcat" align="center"><div style="text-align: center; font-size: 11px;"><a href="$settings[bburl]/search.php"><b><font color="#3C4D81">Search</a></b></font></td>

<td class="tcat" align="center"><div style="text-align: center; font-size: 11px;"><a href="$settings[bburl]/memberlist.php"><b><font color="#3C4D81">$lang->toplinks_memberlist</a></b></font></td>

<td class="tcat" align="center"><div style="text-align: center; font-size: 11px;"><a href="$settings[bburl]/misc.php?action=help"><b><font color="#3C4D81">Help</a></b></font></td>

<td class="tcat" align="center"><div style="text-align: center; font-size: 11px;"><a href="$settings[bburl]/calendar.php"><b><font color="#3C4D81">$lang->toplinks_calendar</a></b></font></td>


<td class="tcat" align="center"><div style="text-align: center; font-size: 11px;"><font color="#3C4D81">$admincplink</font></td>



<td class="tcat" align="center"><div style="text-align: center; font-size: 11px;"><a href="{$mybb->settings['bburl']}/member.php?action=logout&amp;uid={$mybb->user['uid']}&amp;logoutkey={$mybb->user['logoutkey']}"><b><font color="#3C4D81">Log Out</a></b></font></td></a>

And replace with:

Code:

<td class="tcat" align="center" height="30px"><div style="text-align: center; font-size: 11px;"><a href="{$mybb->settings['bburl']}/index.php"><font color="#3C4D81"><b>Home</b></a></font></td>


<td class="tcat" align="center" height="30px"><div style="text-align: center; font-size: 11px;"><a href="$settings[bburl]/usercp.php"><b><font color="#3C4D81">User Cp</a></b></font></td>



<td class="tcat" align="center" height="30px"><div style="text-align: center; font-size: 11px;"><a href="search.php?action=getdaily"><b><font color="#ff0000">View Today's Posts </a></b></font></td>


<td class="tcat" align="center" height="30px"><div style="text-align: center; font-size: 11px;"><a href="$settings[bburl]/search.php"><b><font color="#3C4D81">Search</a></b></font></td>

<td class="tcat" align="center" height="30px"><div style="text-align: center; font-size: 11px;"><a href="$settings[bburl]/memberlist.php"><b><font color="#3C4D81">$lang->toplinks_memberlist</a></b></font></td>

<td class="tcat" align="center" height="30px"><div style="text-align: center; font-size: 11px;"><a href="$settings[bburl]/misc.php?action=help"><b><font color="#3C4D81">Help</a></b></font></td>

<td class="tcat" align="center" height="30px"><div style="text-align: center; font-size: 11px;"><a href="$settings[bburl]/calendar.php"><b><font color="#3C4D81">$lang->toplinks_calendar</a></b></font></td>


<td class="tcat" align="center" height="30px"><div style="text-align: center; font-size: 11px;"><font color="#3C4D81">$admincplink</font></td>



<td class="tcat" align="center" height="30px"><div style="text-align: center; font-size: 11px;"><a href="{$mybb->settings['bburl']}/member.php?action=logout&amp;uid={$mybb->user['uid']}&amp;logoutkey={$mybb->user['logoutkey']}"><b><font color="#3C4D81">Log Out</a></b></font></td></a>