vb.org Archive - Miscellaneous Hacks

vb.org Archive (https://vborg.vbsupport.ru/index.php)

- vBulletin 4.x Template Modifications (https://vborg.vbsupport.ru/forumdisplay.php?f=246)

- - Miscellaneous Hacks - Alternative Header V3 (https://vborg.vbsupport.ru/showthread.php?t=233614)

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

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 - 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:

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}">{vb:raw notification.total} {vb:raw notification.phrase}</a></li>

Replace it with this:

HTML Code:

<a href="{vb:raw notification.link}">{vb:raw notification.phrase} ({vb:raw notification.total})</a>

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

really nice! i will give this a try, thanks.

Most users ever online was 284, 09-16-2008 at 09:23 PM

that's what i found in my test forum! i don't think so it was 284 and am sure it's not 2008! because i just made my test forum after 4.0 released :)!
and i have another thing when i use it the box didn't go to right but i found a space between the box and the end of the right!

screenshot: http://img233.imageshack.us/img233/8287/picture2am.png

Ah, damn, in my xml file there are all my phrases so you got my most user online too ;)

Just search in the phrases: most_users_ever_online_was_x_y_at_z and put this code into the English Translation textarea:

HTML Code:

Most users ever online was {1}, {2} at {3}.

oh ya that was i found alot of phrases when i wanted to translate it :P

REAL MY LAST POST AGAIN PLEASE I HAVE UPDATED IT.

Some Changes in Step 2. See if this helps. If not I can also try to take a look at your forum if you give me your login data.

after i did step 2 as you said. see the screenshot: http://img532.imageshack.us/img532/22/picture3t.png

* how can i remove your phrases lol!

actually the space you see is wanted, but its not designed for arabic styles though ^^

for the phrases just search for the text and edit them so you get the original phrases.

what about the top green line in your screen shot? it should be the same with me or what i have is the one i should got?

Nope thats part of my header background.

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

really nice style.. :)
thanks for your help..

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

Thats because you dont use my phrases.

You could create your own ones:

- last_vis
- willkommen

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

EDIT, nevermind, thanks!

Quote:

Originally Posted by simonhind (Post 1961588)

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

good mod

i use ather header for what i cant use your mod

anyways installed

in test vb4

thanxx
________
KLONOPIN REHAB FORUM

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:

did you change something in my code?

the original code looks like this on my page

Quote:

Originally Posted by Datenpapst (Post 1962236)

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.

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

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

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.

which are the differences between alternative header v2?

Quote:

Originally Posted by cloferba (Post 1962509)

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.

UPDATE:

Datenpapst, your replacement of the header template breaks the "TOP" button:
http://img503.imageshack.us/img503/1029/topdo.jpg

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

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

/e: found it. See Update!

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

Alek

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

Quote:

Originally Posted by Datenpapst (Post 1968153)

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

Well the header has a default high, so where do I change it?
tnx

Now is working but I still got one problem. The avatar is 80x80 but in the header is shown 60x60px

Invalid File Specified

what does it mean?

Quote:

Originally Posted by Datenpapst (Post 1968153)

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

Also had this "issue". But really, it should work with the default header size?

Is there any way I can make the corners rounded.

Is there any way you can do this modification more simple? i think is possible...

Or, you can explain what is the change in the header template? cuz i have the header edited... and if i edit my template with your code i get some problems so....

To make the header appears to be more higher
in your cp
Styles & Templates >> Style Manager >> Select you style >> Stylevar >> search about
header_padding
and make it like the attatch

dear :
Thank you for this beautiful add, but I have a problem which is that the picture does not appear ,Although i have the plugin header_avatar ??

how an i change that X with LOGOUT text and put it on left corner on top of the box ?

Well. i have exactly done (i think) whats written, but mine looks.. well, take a look at the attachment.
Using vb 4.0.3 and ff

Quote:

Originally Posted by sKippah (Post 2036347)

Well. i have exactly done (i think) whats written, but mine looks.. well, take a look at the attachment.
Using vb 4.0.3 and ff

Using a small banner?

Phrase Groups Available:

X vBulletin 3.8.12 by vBS Debug Information
Page Generation 0.01462 seconds Memory Usage 1,873KB Queries Executed 10 (?)
More Information
Template Usage: (1)ad_footer_end (1)ad_footer_start (1)ad_header_end (1)ad_header_logo (1)ad_navbar_below (8)bbcode_html_printable (6)bbcode_quote_printable (1)footer (1)gobutton (1)header (1)headinclude (6)option (1)pagenav (1)pagenav_curpage (1)pagenav_pagelink (1)post_thanks_navbar_search (1)printthread (40)printthreadbit (1)spacer_close (1)spacer_open Phrase Groups Available: global postbit showthread	Included Files: ./printthread.php ./global.php ./includes/init.php ./includes/class_core.php ./includes/config.php ./includes/functions.php ./includes/class_hook.php ./includes/modsystem_functions.php ./includes/class_bbcode_alt.php ./includes/class_bbcode.php ./includes/functions_bigthree.php Hooks Called: init_startup init_startup_session_setup_start init_startup_session_setup_complete cache_permissions fetch_threadinfo_query fetch_threadinfo fetch_foruminfo style_fetch cache_templates global_start parse_templates global_setup_complete printthread_start pagenav_page pagenav_complete bbcode_fetch_tags bbcode_create bbcode_parse_start bbcode_parse_complete_precache bbcode_parse_complete printthread_post printthread_complete
Messages: