Advanced Header V2 Rework

[admin]

Look at the screenshot below

http://img.photo.zing.vn/file_uploads/gallery/1024x768/2010/01/24/04/17911264324829.png

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

Now its time to edit the templates.

Step 1
Edit headerinclude template

add this at the very bottom

<link rel="stylesheet" href="{vb:raw vboptions.bburl}/clientscript/dropdown.css" type="text/css" />
<script type="text/javascript" src="{vb:raw vboptions.bburl}/clientscript/dropdown.js"></script>

Step 2.

Edit vbulletin.css (inside CSS templates)

add this code at the very bottom

.top-header-info{
position:absolute;
-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;
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;
}

Step 3.

Edit the header template

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**

<div class="top-header-info">
<table border="0">
<tr>
<td width="66" valign="top">{vb:raw header_avatar}</td>
<td valign="top" align="left">Welcome, <b><a href="{vb:link member, {vb:raw bbuserinfo}}" style="color: #FFF; text-decoration: none;">{vb:raw bbuserinfo.username}</a></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}')" style="font-weight: bold; color: #FFF; padding: 2px 4px 2px 4px; background:#2f4456;">X</a><br />
<br />
<b>Last Login:</b> {vb:raw pmbox.lastvisitdate} @ {vb:raw pmbox.lastvisittime}<br />
<vb:if condition="$notifications_total">
<dl class="dropdown">
<dt id="one-ddheader" onmouseover="ddMenu('one',1)" onmouseout="ddMenu('one',-1)"><img src="images/arrowdown.png" border="0" /> User Panel - *New* ({vb:raw notifications_total})</dt>
<dd id="one-ddcontent" onmouseover="cancelHide('one')" onmouseout="ddMenu('one',-1)">
<ul>
{vb:raw notifications_menubits}
<li><a href="{vb:link member, {vb:raw bbuserinfo}}" class="underline">My Profile</a></li>
<li><a href="profile.php?do=editprofile{vb:raw session.sessionurl_q}" class="underline">Edit Profile</a></li>
<li><a href="usercp.php{vb:raw session.sessionurl_q}" class="underline">My Settings</a></li>
<li><a href="profile.php?do=buddylist{vb:raw session.sessionurl_q}" class="underline">Friends & Contacts</a></li>
<li><a href="private.php{vb:raw session.sessionurl_q}">Private Messages</a></li>
</ul>
</dd>
</dl>
<vb:else />
<dl class="dropdown">
<dt id="one-ddheader" onmouseover="ddMenu('one',1)" onmouseout="ddMenu('one',-1)"><img src="images/arrowdown.png" border="0" /> User Panel</dt>
<dd id="one-ddcontent" onmouseover="cancelHide('one')" onmouseout="ddMenu('one',-1)">
<ul>
<li><a href="{vb:link member, {vb:raw bbuserinfo}}" class="underline">My Profile</a></li>
<li><a href="profile.php?do=editprofile{vb:raw session.sessionurl_q}" class="underline">Edit Profile</a></li>
<li><a href="usercp.php{vb:raw session.sessionurl_q}" class="underline">My Settings</a></li>
<li><a href="profile.php?do=buddylist{vb:raw session.sessionurl_q}" class="underline">Friends & Contacts</a></li>
<li><a href="private.php{vb:raw session.sessionurl_q}">Private Messages</a></li>
</ul>
</dd>
</dl>
</vb:if></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

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