Mini Mods - Advanced Header V2 Rework

NEW Version works with version 4.0.8 and above!

Check Out The New Version

-------------------------------------------------------------------------

Sorry for the long wait, but here is the working and better version of Advanced Header v2

this version will work on 4.0.1 + Up

Look at the screenshot below

First upload the files from the archive to the correct folders in your forum.

Now its time to edit the templates.

Step 1.

Upload the files to the image directory.


Step 2.

Edit vbulletin.css (inside CSS templates)

add this code at the very bottom

.top-header-info{
	position:absolute;
	z-index: 2000;
	top:0px;
	right:0px;
	padding-left: 12px;
	padding-top: 8px;
	padding-right: 6px;
	padding-bottom: 0px;
	margin-top: -0px;
	height: 85px;
	width:320px;
	color:#FFFFFF;
	background: #7192A8 url(images/gradients/gradient-grey-down.png) top left repeat-x;
	font: 12px verdana;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius-topright: 0px;
	-webkit-border-radius-top-right: 0px;
	-moz-border-radius-topleft: 0px;
	-webkit-border-radius-top-left: 0px;
	-moz-border-topright-radius: 0px;
	-webkit-border-top-right-radius: 0px;
	-moz-border-topleft-radius: 0px;
	-webkit-border-top-left-radius: 0px;
}

#one-ddcontent li a:link{
    color: #000000;
}
#one-ddcontent li a:hover{
    color: #FFFFFF;
}

Step 3.

Edit the header template

Find This

<div class="above_body"> <!-- closing tag is in template navbar -->
<div id="header" class="floatcontainer doc_header">

Add above

<script type="text/javascript" src="images/dropdown.js"></script>
<link rel="stylesheet" href="images/dropdown.css" type="text/css" />

Find This

    <ul class="isuser">
                <li><a href="login.php?{vb:raw session.sessionurl}do=logout&amp;logouthash={vb:raw bbuserinfo.logouthash}" onclick="return log_out('{vb:rawphrase sure_you_want_to_log_out}')">{vb:rawphrase log_out}</a></li>
                <vb:if condition="$show['registerbutton']">
                <li><a href="register.php{vb:raw session.sessionurl_q}" rel="nofollow">{vb:rawphrase register}</a></li>
                </vb:if>                
                <li><a href="usercp.php{vb:raw session.sessionurl_q}">{vb:rawphrase control_panel}</a></li>
                <li><a href="{vb:link member, {vb:raw bbuserinfo}}">{vb:rawphrase your_profile}</a></li>
                <vb:if condition="$notifications_total">
                <li class="popupmenu notifications" id="notifications">
                    <a class="popupctrl" href="usercp.php{vb:raw session.sessionurl_q}">{vb:rawphrase your_notifications}: <span class="notifications-number"><strong>{vb:raw notifications_total}</strong></span></a>
                    <ul class="popupbody popuphover">
                        {vb:raw notifications_menubits}
                    </ul>
                </li>
                <vb:else />
                <li class="popupmenu nonotifications" id="nonotifications">
                    <a class="popupctrl" href="usercp.php{vb:raw session.sessionurl_q}">{vb:rawphrase your_notifications}</a>
                    <div class="popupbody popuphover">
                        <p>{vb:rawphrase no_new_messages}</p>
                        <p><a href="private.php{vb:raw session.sessionurl_q}">{vb:rawphrase inbox}</a></p>
                    </div>
                </li>
                </vb:if>
                <li class="welcomelink">{vb:rawphrase welcome_x_link_y, {vb:raw bbuserinfo.username}, {vb:link member, {vb:raw bbuserinfo}}}</li>
            </ul>
            <vb:comment><p>{vb:rawphrase last_visited_x_at_y, {vb:raw pmbox.lastvisitdate}, {vb:raw pmbox.lastvisittime}}</p></vb:comment>

Replace with this ** Updated** 1.5 - New Version

<div class="top-header-info">
<table border="0">
  <tr>
    <td width="66" valign="top" style="padding-top: 1px;">{vb:raw header_avatar}</td>
    <td valign="top" align="left"><vb:if condition="$notifications_total">
<dl class="th-dropdown">
  <dt id="one-ddheader" onmouseover="ddMenu('one',1)" onmouseout="ddMenu('one',-1)"><img src="images/arrowdown.png" border="0" /> {vb:raw bbuserinfo.username} - ({vb:raw notifications_total})</dt>
  <dd id="one-ddcontent" onmouseover="cancelHide('one')" onmouseout="ddMenu('one',-1)">
    <ul>
{vb:raw notifications_menubits}
<vb:else />
      <dl class="th-dropdown">
  <dt id="one-ddheader" onmouseover="ddMenu('one',1)" onmouseout="ddMenu('one',-1)"><img src="images/arrowdown.png" border="0" /> {vb:raw bbuserinfo.username}</dt>
  <dd id="one-ddcontent" onmouseover="cancelHide('one')" onmouseout="ddMenu('one',-1)">
    <ul>
</vb:if>
      <li><a href="{vb:link member, {vb:raw bbuserinfo}}" class="th-underline">My Profile</a></li>
      <li><a href="profile.php?do=editprofile{vb:raw session.sessionurl_q}" class="th-underline">Edit Profile</a></li>
      <li><a href="usercp.php{vb:raw session.sessionurl_q}" class="th-underline">My Settings</a></li>
      <li><a href="profile.php?do=buddylist{vb:raw session.sessionurl_q}" class="th-underline">Friends & Contacts</a></li>
      <li><a href="private.php{vb:raw session.sessionurl_q}">Private Messages</a></li>
    </ul>
  </dd>
</dl><div style="margin: 0px 0px 7px 0px; font-size: 11px;"><b>Last Login:</b> {vb:raw pmbox.lastvisitdate} @ {vb:raw pmbox.lastvisittime}</div>
<div style="width: 194px; color: #FFF; padding: 4px 4px 4px 4px; background:#2f4456; font-size: 11px;"><b><a rel="help" href="faq.php{vb:raw session.sessionurl_q}">Get Help</a><b>&nbsp;-&nbsp;<b><a href="login.php?{vb:raw session.sessionurl}do=logout&amp;logouthash={vb:raw bbuserinfo.logouthash}" onclick="return log_out('{vb:rawphrase sure_you_want_to_log_out}')">Logout</a></b></div></td></tr>
</table>
</div>

Find This (Only f your logo height is small as 45 pixels)

    <div class="ad_global_header">
        {vb:raw ad_location.global_header1}
        {vb:raw ad_location.global_header2}
    </div>
    <hr />
    {vb:raw ad_location.ad_header_end}

Add Below

<vb:if condition="$show['member']"><div style="height: 50px"></div></vb:if>

Step 4.

Edit navbar_notifications_menubit template

Replace all with this - Fixed.

<li><a href="{vb:raw notification.link}" class="th-underline">{vb:raw notification.phrase} ({vb:raw notification.total})</a></li>

Optional (Add the admin and mod links)

add This above My Profile link

<vb:if condition="$show['admincplink']"><li><a href="{vb:raw admincpdir}/index.php{vb:raw session.sessionurl_q}" class="th-underline">Admin cPanel</a></li></vb:if>
<vb:if condition="$show['modcplink']"><li><a href="{vb:raw modcpdir}/index.php{vb:raw session.sessionurl_q}" class="th-underline">Mod cPanel</a></li></vb:if>

[gruftiradio]

Hello,

great mod! It works all... only my header is at the ride side of the Window, not centered. Please look at www.gruftiradio.de
How do I fix it?

Greetings,
Andreas

[Da-Vinci]

I had to do quite a bit of editing to get mine looking right but it looks good now, thanks for this it looks great on my forum. Installed and rated 5





Demo: www.nzb-forum.com

[baghdad4ever]

it doesnt work in arabic forum with ads in header

any fixation ?

thanks

[Morsolo]

Yeah, I edited mine up a fair bit to get to look right as well. Still a brilliant piece of work though.

Could I request a script or something that flashes the username bar red (or turns it to a different colour) when the user has a notification? I think the "- (1)" isn't really enough to attract attention.
Nevermind, figured it out, simple enough

[gruftiradio]

I still have the problem, that the header with this, is not centered. I can't find a solution... what could it be?

[Razfaz]

Hi,
is it possible to show the posts or threads awaiting for moderation for the Mods?
Like the private messages!

[dtommy79]

Hi,

Is the install the same if you have facebook connect enabled?

