Forum Home Enhancements - [Monkey's Works] - enCoded Navbar v1

[Monkey's Works] - enCoded Navbar v1
by Triky - Web City

Hi there, monkeys! This little template modification will change completely your forum navbar style.

Previews:

• Preview[1]

• Preview[2]

Modification:

In your navbar template:
(AdminCp -> Styles & Templates -> Edit Templates -> Navbar)

Search this:

<if condition="$show['member']">
    
        <td class="alt2" valign="top" nowrap="nowrap">
        <div class="smallfont">
            <strong><phrase 1="$bbuserinfo[username]">$vbphrase[welcome_x]</phrase></strong><br />
            <phrase 1="$pmbox[lastvisitdate]" 2="$pmbox[lastvisittime]">$vbphrase[last_visited_x_at_y]</phrase>
            <if condition="$show['pmstats']"><br /><phrase 1="$vbphrase[unread_x_nav_compiled]" 2="$vbphrase[total_x_nav_compiled]" 3="$session[sessionurl_q]">$vbphrase[private_messages_nav]</phrase></if>
            <if condition="$show['pmwarning']"><br /><strong><phrase 1="$vbphrase[pmpercent_nav_compiled]">$vbphrase[your_pm_box_is_x_full]</phrase></strong></if>
        </div>
        </td>
        
    <else />
        
        <td class="alt2" nowrap="nowrap" style="padding:0px">
            
        <!-- login form -->
        <form action="login.php?do=login" method="post" onsubmit="md5hash(vb_login_password, vb_login_md5password, vb_login_md5password_utf, $show[nopasswordempty])">
        <script type="text/javascript" src="clientscript/vbulletin_md5.js?v=$vboptions[simpleversion]"></script>
        <table cellpadding="0" cellspacing="$stylevar[formspacer]" border="0">
        <tr>
            <td class="smallfont"><label for="navbar_username">$vbphrase[username]</label></td>
            <td><input type="text" class="bginput" style="font-size: 11px" name="vb_login_username" id="navbar_username" size="10" accesskey="u" tabindex="101" value="$vbphrase[username]" onfocus="if (this.value == '$vbphrase[username]') this.value = '';" /></td>
            <td class="smallfont" colspan="2" nowrap="nowrap"><label for="cb_cookieuser_navbar"><input type="checkbox" name="cookieuser" value="1" tabindex="103" id="cb_cookieuser_navbar" accesskey="c" />$vbphrase[remember_me]</label></td>
        </tr>
        <tr>
            <td class="smallfont"><label for="navbar_password">$vbphrase[password]</label></td>
            <td><input type="password" class="bginput" style="font-size: 11px" name="vb_login_password" id="navbar_password" size="10" tabindex="102" /></td>
            <td><input type="submit" class="button" value="$vbphrase[log_in]" tabindex="104" title="$vbphrase[enter_username_to_login_or_register]" accesskey="s" /></td>
        </tr>
        </table>
        <input type="hidden" name="s" value="$session[sessionhash]" />
        <input type="hidden" name="do" value="login" />        
        <input type="hidden" name="vb_login_md5password" />
        <input type="hidden" name="vb_login_md5password_utf" />
        </form>
        <!-- / login form -->
            
        </td>
        
    </if>

And delete it.

Now, below this:

<!-- / breadcrumb, login, pm info -->

Add:

<!-- Coded Navbar -->
<table class="tborder" cellpadding="10" cellspacing="$stylevar[cellspacing]" border="0" width="100%" align="center" style="border-top: 0px;">
<tr>

<if condition="$show['member']">
<td class="alt2" width="7%">

<a href="usercp.php" title=Edit your User Cp"><img src="image.php?u={$bbuserinfo[userid]}" alt="Edit your Avatar" border="0" /></a>

</td>
<td class="alt1" width="93%" cellpadding="5">


<div class="smallfont">

<img src="$stylevar[imgdir_misc]/navbits_start.gif" style="vertical-align:text-bottom;" border="0"  /> <strong><phrase 1="$bbuserinfo[username]">$vbphrase[welcome_x]</phrase></strong><br />

            <img src="$stylevar[imgdir_misc]/navbits_finallink.gif" style="vertical-align:text-bottom;" border="0"  /> <phrase 1="$pmbox[lastvisitdate]" 2="$pmbox[lastvisittime]">$vbphrase[last_visited_x_at_y]</phrase>
            <if condition="$show['pmstats']"><br /><img src="$stylevar[imgdir_misc]/navbits_finallink.gif" style="vertical-align:text-bottom;" border="0"  /> <phrase 1="$vbphrase[unread_x_nav_compiled]" 2="$vbphrase[total_x_nav_compiled]" 3="$session[sessionurl_q]">$vbphrase[private_messages_nav]</phrase></if>
            <if condition="$show['pmwarning']"><br /><strong><img src="$stylevar[imgdir_misc]/navbits_finallink.gif" style="vertical-align:text-bottom;" border="0"  /> <phrase 1="$vbphrase[pmpercent_nav_compiled]">$vbphrase[your_pm_box_is_x_full]</phrase></strong></if>
<br />
<img src="$stylevar[imgdir_misc]/navbits_finallink.gif" style="vertical-align:text-bottom;" border="0"  /> [<a href="search.php?do=getnew" alt=View Today's New Posts>Today's New Posts</a>]

<br />
<br />

<if condition="THIS_SCRIPT != index">

<div class="smallfont">
<img src="$stylevar[imgdir_misc]/navbits_start.gif" style="vertical-align:text-bottom;" border="0"  /> Here you can add your personal message: when not in forumhome, users will see this message.</div>

<else />
<img src="$stylevar[imgdir_misc]/navbits_start.gif" style="vertical-align:text-bottom;" border="0"  /> <strong>$vbphrase[whats_going_on]</strong><br />

<img src="$stylevar[imgdir_misc]/navbits_finallink.gif" style="vertical-align:text-bottom;" border="0"  /> $vbphrase[currently_active_users]</a>: $totalonline (<phrase 1="$numberregistered" 2="$numberguest">$vbphrase[x_members_and_y_guests]</phrase>)        
     <br />
<img src="$stylevar[imgdir_misc]/navbits_finallink.gif" style="vertical-align:text-bottom;" border="0"  /> $vbphrase[threads]: $totalthreads,
                $vbphrase[posts]: $totalposts,
                $vbphrase[members]: $numbermembers<if condition="$show['activemembers']">,
                    <span title="<phrase 1="$vboptions[activememberdays]">$vbphrase[within_the_last_x_days]</phrase>">$vbphrase[active_members]: $activemembers</span></if>
<br />
<img src="$stylevar[imgdir_misc]/navbits_finallink.gif" style="vertical-align:text-bottom;" border="0"  /> <phrase 1="member.php?$session[sessionurl]u=$newuserid" 2="$newusername">$vbphrase[welcome_to_our_newest_member_x]</phrase>
</div>

</if>
<else />
<td class="alt1" style="text-align: center;" width="100%"  cellpadding="5">
<!-- login form -->
        <form action="login.php?do=login" method="post" onsubmit="md5hash(vb_login_password, vb_login_md5password, vb_login_md5password_utf, $show[nopasswordempty])">
        <script type="text/javascript" src="clientscript/vbulletin_md5.js?v=$vboptions[simpleversion]"></script>
        <table cellpadding="0" cellspacing="$stylevar[formspacer]" border="0">
        <tr>
            <td class="smallfont"><label for="navbar_username">$vbphrase[username]</label></td>
            <td><input type="text" class="bginput" style="font-size: 11px" name="vb_login_username" id="navbar_username" size="10" accesskey="u" tabindex="101" value="$vbphrase[username]" onfocus="if (this.value == '$vbphrase[username]') this.value = '';" /></td>
            <td class="smallfont" colspan="2" nowrap="nowrap"><label for="cb_cookieuser_navbar"><input type="checkbox" name="cookieuser" value="1" tabindex="103" id="cb_cookieuser_navbar" accesskey="c" />$vbphrase[remember_me]</label></td>
        </tr>
        <tr>
            <td class="smallfont"><label for="navbar_password">$vbphrase[password]</label></td>
            <td><input type="password" class="bginput" style="font-size: 11px" name="vb_login_password" id="navbar_password" size="10" tabindex="102" /></td>
            <td><input type="submit" class="button" value="$vbphrase[log_in]" tabindex="104" title="$vbphrase[enter_username_to_login_or_register]" accesskey="s" /></td>
        </tr>
        </table>
        <input type="hidden" name="s" value="$session[sessionhash]" />
        <input type="hidden" name="do" value="login" />        
        <input type="hidden" name="vb_login_md5password" />
        <input type="hidden" name="vb_login_md5password_utf" />
        </form>
        <!-- / login form -->
</td>

</if>



</td>
</tr>
</table>
<!-- / Coded Navbar -->

And then, here:

<!-- breadcrumb, login, pm info -->
<table class="tborder" cellpadding="5" cellspacing="$stylevar[cellspacing]" border="0" width="100%" align="center">
<tr>
    <td class="alt1">

Change it to:

    <td class="vbmenu_control" width="100%">

(Check the red part of code)

<!-- ------------------------------[Monkey's Works] - vBulletin.org Releases Archive---------------------------- -->

Modifications

Thread simple Navbar below QuickReply | Text Editor Toolbar Background | User Profile Web Page | Announcements new Table | Registration Button
Styles
Black Web City Style

<!-- / ----------------------------[Monkey's Works] - vBulletin.org Releases Archive---------------------------- -->

All the Best,
Triky
Monkey's Work - Web City Forum Online
http://www.web-city.it/


Request Thread Link

[Triky]

When a user will change avatar, it will need some hours before upgrade.

[Shazz]

Looks very cool
5 Star rating

[Triky]

Thanks, Shazz.

[breamy1990]

thanks for fulfilling my request, look forward to seeing the updates

anyway to add a new posts since last visit ?

[brvheart]

I would love to use this...but I have no many things that have been added to the navbar....it will take a lot of time before I install....but nice work


also avatar is not working when I added a child style to see what this would look like....

[ra7al]

i'll test it

[Triky]

Originally Posted by breamy1990

thanks for fulfilling my request, look forward to seeing the updates

anyway to add a new posts since last visit ?

Do you mean something like a link or what?

Originally Posted by brvheart

also avatar is not working when I added a child style to see what this would look like....

If you have no selected an avatar, it will show nothing. If you change your avatar, as said in the second post, it will take some hours before upgrade (it's a cookie/chace problem).

[brvheart]

never changed it, added a child of a existing style and used your navbar...but no avatar showed up.

[Triky]

Originally Posted by brvheart

never changed it, added a child of a existing style and used your navbar...but no avatar showed up.

Are you using an avatar or not?