The Arcive of Official vBulletin Modifications Site.

Advanced Header V2 Rework · **Released**: 01-21-2010

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

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

Code:

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

Add above

Code:

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

Find This

Code:

    <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

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

Code:

    <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

Code:

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

Step 4.

Edit navbar_notifications_menubit template

Replace all with this - Fixed.

Code:

<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

Code:

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

GamerPerfection · #**122** 05-21-2010, 04:24 PM

Ok, so got it on my test site, and IE messes it up a bit....

FireFox

As you can see it all looks good with FireFox.

IE 8 - Without Compatability

As you can see in IE 8 without Compatability View the word "last" is on the end of the whole thing at the top? Also there is apparently a non-existent image trying to appear?

IE 8 - With Compatability

As you can see it gets worse. This is using IE 8 with Compatability View on. What a mess.

Anything i can do to clean up the IE one without affecting it in FF?

Jacob_ITAPros · #**123** 05-21-2010, 04:43 PM

Clarkey25, I had the same issue.

In the .top-header-info css structure, I changed the padding-right to 6px. See if that helps.

GamerPerfection · #**124** 05-21-2010, 07:08 PM

Thanks, Ok well the padding-right was already set to 6px. However, I changed the width:320px to 300px and that moved the "last" on to the correct line. So that's that bit solved.

Now to figure out this white square with the red cross in IE.

EDIT: Of course... i've just figured it out.... there's supposed to be an image there "arrowdown.png" but the link to it isn't right. That's why IE shows the red cross and FF shows nothing.... silly me.

EDIT 2: Fixed.

Now there's only the IE 8 Compatability View problem, but I can live with that for now.

Jacob_ITAPros · #**125** 05-21-2010, 07:13 PM

Quote:

Originally Posted by clarkey25

Thanks, Ok well the padding-right was already set to 6px. However, I changed the width:320px to 300px and that moved the "last" on to the correct line. So that's that bit solved.

Now to figure out this white square with the red cross in IE.

Dangit that was the property. Sorry I gave you the wrong one. As for the the missing pic, check your code in the header for the correct path to the image that you're using.

GamerPerfection · #**126** 05-21-2010, 07:41 PM

Yep sorted the missing image issue.

DX-FMJ · #**127** 05-26-2010, 03:01 AM

First off, awesome mod, had to make a few of my own tweaks but I have ran into a few things I can't figure out.

Attachment 117557

In the picture above, can someone please tell me how do i change this font from grey to white?

Quote:

Originally Posted by Morsolo

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

Mind sharing what you did, and how you did it?

kontagio.us · #**128** 05-26-2010, 08:01 PM

thank you, works perfectly

Alex@Mk3OC · #**129** 05-26-2010, 08:07 PM

Quote:

Originally Posted by DX-FMJ

First off, awesome mod, had to make a few of my own tweaks but I have ran into a few things I can't figure out.

Attachment 117557

In the picture above, can someone please tell me how do i change this font from grey to white?

This is the line you want to look at to change the colour of those:

Code:

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

Afakmax.com · #**130** 05-27-2010, 08:04 PM

good job ... I like it

DX-FMJ · #**131** 05-28-2010, 01:49 AM

Quote:

Originally Posted by Alex@Mk3OC

This is the line you want to look at to change the colour of those:

Code:

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

Thanks for the effort, unfortunately it didn't work, if u look really hard in the screen the "-" is white, your suggestion only changes the dash color

I am using digitalvb morbid blue theme btw.

X vBulletin 3.8.12 by vBS Debug Information
Page Generation 0.07448 seconds Memory Usage 2,360KB Queries Executed 26 (?)
More Information
Template Usage: (1)SHOWTHREAD (1)ad_footer_end (1)ad_footer_start (1)ad_header_end (1)ad_header_logo (1)ad_navbar_below (1)ad_showthread_beforeqr (11)bbcode_code (4)bbcode_quote (1)footer (1)forumjump (1)forumrules (1)gobutton (1)header (1)headinclude (1)modsystem_post (1)navbar (4)navbar_link (120)option (1)pagenav (1)pagenav_curpage (4)pagenav_pagelink (1)pagenav_pagelinkrel (11)post_thanks_box (11)post_thanks_button (1)post_thanks_javascript (1)post_thanks_navbar_search (11)post_thanks_postbit_info (10)postbit (2)postbit_attachment (11)postbit_onlinestatus (11)postbit_wrapper (1)spacer_close (1)spacer_open (1)tagbit_wrapper Phrase Groups Available: global inlinemod postbit posting reputationlevel showthread	Included Files: ./showthread.php ./global.php ./includes/init.php ./includes/class_core.php ./includes/config.php ./includes/functions.php ./includes/class_hook.php ./includes/modsystem_functions.php ./includes/functions_bigthree.php ./includes/class_postbit.php ./includes/class_bbcode.php ./includes/functions_reputation.php ./includes/functions_post_thanks.php Hooks Called: init_startup init_startup_session_setup_start init_startup_session_setup_complete cache_permissions fetch_threadinfo_query fetch_threadinfo fetch_foruminfo style_fetch cache_templates global_start parse_templates global_setup_complete showthread_start showthread_getinfo forumjump showthread_post_start showthread_query_postids showthread_query bbcode_fetch_tags bbcode_create showthread_postbit_create postbit_factory postbit_display_start post_thanks_function_post_thanks_off_start post_thanks_function_post_thanks_off_end post_thanks_function_fetch_thanks_start post_thanks_function_fetch_thanks_end post_thanks_function_thanked_already_start post_thanks_function_thanked_already_end fetch_musername postbit_imicons bbcode_parse_start bbcode_parse_complete_precache bbcode_parse_complete postbit_attachment postbit_display_complete post_thanks_function_can_thank_this_post_start pagenav_page pagenav_complete tag_fetchbit_complete forumrules navbits navbits_complete showthread_complete
Messages:

The Arcive of Official vBulletin Modifications Site.

It is not a VB3 engine, just a parsed copy!