The Arcive of Official vBulletin Modifications Site.

Header Rework 4 · **Released**: 01-16-2011

This is a brand new version of Advanced Header V2 Rework

This is for vB4.1 & Up. So lets get started.

Upload Plugin: plugin-header-avatar.xml

Edit Template: header

Find

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>
					<ul class="popupbody popuphover">
						<li>{vb:rawphrase no_new_messages}</li>
						<li><a href="private.php{vb:raw session.sessionurl_q}">{vb:rawphrase inbox}</a></li>
					</ul>
				</li>
				</vb:if>
				<li class="welcomelink">{vb:rawphrase welcome_x_link_y, {vb:raw bbuserinfo.username}, {vb:link member, {vb:raw bbuserinfo}}}</li>
				<vb:if condition="$vboptions['enablefacebookconnect']">
					{vb:raw facebook_header}
				</vb:if>
			</ul>
            {vb:raw template_hook.header_userinfo}
			<vb:comment><p>{vb:rawphrase last_visited_x_at_y, {vb:raw pmbox.lastvisitdate}, {vb:raw pmbox.lastvisittime}}</p></vb:comment>

Replace with...

Code:

<div class="top-header-info">
<table border="0">
  <tr>
    <td width="66" valign="top" style="padding-top: 0px; padding-bottom: 10px; font-size: 11px;">
<vb:if condition="$vboptions['enablefacebookconnect']">
<vb:if condition="$show['facebookuser']">
<a id="fb_link" href="http://www.facebook.com/profile.php?id={vb:raw bbuserinfo.fbuserid}" target="_blank" style="outline: none;"><img id="fb_squarepic" width="70" height="70" style="border: 2px solid #a2c1de; margin-right: 10px; outline: none; margin-bottom: 0px; background-color: #FFF;" alt="{vb:raw bbuserinfo.fbname}" src="https://graph.facebook.com/{vb:raw bbuserinfo.fbuserid}/picture?type=square" /><img id="fb_icon" width="14" height="14" alt="Facebook Connected: {vb:raw bbuserinfo.fbname}" src="{vb:stylevar imgdir_misc}/facebook.gif" /></a>
<vb:else />
{vb:raw header_avatar}
</vb:if>
</vb:if>
</td>
<td valign="top" align="left" style="padding-left: 8px; float: left;">
			<div style="float: left; margin-left: -5px;"><ul class="isuser">
<li class="popupmenu nonotifications" id="nonotifications">
					<a class="popupctrl" href="usercp.php{vb:raw session.sessionurl_q}" style="background-color: #2f4456; outline: none;">{vb:raw bbuserinfo.username}</a>
					<ul class="popupbody popuphover" style="position: absolute !important;
left: -65px !important;">
<vb:if condition="$vboptions['enablefacebookconnect']">
<vb:if condition="$show['facebookuser']">
<vb:else />
<li><a id="fb_loginbtn" href="#" class="fbpp-link">Login with Facebook</li>
</vb:if>
</vb:if>
<vb:if condition="$notifications_total">
						{vb:raw notifications_menubits}
</vb:if>
<li><a href="private.php{vb:raw session.sessionurl_q}">{vb:rawphrase inbox}</a></li>
<li><a href="{vb:link member, {vb:raw bbuserinfo}}">{vb:rawphrase your_profile}</a></li>
<li><a href="usercp.php{vb:raw session.sessionurl_q}">{vb:rawphrase control_panel}</a></li>
<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>
					</ul>
				</li>
<li class="welcomelink">Welcome, </li></ul></div>
			{vb:raw template_hook.header_userinfo}
<p style="font-size: 11px; margin-top: 10px; float: left; text-align: left; margin-bottom: 10px;">
<b>Post Count:</b> {vb:raw bbuserinfo.posts}<br><br><b>Last Visit:</b> {vb:raw pmbox.lastvisitdate} @ {vb:raw pmbox.lastvisittime}
</p>
</td></tr></table>
</div>

Add the following css code on the bottom of : vbulletin.css

Code:

.top-header-info{
position:absolute;
z-index: 2000;
top:0px;
right:-20px;
padding-left: 12px;
padding-top: 8px;
padding-right: 6px;
padding-bottom: 0px;
margin-top: -0px;
height: auto;
width:320px;
color:#FFFFFF;
background: #7192A8 url(images/gradients/gradient-grey-down.png) top left repeat-x;
font: 12px verdana;
-webkit-border-bottom-left-radius: 8px;
-moz-border-radius-bottomleft: 8px;
border-bottom-left-radius: 8px;
border-left: 2px solid #a2c1de;
border-right: 0px solid #a2c1de;
border-bottom: 2px solid #a2c1de;
-moz-box-shadow: 0 0 0px #888;
-webkit-box-shadow: 0 0 0px#888;
box-shadow: 0 0 0px #888;
}

#fb_icon {
margin-right: 11px !important;
margin-top: -17px !important;
margin-bottom: 2px !important;
z-index: 10000 !important;
}


.fbpp-link {
background-color: #3b5998 !important;
outline: none; color: #FFF !important; 
text-decoration: none !important; 
text-align: center !important;
}

