Back to vBulletin 4.x Template Modifications

Alternative Header V3
Mod Version: 1.04, by Datenpapst

vB Version: 4.0.1 Rating: (1 vote - 5.00 average) Installs: 29
Released: 20 Jan 2010 Last Update: 20 Jan 2010 Downloads: 155
Not Supported Uses Plugins Template Edits Re-usable Code Translations  

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!
- http://www.vbulletin.org/forum/vborg_miscactions.php?do=nominate&threadid=233614&type=1

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 - Avatar in Header

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:

HTML 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;
}
.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)

HTML Code:
<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:
HTML Code:
<li><a href="{vb:raw notification.link}"><span>{vb:raw notification.total}</span> {vb:raw notification.phrase}</a></li>
Replace it with this:
HTML Code:
<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:
HTML Code:
<img src="{vb:stylevar titleimage}" alt="{vb:rawphrase x_powered_by_vbulletin, {vb:raw vboptions.bbtitle}}" />
ADD BEFORE it:
HTML Code:
<a name="top" href="{vb:raw vboptions.site_tab_url}{vb:raw session.sessionurl_q}" class="logo-image">
and ADD AFTER it:
HTML Code:
</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

Download

File Type: %1$s alternativeheaderv3_language.xml (98.5 KB, 161 downloads)

Supporters / CoAuthors

  • ViciousCode

Similar Mods

Miscellaneous Hacks Alternative Header User Info vBulletin 4.x Template Modifications
Miscellaneous Hacks Alternative Header V2 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