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

[breamy1990]

Originally Posted by Triky

Do you mean something like a link or what?

yes a link with the amount of new posts if possible

[Triky]

Originally Posted by breamy1990

yes a link with the amount of new posts if possible

For that I think we need an addon. And sorry, I'm not able to do it. :erm:

http://img341.imageshack.us/img341/4615/immagineaa3.jpg

I can do this, if you want.

[breamy1990]

Originally Posted by Triky

For that I think we need an addon. And sorry, I'm not able to do it. :erm:

http://img341.imageshack.us/img341/4615/immagineaa3.jpg

I can do this, if you want.

that is exactly what im aiming to do

[brvheart]

Originally Posted by Triky

Are you using an avatar or not?

yes I am using one lol

[brvheart]

Originally Posted by breamy1990

yes a link with the amount of new posts if possible

you could install one of the "post since last visit" addons then find the used phrase and add it there....

[brvheart]

like this

[Triky]

Originally Posted by brvheart

yes I am using one lol

So.. I don't know why, sincerely!

[breamy1990]

Originally Posted by brvheart

like this

i like that ill have a go at doing it on my test server

[Dark Cynicus!]

looks really good wow