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>

[PixelFx]

works great, thanks

[SSJB_7]

Originally Posted by ViciousCode

add this after class="underline"

style="color: #000;"

so it will look like this

<li><a href="{vb:link member, {vb:raw bbuserinfo}}" class="underline" style="color: #000;">My Profile</a></li>
<li><a href="profile.php?do=editprofile{vb:raw session.sessionurl_q}" class="underline" style="color: #000;">Edit Profile</a></li>
<li><a href="usercp.php{vb:raw session.sessionurl_q}" class="underline" style="color: #000;">My Settings</a></li>
<li><a href="profile.php?do=buddylist{vb:raw session.sessionurl_q}" class="underline" style="color: #000;">Friends & Contacts</a></li>
<li><a href="private.php{vb:raw session.sessionurl_q}" style="color: #000;">Private Messages</a></li>

I tried it because i had the same problem but with all my links (all where invisible) and after that only private meassages are shown without mouse over!!!

Ok i fix it i don't know why , i had it twice and i had to put it twice!!!

But in your previous version as admin could see my admincp , can we add it now , it was very good to be possible for me and mods to connect through your mod!!!!

[SSJB_7]

Omg i opened I.E 6 AND I.E 7 to check it and was looking like this



PLS help me...

[ViciousCode]

why are you even using ie6 and ie7 in the first place?

[Datenpapst]

good question

[Alex@Mk3OC]

Originally Posted by SSJB_7

Omg i opened I.E 6 AND I.E 7 to check it and was looking like this



PLS help me...

Yep get this in IE7 here as well, works fine in IE8 and FF though, but a lot of our users use IE7 still

[Alex@Mk3OC]

Also just fyi I added the code that was supposed to go in vbulletin.css into my additional.css (lynne's mod) and it works fine. Only did it as it meant it was one less template I'd need to worry about when i update vBulletin

[SSJB_7]

Originally Posted by Alex@Mk3OC

Yep get this in IE7 here as well, works fine in IE8 and FF though, but a lot of our users use IE7 still

Same answer here, i think that we make it not only for us but for our users only and should be good functioning for everyone, it's not everyone advanced internet user....
So can we fix it?

Also what i have to add in order to have (only for admins and moderators) the admincp and modcp?

[Alex@Mk3OC]

Originally Posted by SSJB_7

Same answer here, i think that we make it not only for us but for our users only and should be good functioning for everyone, it's not everyone advanced internet user....
So can we fix it?

Also what i have to add in order to have (only for admins and moderators) the admincp and modcp?

I agree this needs to work in IE7 at the very least as it is still a widely used browser, hopefully the author can fix this for us, otherwise I'll have to uninstall it

Having the modcp/admincp link display is a good idea

[nitra1000]

Originally Posted by ViciousCode

why are you even using ie6 and ie7 in the first place?

What a stupid question, with around 50% of users still on IE and a decent % of them on IE7 or less we need to support it.

It's not the administrators this mod is for, it's for everyone who takes the time to register with us.

I can't beleive you didn't bother to test your code in IE6/7... makes me wonder what other browsers you didn't test.

Safari?
Chrome?
Opera?

Also I beleive the white links are coming from the styleVars (mine were).