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

[Skyrider]

Originally Posted by Datenpapst

did you change something in my code?

the original code looks like this on my page

I haven't changed anything in the code except that I added "welcome & Last visit" manually with text.

[Datenpapst]

if you'd like i can take a look at your code. just send me login data via pm.

[TheLastSuperman]

Daten,

I did not see where Vicious had marked his modification as "Re-Usable Code" and I do not see any statements in your mod stating he agreed to use of snippets of his code so can you verify this is not just another release of a smiliar mod which could have been updated... in fact he's in the process of updating it for 4.0.1 so....

I just need an explanation plain and simple as to what's going on here?

Edit: Sorry not trying to be a pest but I think you simply used the code and listed him as a supporter/co-author and his mod needs to actually say "Re-Usable Code" or he must give you permission to do this and based on him IM'ing me late at night asking about an alignment issue and wanting to update his I don't think you went about this the right way otherwise I would not have received that IM on messenger as he would have simply collaborated with you but again I simply think you are mistaken on how things are supposed to work around here in terms of re-releasing codes by another coder and his mod is not marked as Re-Usable Code: https://vborg.vbsupport.ru/showthread.php?t=231122

Thanks

Mike

[Datenpapst]

Hmm v2 is also based on another mod without reusable code. Just wanted to give users a working vb 4.0.1 Version with an alternation using a different dropdown menu.

[cloferba]

which are the differences between alternative header v2?

[Skyrider]

Originally Posted by cloferba

which are the differences between alternative header v2?

v2 doesn't work properly with 4.0.1 of vB4. It has some slight visible issues. This one has that fixed, and has a new menu added separated from the notifications.

[Skyrider]

UPDATE:

Datenpapst, your replacement of the header template breaks the "TOP" button:


I confirmed this by changing back the header template to default, and the TOP worked again.

[Datenpapst]

OK will look into this. just a small tag missing i think ^^

/e: found it. See Update!

[Demo16]

Daten it seems a nice mod but I got one problem see attachment.

Alek

[Datenpapst]

seems like your header is to small. you will have to make it higher