How to redo your vBulletin 3.5.0 Navbar in Four Easy Steps!

NavBar Redux
By )O( Cloudrunner )O( of The Noble Pagan

This extension was inspired by the concept provided by Megatekno and his Welcome Panel Script. Unfortunately that script was killing servers, so I took his concept and did a Redux of it using vBresident code as the inspiration for the plug side of the house.

What you need to do

Upload images: 2
(I have provided the blinking PM notification image, you provide the no avatar image, must be named noavatar.gif and both are placed in the ./images/misc/ directory. If you want to not display an avatar without breaking the navbar with a big red "X" then follow the instructions below)

Queries to run: 3
(to add indexes to the user, post, and thread tables to speed up page loads and cut overhead, this is optional, but is reccomended)

File Edits: 0
Template Edits: 2
Plugin XML Import: 1

All done!

Features

• Avatar Display
• Fully Breadcrumb compatible
• Blinking PM notification on new PM (Concept inspiration and HTML code provided by vBulletin.org)
• Collapsible Navbar to hide all that stuff
• Guest message is now in the Navbar, instead of on top of your forums
• Display of new threads since last visit, new posts since last visit, new users registered today, and total registered users visited today.

I think that's it. My users like it, and I hope yours do too.

Page Load and Queries are as follows on a heavy traveled forum:

Originally Posted by The Noble Pagan Forums w/o NavBar

Page generated in 0.11882 seconds with 9 queries

Originally Posted by The Noble Pagan Forums w/ NavBar

Page generated in 0.12219 seconds with 14 queries

If you want to check this and provide me with your results, I would appreciate it!

Love and Light to you all!

)O( Cloudrunner )O(

To disable display of NoAvatar Image

In the plugin NavBar Redux, simply find this code

PHP Code:

$av_url = $stylevar['imgdir_misc'] . '/noavatar.gif'; 


and change it to read

PHP Code:

        $av_url = ''; 


All done, no broken avatar on noavatar users.

To get this to work with vB Advanced CMPS for 3.5.0

In your VBACMPS default settings add the following to your Portal Output Global Variables:

nav_av_image
nav_new_users_today
nav_users_today
nav_new_threads
nav_new_posts
pm_show
pm_tdwidth

All done.

[LWillmann]

Cludrunner, thanks for this! I really like it.

I had an issue with the stock no_avatar.gif file being smaller than the size you specified in the .xml file, and it doesn't stretch very well, so I wrote something to work with avatars that are a different size.

This code change will resize the avatar proportionally if either dimension larger than the set size (I left it set to 100x100), or if it's equal to the set size or smaller, it will use the set size.

To adjust your script to make this work do this:

1) Go to your Admin Control Panel
2) Go to the Plugin manager
3) Choose to edit the Navbar Redux plugin.

Find this code:

PHP Code:

$av_url = fetch_avatar_url($vbulletin->userinfo['userid']); 
    if (!$av_url){ 
        $av_url = $stylevar['imgdir_misc'] . '/noavatar.gif'; 
    } else { 
        $av_url = $vbulletin->options['bburl'] . '/' . $av_url[0]; 
    } 
    $nav_av_image = '<img width="100" height="100" src="'.$av_url.'" border="0">'; 


And replace it with this:

PHP Code:

$av_url = fetch_avatar_url($vbulletin->userinfo['userid']); 
    if (!$av_url){ 
        $av_url = $stylevar['imgdir_misc'] . '/noavatar.gif'; 
    } else { 
        $av_url = $vbulletin->options['bburl'] . '/' . $av_url[0]; 
    } 
    $av_size = GetImageSize($av_url);
    $max_av_disp_height = '100';
    $max_av_disp_width = '100';
    if ($max_av_disp_width < $av_size[0])
    {
    $av_disp_width = $av_size[0]/$max_av_disp_width;
    $av_disp_height = $av_size[1]/$av_disp_width;
    }
    else 
    {
    $av_disp_width = $av_size[0];
    $av_disp_height = $av_size[1];
    }
    if ($max_av_disp_height < $av_size[0])
    {
    $av_disp_height = $av_size[1]/$max_av_disp_height;
    $av_disp_width = $av_size[0]/$av_disp_height;
    }
    else 
    {
    $av_disp_width = $av_size[0];
    $av_disp_height = $av_size[1];
    }
    $nav_av_image = '<img width="'.$av_disp_width.'" height="'.$av_disp_height.'" src="'.$av_url.'" border="0">'; 


This should make the avatar display better. Editing the NAVBAR template after this would allow you to specify that particular cell in the table to be horizontally and vertically centered so that the avatar was centered in the block opening if the Welcome panel is talled than the avatar.

Thanks again!

*Clicks Install