admin
07-03-2010, 07:21 PM
Alternative Header V3
including Avatar & Dropdowns
based on Alternative Header V2 by ViciousCode (http://www.vbulletin.org/forum/showthread.php?t=231122)
Notice: I keep my code updated if there is a need to.
Support my hack!
Mark As Installed (http://www.vbulletin.org/forum/vborg_miscactions.php?do=installhack&threadid=233614) - Nominate For MOTM (http://www.vbulletin.org/forum/vborg_miscactions.php?do=nominate&threadid=233614&type=1)
Actual Screenshot for vB 4.0.1
http://c-arena.com/downloads/headernew.jpg
Step 1.First of all you need this Hack to get the Alternative Header V3 working:
Avatar in Header - http://www.vbulletin.org/forum/showthread.php?t=230415
Download this and Install this product, but DON'T change the header template, or you get the Avatar twice!
Step 2. This goes on the bottom of headinclude 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;
}
.spiffyfg{
background:#7192A8 url(images/gradients/gradient-grey-down.png) repeat-x top left}
</style>
Step 3. - UPDATE Replace the whole header template with the code below (it's the original header template code only added the needed code changes for the Alternative Header V3)
<div class="above_body"> <!-- closing tag is in template navbar -->
<div id="header" class="floatcontainer doc_header">
{vb:raw ad_location.ad_header_logo}
<div><a name="top" href=" " class="logo-image"><img src="{vb:stylevar titleimage}" alt="{vb:rawphrase x_powered_by_vbulletin, {vb:raw vboptions.bbtitle}}" /></a></div>
<div id="toplinks" class="toplinks">
<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">{vb:rawphrase willkommen} <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>{vb:rawphrase last_vis} <b>{vb:raw pmbox.lastvisitdate}</b> {vb:rawphrase at} <b>{vb:raw pmbox.lastvisittime}</b><br>
<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="usercp.php{vb:raw session.sessionurl_q}">{vb:rawphrase header_set}</a></li>
</td>
</tr>
</table></div>
</div>
<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>
<li>
<script type="text/javascript" src="clientscript/vbulletin_md5.js?v={vb:raw vboptions.simpleversion}"></script>
<form action="login.php?{vb:raw session.sessionurl}do=login" method="post" onsubmit="md5hash(vb_login_password, vb_login_md5password, vb_login_md5password_utf, {vb:raw show.nopasswordempty})">
<fieldset id="logindetails" class="logindetails">
<div>
<div>
<input type="text" class="textbox default-value" name="vb_login_username" id="navbar_username" size="10" accesskey="u" tabindex="101" value="<vb:if condition="$username">{vb:raw username}<vb:else />{vb:rawphrase username}</vb:if>" onfocus="if (this.value == '<vb:if condition="$username">{vb:raw username}<vb:else />{vb:rawphrase username}</vb:if>'){this.value=''; this.style.color='black';}" onblur="if (this.value == '') {this.value='<vb:if condition="$username">{vb:raw username}<vb:else />{vb:rawphrase username}</vb:if>'; this.style.color='#828282';}"/>
<input type="password" class="textbox default-value" tabindex="102" name="vb_login_password" id="navbar_password" size="10" onfocus="this.style.color='black';" />
<input type="submit" class="loginbutton" tabindex="104" value="{vb:rawphrase log_in}" title="{vb:rawphrase enter_username_to_login_or_register}" accesskey="s" />
</div>
</div>
</fieldset>
<div id="remember" class="remember">
<label for="cb_cookieuser_navbar"><input type="checkbox" name="cookieuser" value="1" id="cb_cookieuser_navbar" class="cb_cookieuser_navbar" accesskey="c" tabindex="103" /> {vb:rawphrase remember_me}</label>
</div>
<input type="hidden" name="s" value="{vb:raw session.sessionhash}" />
<input type="hidden" name="securitytoken" value="{vb:raw bbuserinfo.securitytoken}" />
<input type="hidden" name="do" value="login" />
<input type="hidden" name="vb_login_md5password" />
<input type="hidden" name="vb_login_md5password_utf" />
</form>
</li>
</ul>
</vb:if>
</div>
<div class="ad_global_header">
{vb:raw ad_location.global_header1}
{vb:raw ad_location.global_header2}
</div>
<hr />
{vb:raw ad_location.ad_header_end}
</div>
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 it with this:
<p><a href="{vb:raw notification.link}">{vb:raw notification.phrase} (<b>{vb:raw notification.total}</b>)</a></p>
Step 5. Upload XML File into "Languages & Phrases" - "Download / Upload Styles" to get all Phrases needed. (CAREFUL: the XML file contains personal translations etc, so you may have to create a backup of you own language first to have your own stuff secured.)
OR
Step 5. Alternative Create 3 phrases ("Languages & Phrases" - "Phrase Manager" - "Add New Phrase") called:
willkommen - for the "Welcome, "
last_vis - for the "Your last visit:"
header_set - for the "Settings"
UPDATE for v1.03 Users:
FIND in the header:
<img src="{vb:stylevar titleimage}" alt="{vb:rawphrase x_powered_by_vbulletin, {vb:raw vboptions.bbtitle}}" />
ADD BEFORE it:
<a name="top" href="{vb:raw vboptions.site_tab_url}{vb:raw session.sessionurl_q}" class="logo-image">
and ADD AFTER it:
</a>
this helps with the "TOP" Issue.
And you are done http://www.vbulletin.org/forum/images/smilies/smile.gif
UPDATE History:
1.00 - Hack released
1.01 - some changes in the Install HOW-TO + language.xml added
1.02 - Style CSS Update (STEP 2)
1.03 - used Phrases explained (STEP 5 Alternative)
1.04 - "TOP" Issue fixed (implemented in STEP 3 + Update HOW-TO for v1.03 Users added) + HOW-TO generally updated
including Avatar & Dropdowns
based on Alternative Header V2 by ViciousCode (http://www.vbulletin.org/forum/showthread.php?t=231122)
Notice: I keep my code updated if there is a need to.
Support my hack!
Mark As Installed (http://www.vbulletin.org/forum/vborg_miscactions.php?do=installhack&threadid=233614) - Nominate For MOTM (http://www.vbulletin.org/forum/vborg_miscactions.php?do=nominate&threadid=233614&type=1)
Actual Screenshot for vB 4.0.1
http://c-arena.com/downloads/headernew.jpg
Step 1.First of all you need this Hack to get the Alternative Header V3 working:
Avatar in Header - http://www.vbulletin.org/forum/showthread.php?t=230415
Download this and Install this product, but DON'T change the header template, or you get the Avatar twice!
Step 2. This goes on the bottom of headinclude 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;
}
.spiffyfg{
background:#7192A8 url(images/gradients/gradient-grey-down.png) repeat-x top left}
</style>
Step 3. - UPDATE Replace the whole header template with the code below (it's the original header template code only added the needed code changes for the Alternative Header V3)
<div class="above_body"> <!-- closing tag is in template navbar -->
<div id="header" class="floatcontainer doc_header">
{vb:raw ad_location.ad_header_logo}
<div><a name="top" href=" " class="logo-image"><img src="{vb:stylevar titleimage}" alt="{vb:rawphrase x_powered_by_vbulletin, {vb:raw vboptions.bbtitle}}" /></a></div>
<div id="toplinks" class="toplinks">
<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">{vb:rawphrase willkommen} <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>{vb:rawphrase last_vis} <b>{vb:raw pmbox.lastvisitdate}</b> {vb:rawphrase at} <b>{vb:raw pmbox.lastvisittime}</b><br>
<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="usercp.php{vb:raw session.sessionurl_q}">{vb:rawphrase header_set}</a></li>
</td>
</tr>
</table></div>
</div>
<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>
<li>
<script type="text/javascript" src="clientscript/vbulletin_md5.js?v={vb:raw vboptions.simpleversion}"></script>
<form action="login.php?{vb:raw session.sessionurl}do=login" method="post" onsubmit="md5hash(vb_login_password, vb_login_md5password, vb_login_md5password_utf, {vb:raw show.nopasswordempty})">
<fieldset id="logindetails" class="logindetails">
<div>
<div>
<input type="text" class="textbox default-value" name="vb_login_username" id="navbar_username" size="10" accesskey="u" tabindex="101" value="<vb:if condition="$username">{vb:raw username}<vb:else />{vb:rawphrase username}</vb:if>" onfocus="if (this.value == '<vb:if condition="$username">{vb:raw username}<vb:else />{vb:rawphrase username}</vb:if>'){this.value=''; this.style.color='black';}" onblur="if (this.value == '') {this.value='<vb:if condition="$username">{vb:raw username}<vb:else />{vb:rawphrase username}</vb:if>'; this.style.color='#828282';}"/>
<input type="password" class="textbox default-value" tabindex="102" name="vb_login_password" id="navbar_password" size="10" onfocus="this.style.color='black';" />
<input type="submit" class="loginbutton" tabindex="104" value="{vb:rawphrase log_in}" title="{vb:rawphrase enter_username_to_login_or_register}" accesskey="s" />
</div>
</div>
</fieldset>
<div id="remember" class="remember">
<label for="cb_cookieuser_navbar"><input type="checkbox" name="cookieuser" value="1" id="cb_cookieuser_navbar" class="cb_cookieuser_navbar" accesskey="c" tabindex="103" /> {vb:rawphrase remember_me}</label>
</div>
<input type="hidden" name="s" value="{vb:raw session.sessionhash}" />
<input type="hidden" name="securitytoken" value="{vb:raw bbuserinfo.securitytoken}" />
<input type="hidden" name="do" value="login" />
<input type="hidden" name="vb_login_md5password" />
<input type="hidden" name="vb_login_md5password_utf" />
</form>
</li>
</ul>
</vb:if>
</div>
<div class="ad_global_header">
{vb:raw ad_location.global_header1}
{vb:raw ad_location.global_header2}
</div>
<hr />
{vb:raw ad_location.ad_header_end}
</div>
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 it with this:
<p><a href="{vb:raw notification.link}">{vb:raw notification.phrase} (<b>{vb:raw notification.total}</b>)</a></p>
Step 5. Upload XML File into "Languages & Phrases" - "Download / Upload Styles" to get all Phrases needed. (CAREFUL: the XML file contains personal translations etc, so you may have to create a backup of you own language first to have your own stuff secured.)
OR
Step 5. Alternative Create 3 phrases ("Languages & Phrases" - "Phrase Manager" - "Add New Phrase") called:
willkommen - for the "Welcome, "
last_vis - for the "Your last visit:"
header_set - for the "Settings"
UPDATE for v1.03 Users:
FIND in the header:
<img src="{vb:stylevar titleimage}" alt="{vb:rawphrase x_powered_by_vbulletin, {vb:raw vboptions.bbtitle}}" />
ADD BEFORE it:
<a name="top" href="{vb:raw vboptions.site_tab_url}{vb:raw session.sessionurl_q}" class="logo-image">
and ADD AFTER it:
</a>
this helps with the "TOP" Issue.
And you are done http://www.vbulletin.org/forum/images/smilies/smile.gif
UPDATE History:
1.00 - Hack released
1.01 - some changes in the Install HOW-TO + language.xml added
1.02 - Style CSS Update (STEP 2)
1.03 - used Phrases explained (STEP 5 Alternative)
1.04 - "TOP" Issue fixed (implemented in STEP 3 + Update HOW-TO for v1.03 Users added) + HOW-TO generally updated