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>

masons · #52 03-03-2011, 12:11 PM

It hovers over my search, how can I change that?

uandhim2 · #53 03-10-2011, 07:08 PM

how do i change the background color of the username?

DS MrSinister · #54 03-10-2011, 08:13 PM

any way to get this mod Ultimate Header Greeting for vB 4 to work with you header rework?

can't figure it out.

Bounce · #55 03-14-2011, 08:48 PM

Quote:

Originally Posted by ViciousCode

Code:

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

Nice, Got that working fine, how do i place an image when a user has a new private message? (along with the text of course)

Edit: Flashing PM Sorted, used https://vborg.vbsupport.ru/showthrea...rivate+message

DjEddie · #56 03-28-2011, 02:12 PM

hi ..got this installed fine ..i just need to know where to change the background color behind the username or where to change the username color and how . please. ..

this is what it looks like:

DS MrSinister · #57 03-29-2011, 04:04 PM

i think you need to change #7192A8 in the css code you have added to vbulletin.css template.

hope this helps.

McAtze · #58 03-29-2011, 05:41 PM

Quote:

Originally Posted by DS MrSinister

any way to get this mod Ultimate Header Greeting for vB 4 to work with you header rework?

can't figure it out.

This is really interesting for me ..

DjEddie · #59 03-29-2011, 08:39 PM

Quote:

Originally Posted by DS MrSinister

i think you need to change #7192A8 in the css code you have added to vbulletin.css template.

hope this helps.

That code is for the main box background color .. i've changed all the other background color codes in the css for it and still no luck .. unless I missed one ...

Gemma · #60 03-29-2011, 08:53 PM

Quote:

Originally Posted by DjEddie

That code is for the main box background color .. i've changed all the other background color codes in the css for it and still no luck .. unless I missed one ...

In your HEADER template find:

Code:

<a class="popupctrl" href="usercp.php{vb:raw session.sessionurl_q}" style="background-color: #2f4456; outline: none;">{vb:raw bbuserinfo.username}</a>

DjEddie · #61 03-29-2011, 10:03 PM

Quote:

Originally Posted by Gemma

In your HEADER template find:

Code:

<a class="popupctrl" href="usercp.php{vb:raw session.sessionurl_q}" style="background-color: #2f4456; outline: none;">{vb:raw bbuserinfo.username}</a>

nice one again Gemma

appreciate the help

X vBulletin 3.8.12 by vBS Debug Information
Page Generation 0.04989 seconds Memory Usage 2,357KB 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 (9)bbcode_code (5)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 (11)post_thanks_box (11)post_thanks_button (1)post_thanks_javascript (1)post_thanks_navbar_search (11)post_thanks_postbit_info (10)postbit (3)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!