DarkNight
01-03-2010, 10:56 AM
Here is the Alternative Header User Panel V2
Screenshot
http://img.solidsyn.net/box/vb4header.png (http://img.solidsyn.net/box/vb4header.png)
Step 1. This MOD is required for this one to work.
Avatar in Header - Tham khảo tại đây (http://itvnn.net/showthread.php?6839-Avatar-in-Header-Hi%E1%BB%87n-Avatar-%E1%BB%9F-%C4%91%E1%BA%A7u-trang-%28Header%29&p=14618#post14618)
Download this and Install this product.
Step 2. This Goes on the bottom of header include template
<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
<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&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>
Replace with This
<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> <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&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 - Inbox (<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></li></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
<li><a href="{vb:raw notification.link}"><span>{vb:raw notification.total}</span> {vb:raw notification.phrase}</a></li>
Replace with This
<p><a href="{vb:raw notification.link}">Unread Message (<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 Effects
Screenshot
http://img.solidsyn.net/box/vb4header.png (http://img.solidsyn.net/box/vb4header.png)
Step 1. This MOD is required for this one to work.
Avatar in Header - Tham khảo tại đây (http://itvnn.net/showthread.php?6839-Avatar-in-Header-Hi%E1%BB%87n-Avatar-%E1%BB%9F-%C4%91%E1%BA%A7u-trang-%28Header%29&p=14618#post14618)
Download this and Install this product.
Step 2. This Goes on the bottom of header include template
<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
<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&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>
Replace with This
<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> <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&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 - Inbox (<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></li></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
<li><a href="{vb:raw notification.link}"><span>{vb:raw notification.total}</span> {vb:raw notification.phrase}</a></li>
Replace with This
<p><a href="{vb:raw notification.link}">Unread Message (<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 Effects