+

I have a white vertical line next to the dropdown. Check the attached image.

How can i remove it?

[Alex@Mk3OC]

The code needs to be added into the mod header tempate code for the facebook connect button, I have done it on my test site, but it's not enabled yet so haven't been able to test it

[Alex@Mk3OC]

To add the FB Connect button in from VB 4.0.3 use this in your vbulletin.css instead of what's in the first post:

PHP Code:

.top-header-info{
    position:absolute;
    z-index: 2000;
    top:0px;
    right:0px;
    padding-left: 12px;
    padding-top: 8px;
    padding-right: 6px;
    padding-bottom: 0px;
    margin-top: -0px;
    height: 95px;
    width:320px;
    color:#FFFFFF;
    background: #7192A8 url(images/gradients/gradient-grey-down.png) top left repeat-x;
    font: 12px verdana;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius-topright: 0px;
    -webkit-border-radius-top-right: 0px;
    -moz-border-radius-topleft: 0px;
    -webkit-border-radius-top-left: 0px;
    -moz-border-topright-radius: 0px;
    -webkit-border-top-right-radius: 0px;
    -moz-border-topleft-radius: 0px;
    -webkit-border-top-left-radius: 0px;
}

#one-ddcontent li a:link{
    color: #000000;
}
#one-ddcontent li a:hover{
    color: #FFFFFF;
} 


Then in your header template use this code instead of the on in the first post:

PHP Code:

<div class="top-header-info">
<table border="0">
  <tr>
    <td width="66" valign="top" style="padding-top: 1px;">{vb:raw header_avatar}</td>
    <td valign="top" align="left"><vb:if condition="$notifications_total">
<dl class="th-dropdown">
  <dt id="one-ddheader" onmouseover="ddMenu('one',1)" onmouseout="ddMenu('one',-1)"><img src="images/arrowdown.png" border="0" /> {vb:raw bbuserinfo.username} - ({vb:raw notifications_total})</dt>
  <dd id="one-ddcontent" onmouseover="cancelHide('one')" onmouseout="ddMenu('one',-1)">
    <ul>
{vb:raw notifications_menubits}
<vb:else />
      <dl class="th-dropdown">
  <dt id="one-ddheader" onmouseover="ddMenu('one',1)" onmouseout="ddMenu('one',-1)"><img src="images/arrowdown.png" border="0" /> {vb:raw bbuserinfo.username}</dt>
  <dd id="one-ddcontent" onmouseover="cancelHide('one')" onmouseout="ddMenu('one',-1)">
    <ul>
</vb:if>
      <li><a href="{vb:link member, {vb:raw bbuserinfo}}" class="th-underline">My Profile</a></li>
      <li><a href="profile.php?do=editprofile{vb:raw session.sessionurl_q}" class="th-underline">Edit Profile</a></li>
      <li><a href="usercp.php{vb:raw session.sessionurl_q}" class="th-underline">My Settings</a></li>
      <li><a href="profile.php?do=buddylist{vb:raw session.sessionurl_q}" class="th-underline">Friends & Contacts</a></li>
      <li><a href="private.php{vb:raw session.sessionurl_q}">Private Messages</a></li>
    </ul>
  </dd>
</dl><div style="margin: 0px 0px 7px 0px; font-size: 11px;"><b>Last Login:</b> {vb:raw pmbox.lastvisitdate} @ {vb:raw pmbox.lastvisittime}</div>
<div style="width: 194px; color: #FFF; padding: 4px 4px 4px 4px; background:#2f4456; font-size: 11px;"><b><vb:if condition="$vboptions['enablefacebookconnect']">
                    {vb:raw facebook_header}
                </vb:if><a rel="help" href="support.php{vb:raw session.sessionurl_q}">Help</a>&nbsp;-&nbsp;<a href="login.php?{vb:raw session.sessionurl}do=logout&amp;logouthash={vb:raw bbuserinfo.logouthash}" onclick="return log_out('{vb:rawphrase sure_you_want_to_log_out}')">Logout</a></b></div></td></tr>
</table>
</div> 


Also find the facebook_header template and remove:

PHP Code:

<li id="fb_headerbox"> 


and

PHP Code:

</li> 


[dtommy79]

Thnks,

Any idea why this white column is in the dropdown?