.fbpp-link:hover {
background-color: #627aad !important;
}

.fbpp-link:active {
background-color: #2a4280 !important;
}

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

If you have facebook integration disabled.

Part 1

Replace the following in header template

Code:

<vb:if condition="$vboptions['enablefacebookconnect']">
<vb:if condition="$show['facebookuser']">
<a id="fb_link" href="http://www.facebook.com/profile.php?id={vb:raw bbuserinfo.fbuserid}" target="_blank" style="outline: none;"><img id="fb_squarepic" width="70" height="70" style="border: 2px solid #a2c1de; margin-right: 10px; outline: none; margin-bottom: 0px; background-color: #FFF;" alt="{vb:raw bbuserinfo.fbname}" src="https://graph.facebook.com/{vb:raw bbuserinfo.fbuserid}/picture?type=square" /><img id="fb_icon" width="14" height="14" alt="Facebook Connected: {vb:raw bbuserinfo.fbname}" src="{vb:stylevar imgdir_misc}/facebook.gif" /></a>
<vb:else />
{vb:raw header_avatar}
</vb:if>
</vb:if>

With...

Code:

{vb:raw header_avatar}

Part 2

Find & Remove the following in header template

Code:

<vb:if condition="$vboptions['enablefacebookconnect']">
<vb:if condition="$show['facebookuser']">
<vb:else />
<li><a id="fb_loginbtn" href="#" class="fbpp-link">Login with Facebook</li>
</vb:if>
</vb:if>

Juggernaut · #2 01-17-2011, 01:53 AM

It looks awesome, tagged for later.

fluidswork · #3 01-17-2011, 04:30 AM

Nice addon ..... this will give every forum a nice look......

CRDeveloper · #4 01-17-2011, 09:01 AM

Installed! Very nice! Thanks!

Skyrider · #5 01-17-2011, 11:45 PM

Installed, very nice! But when I receive a private message or a new profile comment, it won't show up on the main page until I select my own nickname for the menu to show up. Anyway for a better notification?

ViciousCode · #6 01-18-2011, 09:19 AM

Quote:

Originally Posted by FF|Skyrider

Installed, very nice! But when I receive a private message or a new profile comment, it won't show up on the main page until I select my own nickname for the menu to show up. Anyway for a better notification?

here is a fix for that... you cant add it next to your name because the button will be longer.

but you can add it below it, above the post count!

its fairly simple!

add this above the post count in the header template...

Code:

<vb:if condition="$notifications_total">
<b>{vb:rawphrase your_notifications}</b>
<br>
{vb:raw notifications_menubits}
<br><br>
</vb:if>

and above it in the drop down

Code:

find and replace with
<li>{vb:raw notifications_menubits}</li>

edit the navbar_notifications_menubit template

remove the li tag from the link

LoneWolf71 · #7 01-18-2011, 03:24 PM

looks horrible with a black or dark template, anyway to change the BG color?

Skyrider · #8 01-18-2011, 06:08 PM

Quote:

Originally Posted by ViciousCode

here is a fix for that... you cant add it next to your name because the button will be longer.

but you can add it below it, above the post count!

its fairly simple!

add this above the post count in the header template...

Code:

<vb:if condition="$notifications_total">
<b>{vb:rawphrase your_notifications}</b>
<br>
{vb:raw notifications_menubits}
<br><br>
</vb:if>

and above it in the drop down

Code:

find and replace with
<li>{vb:raw notifications_menubits}</li>

edit the navbar_notifications_menubit template

remove the li tag from the link

Mind repeating that? I'm rather confused about the last part.

ViciousCode · #9 01-18-2011, 06:57 PM

Quote:

Originally Posted by LoneWolf71

looks horrible with a black or dark template, anyway to change the BG color?

bg color of what the top header info div? its in the css

find .top-header-info{ and edit

Code:

background: #7192A8 url(images/gradients/gradient-grey-down.png) top left repeat-x;

// change the border colors
border-left: 2px solid #a2c1de;
border-right: 0px solid #a2c1de;
border-bottom: 2px solid #a2c1de;

---------

Find

Code:

<vb:if condition="$notifications_total">
						{vb:raw notifications_menubits}
</vb:if>
<li><a href="private.php{vb:raw session.sessionurl_q}">{vb:rawphrase inbox}</a></li>

replace this

Code:

{vb:raw notifications_menubits}

with this

Code:

<li>{vb:raw notifications_menubits}</li>

horussjr · #10 01-18-2011, 07:39 PM

tried on gametime style and it smases it. maybe on the default it is working but i don't user that. even that, great great mod

X vBulletin 3.8.12 by vBS Debug Information
Page Generation 0.05246 seconds Memory Usage 2,345KB Queries Executed 24 (?)
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 (14)bbcode_code (3)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 (2)pagenav_pagelink (1)pagenav_pagelinkrel (10)post_thanks_box (10)post_thanks_button (1)post_thanks_javascript (1)post_thanks_navbar_search (10)post_thanks_postbit_info (9)postbit (2)postbit_attachment (10)postbit_onlinestatus (10)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!