Miscellaneous Hacks - Alternative Header V3

Alternative Header V3
including Avatar & Dropdowns
based on Alternative Header V2 by ViciousCode
Notice: I keep my code updated if there is a need to.

Support my hack!
Mark As Installed - Nominate For MOTM

Actual Screenshot for vB 4.0.1

Step 1.First of all you need this Hack to get the Alternative Header V3 working:

Avatar in Header - https://vborg.vbsupport.ru/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>&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>{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

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

[Datenpapst]

Nope thats part of my header background.

See here: http://testforum.c-arena.com

[ToNetU]

really nice style..
thanks for your help..

[Skyrider]

I just replaced it, and for some odd reason "welcome" and "Last Visit:" are missing.

[Datenpapst]

Thats because you dont use my phrases.

You could create your own ones:

- last_vis
- willkommen

[TheSupportForum]

nice template edits

however their is an issue, the my menu does not appear after replacing the whole header template

in IE8 and IE7 Comptability view
also alignment change when switching between IE8 and IE7 Compatibility view

also checked in Firefox 3.5.4 and Netscape Navigaor 9.0.0.6 please advise

[Skyrider]

EDIT, nevermind, thanks!

[Datenpapst]

Originally Posted by simonhind

nice template edits

however their is an issue, the my menu does not appear after replacing the whole header template

in IE8 and IE7 Comptability view
also alignment change when switching between IE8 and IE7 Compatibility view

also checked in Firefox 3.5.4 and Netscape Navigaor 9.0.0.6 please advise

I removed the "My menu" and replaced it by the original Menu from vb, more professional in my opinion.

[Dr.osamA]

good mod

i use ather header for what i cant use your mod

anyways installed

in test vb4

thanxx
________
KLONOPIN REHAB FORUM

[Skyrider]

Datenpapst, wanted to share when you receive new private messages, within the notification box, the "private messages" text takes up 2 lines instead of 1. Example:

[Datenpapst]

did you change something in my code?

the original code looks like this on my page