Back to vBulletin 4.x Template Modifications

Alternative Header V2
Mod Version: 1.00, by ViciousCode

vB Version: 4.0.x Rating: (6 votes - 4.83 average) Installs: 50
Released: 25 Dec 2009 Last Update: Never Downloads: 7
Not Supported Template Edits Additional Files  

This version does not work with 4.0.1

Pleasse get the Rework 1.1 Version

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

Here is the Alternative Header User Panel V2

Screenshot



Step 1. This MOD is required for this one to work.

Avatar in Header - Avatar in Header

Download this and Install this product.

Step 2. This Goes on the bottom of header include template

Code:
<style type="text/css">
.user-panel {
font-size: 11px;
font-family: Verdana;
color: #FFFFFF;
border: 0px solid;
background: #7192A8 url(images/gradients/gradient-grey-down.png) repeat-x top left;
line-height: 24px;
}
.spiffy{display:block}
.spiffy *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#7192A8}
.spiffy1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #4b6579;
  border-right:1px solid #4b6579;
  background:#607e93}
.spiffy2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #354b5e;
  border-right:1px solid #354b5e;
  background:#648398}
.spiffy3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #648398;
  border-right:1px solid #648398;}
.spiffy4{
  border-left:1px solid #4b6579;
  border-right:1px solid #4b6579}
.spiffy5{
  border-left:1px solid #607e93;
  border-right:1px solid #607e93}
.spiffyfg{
  background:#7192A8 url(images/gradients/gradient-grey-down.png) repeat-x top left}
</style>
Step 3. Edit the header template

Find This

Code:
<vb:if condition="$show['member']">
			<ul class="isuser">
				<li>{vb:rawphrase welcome_x_link_y, {vb:raw bbuserinfo.username}, {vb:link member, {vb:raw bbuserinfo}}}</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><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>
				<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="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>
			<vb:comment><p>{vb:rawphrase last_visited_x_at_y, {vb:raw pmbox.lastvisitdate}, {vb:raw pmbox.lastvisittime}}</p></vb:comment>
		<vb:else />
			<ul class="nouser">
			<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 rel="help" href="faq.php{vb:raw session.sessionurl_q}">{vb:rawphrase help}</a></li>
			</ul>
Updated: Replace with This

Code:
<vb:if condition="$show['member']">
			<ul class="isuser">
<div style="width: 340px;">
  <div class="spiffyfg">
<table border="0" width="auto" cellspacing="0" cellpadding="0" class="user-panel">
	<tr>
		<td width="60" align="center" style="padding: 5px 6px 5px 12px">
		{vb:raw ss_avatar}</td>
		<td style="padding: 5px 12px 5px 6px;" valign="top" align="left">Welcome, <b><a href="{vb:link member, {vb:raw bbuserinfo}}">{vb:raw bbuserinfo.username}</a></b>&nbsp;&nbsp;<font style="padding: 2px 5px 2px 5px; color: #fff; background: #2f4456; text-align: center;"><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}')">X</a></b></font><br>Last Visit: <b>{vb:raw pmbox.lastvisitdate}</b> @ <b>{vb:raw pmbox.lastvisittime}</b><br>
		<vb:if condition="$notifications_total">
				<li style="margin-left: 0px; margin-top: -10px;" class="popupmenu nonotifications" id="nonotifications">
					<font style="padding: 4px; color: #fff; background: #2f4456; width: 200px; text-align: left;"><a class="popupctrl" href="usercp.php{vb:raw session.sessionurl_q}" style="color: #fff; padding: 0px; margin: 0px; padding-right: 15px; background-color: transparent; outline: none;">My Menu - Notifications (<strong>{vb:raw notifications_total}</strong>)</a></font>
					<div class="popupbody popuphover">
						{vb:raw notifications_menubits}
<vb:if condition="$show['admincplink']"><p><a href="admincp/index.php{vb:raw session.sessionurl_q}">{vb:rawphrase admin} Panel</a></p></vb:if>
		<vb:if condition="$show['modcplink']"><p><a href="modcp/index.php{vb:raw session.sessionurl_q}">{vb:rawphrase mod} Panel</p></vb:if>
						<p><a href="{vb:link member, {vb:raw bbuserinfo}}">{vb:rawphrase your_profile}</a></p>
						<p><a href="usercp.php{vb:raw session.sessionurl_q}">{vb:rawphrase control_panel}</a></p>
						<p><a href="private.php{vb:raw session.sessionurl_q}">{vb:rawphrase inbox}</a></p>
					</div>
				</li>
				<vb:else />
				<li style="margin-left: 0px; margin-top: -10px;" class="popupmenu nonotifications" id="nonotifications">
					<font style="padding: 4px; color: #fff; background: #2f4456; width: 200px; text-align: left;"><a class="popupctrl" href="usercp.php{vb:raw session.sessionurl_q}" style="color: #fff; padding: 0px; margin: 0px; padding-right: 15px; background-color: transparent; outline: none;">My Menu</a></font>
					<div class="popupbody popuphover">
<vb:if condition="$show['admincplink']"><p><a href="admincp/index.php{vb:raw session.sessionurl_q}">{vb:rawphrase admin} Panel</a></p></vb:if>
		<vb:if condition="$show['modcplink']"><p><a href="modcp/index.php{vb:raw session.sessionurl_q}">{vb:rawphrase mod} Panel</a></p></vb:if>
						<p><a href="{vb:link member, {vb:raw bbuserinfo}}">{vb:rawphrase your_profile}</a></p>
						<p><a href="usercp.php{vb:raw session.sessionurl_q}">{vb:rawphrase control_panel}</a></p>
<p><a href="private.php{vb:raw session.sessionurl_q}">{vb:rawphrase inbox}</a></p>
						<p>{vb:rawphrase no_new_messages}</p>
					</div>
				</li>
				</vb:if></td>
	</tr>
</table></div>
<b class="spiffy">
  <b class="spiffy5"></b>
  <b class="spiffy4"></b>
  <b class="spiffy3"></b>
  <b class="spiffy2"><b></b></b>
  <b class="spiffy1"><b></b></b></b>
</div>
				<vb:if condition="$show['registerbutton']">
				<li><a href="register.php{vb:raw session.sessionurl_q}" rel="nofollow">{vb:rawphrase register}</a></li>
				</vb:if>				
			</ul>
		<vb:else />
			<ul class="nouser">
			<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 rel="help" href="faq.php{vb:raw session.sessionurl_q}">{vb:rawphrase help}</a></li>
			</ul>
Step 4. Edit navbar_notifications_menubit template

Find This

Code:
<li><a href="{vb:raw notification.link}"><span>{vb:raw notification.total}</span> {vb:raw notification.phrase}</a></li>
Updated: Replace with This

Code:
<p><a href="{vb:raw notification.link}">{vb:raw notification.phrase} (<b>{vb:raw notification.total}</b>)</a></p>
Step 5. Edit Header Padding in StyleVars

Change the bottom padding to 60 or more for the panel to show correctly.

Coming Soon..

JQuery Login Form

Download

No files for download.

Screenshots

Click image for larger version
Name:	vb4_login.jpg
Views:	1846
Size:	32.9 KB
ID:	108519   Click image for larger version
Name:	vb4_login_2.jpg
Views:	1877
Size:	26.2 KB
ID:	108520  

Similar Mods

Miscellaneous Hacks Alternative Header User Info vBulletin 4.x Template Modifications
Major Additions vBFlash Header (Lite) - Alternative to default vBulletin logo/header vBulletin 3.6 Add-ons

vblts.ru supports vBulletin®, 2022-2024