vBulletin LTS

← Back to vBulletin 4.x Template Modifications

Header Rework 4
Mod Version: 2.0, by ViciousCode
vB Version: 4.1.0 Rating: (11 votes - 4.82 average) Installs: 98
Released: 17 Jan 2011 Last Update: Never Downloads: 722
Not Supported Uses Plugins Template Edits External Content  

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>

Download

File Type: %1$s plugin-header-avatar.xml (951 Bytes, 744 downloads)

Screenshots

Click image for larger version Name: header-rework4-ss.jpg Views: 9968 Size: 87.6 KB ID: 125709  

Similar Mods

Mini Mods Advanced Header V2 Rework vBulletin 4.x Template Modifications

vblts.ru supports vBulletin®, 2022-2024