Alternative Header V2

[ViciousCode]

This version does not work with 4.0.1

Pleasse get the Rework 1.1 Version (https://vborg.vbsupport.ru/showthread.php?t=233813)

------------------------

Here is the Alternative Header User Panel V2

Screenshot

http://img.solidsyn.net/box/vb4header.png

Step 1. This MOD is required for this one to work.

Avatar in Header - https://vborg.vbsupport.ru/showthread.php?t=230415

Download this and Install this product.

Step 2. This Goes on the bottom of header include 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;
}
.spiffy{display:block}
.spiffy *{
display:block;
height:1px;
overflow:hidden;
font-size:.01em;
background:#7192A8}
.spiffy1{
margin-left:3px;
margin-right:3px;
padding-left:1px;
padding-right:1px;
border-left:1px solid #4b6579;
border-right:1px solid #4b6579;
background:#607e93}
.spiffy2{
margin-left:1px;
margin-right:1px;
padding-right:1px;
padding-left:1px;
border-left:1px solid #354b5e;
border-right:1px solid #354b5e;
background:#648398}
.spiffy3{
margin-left:1px;
margin-right:1px;
border-left:1px solid #648398;
border-right:1px solid #648398;}
.spiffy4{
border-left:1px solid #4b6579;
border-right:1px solid #4b6579}
.spiffy5{
border-left:1px solid #607e93;
border-right:1px solid #607e93}
.spiffyfg{
background:#7192A8 url(images/gradients/gradient-grey-down.png) repeat-x top left}
</style>


Step 3. Edit the header template

Find This


<vb:if condition="$show['member']">
<ul class="isuser">
<li>{vb:rawphrase welcome_x_link_y, {vb:raw bbuserinfo.username}, {vb:link member, {vb:raw bbuserinfo}}}</li>
<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="{vb:link member, {vb:raw bbuserinfo}}">{vb:rawphrase your_profile}</a></li>
<li><a href="usercp.php{vb:raw session.sessionurl_q}">{vb:rawphrase control_panel}</a></li>
<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 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}')">{vb:rawphrase log_out}</a></li>
</ul>
<vb:comment><p>{vb:rawphrase last_visited_x_at_y, {vb:raw pmbox.lastvisitdate}, {vb:raw pmbox.lastvisittime}}</p></vb:comment>
<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>
</ul>

Updated: Replace with This

<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">Welcome, <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>Last Visit: <b>{vb:raw pmbox.lastvisitdate}</b> @ <b>{vb:raw pmbox.lastvisittime}</b><br>
<vb:if condition="$notifications_total">
<li style="margin-left: 0px; margin-top: -10px;" class="popupmenu nonotifications" id="nonotifications">
<font style="padding: 4px; color: #fff; background: #2f4456; width: 200px; text-align: left;"><a class="popupctrl" href="usercp.php{vb:raw session.sessionurl_q}" style="color: #fff; padding: 0px; margin: 0px; padding-right: 15px; background-color: transparent; outline: none;">My Menu - Notifications (<strong>{vb:raw notifications_total}</strong>)</a></font>
<div class="popupbody popuphover">
{vb:raw notifications_menubits}
<vb:if condition="$show['admincplink']"><p><a href="admincp/index.php{vb:raw session.sessionurl_q}">{vb:rawphrase admin} Panel</a></p></vb:if>
<vb:if condition="$show['modcplink']"><p><a href="modcp/index.php{vb:raw session.sessionurl_q}">{vb:rawphrase mod} Panel</p></vb:if>
<p><a href="{vb:link member, {vb:raw bbuserinfo}}">{vb:rawphrase your_profile}</a></p>
<p><a href="usercp.php{vb:raw session.sessionurl_q}">{vb:rawphrase control_panel}</a></p>
<p><a href="private.php{vb:raw session.sessionurl_q}">{vb:rawphrase inbox}</a></p>
</div>
</li>
<vb:else />
<li style="margin-left: 0px; margin-top: -10px;" class="popupmenu nonotifications" id="nonotifications">
<font style="padding: 4px; color: #fff; background: #2f4456; width: 200px; text-align: left;"><a class="popupctrl" href="usercp.php{vb:raw session.sessionurl_q}" style="color: #fff; padding: 0px; margin: 0px; padding-right: 15px; background-color: transparent; outline: none;">My Menu</a></font>
<div class="popupbody popuphover">
<vb:if condition="$show['admincplink']"><p><a href="admincp/index.php{vb:raw session.sessionurl_q}">{vb:rawphrase admin} Panel</a></p></vb:if>
<vb:if condition="$show['modcplink']"><p><a href="modcp/index.php{vb:raw session.sessionurl_q}">{vb:rawphrase mod} Panel</a></p></vb:if>
<p><a href="{vb:link member, {vb:raw bbuserinfo}}">{vb:rawphrase your_profile}</a></p>
<p><a href="usercp.php{vb:raw session.sessionurl_q}">{vb:rawphrase control_panel}</a></p>
<p><a href="private.php{vb:raw session.sessionurl_q}">{vb:rawphrase inbox}</a></p>
<p>{vb:rawphrase no_new_messages}</p>
</div>
</li>
</vb:if></td>
</tr>
</table></div>
<b class="spiffy">
<b class="spiffy5"></b>
<b class="spiffy4"></b>
<b class="spiffy3"></b>
<b class="spiffy2"><b></b></b>
<b class="spiffy1"><b></b></b></b>
</div>
<vb:if condition="$show['registerbutton']">
<li><a href="register.php{vb:raw session.sessionurl_q}" rel="nofollow">{vb:rawphrase register}</a></li>
</vb:if>
</ul>
<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>
</ul>


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>


Updated: Replace with This


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


Step 5. Edit Header Padding in StyleVars

Change the bottom padding to 60 or more for the panel to show correctly.

Coming Soon..

JQuery Login Form

108519

108520

[Shamil.]

Thanks :)

[eTiKeT?]

Hımm Very Nice Thankyou

İnstalled ....

[milsirhc]

Thanks for releasing this!!

You are awesome! +1!

[duythanh1601]

thank you , very useful

[Snug]

this is beautiful :)

what is the stylevar to change the background color?

[MultiSync77F]

Thanks! This is really cool. I'll install it after Christmas.

If the user doesn't have an avatar does it show a default avatar image?

[ViciousCode]

@Snug

background color of what?

--------------------

@ MultiSync77F

yes it does, it shows an image from the misc folder unknown.gif :)

[compact123]

OMG T_T

this is awesome a work lol thanks <3

[MultiSync77F]

How hard would it be to modify it to match my style? I'm using this style (https://vborg.vbsupport.ru/showthread.php?t=228212), or does it use the built-in stylevars so it will match automatically?

It might be nice to have this as a widgit, that way you can move it around to other places besides the header. Kind of how vBadvanced works. You could put this in a "Welcome Block".

[ViciousCode]

to change the colors of the user panel

the styling is inside header include


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

[MultiSync77F]

Thanks.

[niake]

When I get a pm my header get mess up see the attachment.
Is it a bug or have a done something to screw it up?

[ViciousCode]

you probably installed the mod wrong

[TheLastSuperman]

Great job!

Nice to see this come along from idea to modification Vicious ;)

[ViciousCode]

Great job!

Nice to see this come along from idea to modification Vicious ;)
Thanks glad you like it, next version well have a special jquery collapsible panel

with a new login look :)

[KristerSwe]

Agree its great .. just some i was think about.. My Menu and so on is hardcoded. had been nice to have it in custom phrases.. other then that i love it...

Looks like this on my homepage....

http://www.hdriders.se/screen.png

[niake]

you probably installed the mod wrong

I remove the Admin panel and mod panel link from the meny. Now it is working..

[BSMedia]

Why not just use the CSS3 rounded corners rather than load the images from spiffy rounded corners generator?

The site is going to be all square in IE any way, no sense of having the header with rounded corners and nothing else.

[gyaronn]

Works perfect :-)

[ViciousCode]

Why not just use the CSS3 rounded corners rather than load the images from spiffy rounded corners generator?

The site is going to be all square in IE any way, no sense of having the header with rounded corners and nothing else.

well i dont know much about css3 and rounded corners

[rinunez]

Love this one :-)

[CrosseyedGamer]

Was loving this when I saw it and just installed. However, doesn't seem to show up as indicated in the screenshots. How do I fix this? See attached.

[CrosseyedGamer]

I saw someone else mention removing the admin and modcp links to get it to work so I did that. Works just fine now. Seems there is something in the code with those in there. all good now. thanks.

[ragarcia87]

Hm. Any way to get this to work with the Display Unread Posts and Reputation Comments mod?

//EDIT//

Never mind I figured it out.

Here is a screen of what mine looks like:
https://vborg.vbsupport.ru/external/2009/12/17.png.

Thanks for this mod :D

[cloferba]

excelent work!

[darsalles]

xD nvm now its working ^^

[stuky4ever]

Instead of saying you have 1 Freind request or 1 Comment it says You have 1 Unread message.

[jonah1892]

had to remove the admin and mod links to get it to work, but still looks alot better than the built in toplinks

thanks

[Snug]

got most of the colors changed except the one with the my menu button... anyone?

https://vborg.vbsupport.ru/external/2009/12/14.jpg

[ViciousCode]

The mod has been updated...

check the updated replacement codes.

Instead of saying you have 1 Freind request or 1 Comment it says You have 1 Unread message.
thanks for that, to fix that problem

edit the navbar_notifications_menubit template

Find This

Unread Message

Replace with this

{vb:raw notification.phrase}

[WhatChaMissin]

Awesome Job

[Snug]

anyone have this issue?
https://vborg.vbsupport.ru/external/2009/12/13.png

[cloferba]

waiting for next upgrade

[Dr.osamA]

Great job!

thanxx

installed
________
Pornstars Old (http://www.++++tube.com/categories/877/old/videos/1)

[mikeylikesitz]

this is great, thank you. what would be the best way to push the box further to the right, it is over lapping my logo just a bit on smaller resolutions.

[ViciousCode]

provide a screenshot please so i can see what you mean

[mikeylikesitz]

<a href="http://img690.imageshack.us/img690/3524/arccc.jpg" target="_blank">http://img690.imageshack.us/img690/3524/arccc.jpg</a>

thanks for the reply

[gruftiradio]

Great!

How is the Code for the unread Posts?

[pablete]

I have a problem with this.

I first install the hack:

Avatar in Header - https://vborg.vbsupport.ru/showthread.php?t=230415

and after this change,with this mood (alternative header V2) but I get two avatars of the user, shows a test image .

http://sienteasturias.com/hostimagen/images/394063bloque.png

[mikeylikesitz]

did you use the instructions from Avatar in Header for the template edits, if so are they still there

[pablete]

I think I've followed the instructions well, but then I have to delete to not display twice?

[pablete]

ok, I've solved. but now I like to move the block on the edge of the right, I do that?

[mikeylikesitz]

still trying to figure that out myself

[juaniquillo]

It used to work perfectly on vb4.0.0, but now it is not working with vb4.0.1. :(

Step 1. This MOD is required for this one to work.

Avatar in Header - https://vborg.vbsupport.ru/showthread.php?t=230415

Download this and Install this product.This one is not working either.

[Skyrider]

After vb 4.0.1 upgrade, it has been a bit messed up.. can this be fixed please? Check the attachment for the small issue:

[Datenpapst]

Is there going to be a vb 4.0.1 Version?

and how can I use the normal menu from vb4? I dont like the dropdown.

[Datenpapst]

Found the error :)

[Sador]

Doesn't work in vB 4.01. Hope it will get fixed though.

[pablete]

Doesn't work in vB 4.01. Hope it will get fixed though.

I have this mod in 4.0.1 and it work fun, except the same error that FF|Skyrider.

Hugs

[Sador]

Let me phrase it differently... it does work, but it screws up the "My menu" stuff.

[The Glue]

Hi,

First of all Thank you for this nice work, I got some reports from opera users where the menu not work.
I already tested this and confirm this problem, we can't open the pull menu. Have someone any idea
how we can fix that?

[juaniquillo]

Let me phrase it differently... it does work, but it screws up the "My menu" stuff.
You are right! I should've said that...

It's an awesome mod, just have that little problem. :)

[ViciousCode]

ill update it soon as the avatar mod gets updated, will release it after i test this myself on vb4.0.1

[merhaba.nu]

ill update it soon as the avatar mod gets updated, will release it after i test this myself on vb4.0.1

If you?re refering to "Avatar in Header" it has been updated and working with 4.01 since 2010-01-14.

Really like your mod, hope to see it working with 4.01 soon :)

[Datenpapst]

Already got it updated and working if you are interessted in the code. ViciousCode?

http://testforum.c-arena.com/ - if you wanna test.

[Skyrider]

Already got it updated and working if you are interessted in the code. ViciousCode?

http://testforum.c-arena.com/ - if you wanna test.
Don't see any changes.

[Delifed]

Can anyone help me fix?

[SSJB_7]

can someone help me?
I have 2 times the avatar picture.
one normal like supposed to be and one like was with the mod installation only.
Also in unregistered members i see another "help" link!
pls help me i like it a lot
my link is www.rapidstyle.org

[Datenpapst]

Don't see any changes.
You have to login yourself.

[Sador]

can someone help me?
I have 2 times the avatar picture.
one normal like supposed to be and one like was with the mod installation only.
Also in unregistered members i see another "help" link!
pls help me i like it a lot
my link is www.rapidstyle.org Yep.

In the header template, find and delete:

<span style="float:right; margin: 5px 5px -5px 0px;">{vb:raw ss_avatar}</span>

This should fix it.

[SSJB_7]

I cannot find there is no such a sentence :(

Thank you anyway based on your sentence i found it i should delete:

<div style="float:right; margin: 5px -12px 5px 10px;">{vb:raw ss_avatar}</div>

Thank you a lot Sador

Now Does anyone have any idea how to correct "menu" blue font that breaks?

ok i found it if anyone has second help to unregistered must delete the second (duplicated line)
<li><a rel="help" href="faq.php{vb:raw session.sessionurl_q}">{vb:rawphrase help}</a></li>

[Delifed]

can anybody help fix this on 4.0.1/


https://vborg.vbsupport.ru/attachment.php?attachmentid=110314&d=1263788906

[SSJB_7]

can anybody help fix this on 4.0.1/


https://vborg.vbsupport.ru/attachment.php?attachmentid=110314&d=1263788906

Yes this is my only problem also for me now...

[Datenpapst]

Version for 4.0.1 here: https://vborg.vbsupport.ru/showthread.php?t=233614

[ViciousCode]

currently im working on 4.0.1 fix, please be patient.

[TheLastSuperman]

Version for 4.0.1 here: https://vborg.vbsupport.ru/showthread.php?t=233614

currently im working on 4.0.1 fix, please be patient.

https://vborg.vbsupport.ru/showthread.php?t=233614&page=2

Confirmed you allow re-use of your code Vicious? I had you IM me on messenger last night for help with this yet I wake up to the new mod by someone else and don't see any permissions given to re-release your code it even uses the same CSS spiffy tags as yours.

Let me know bud & thanks!

Mike

[ViciousCode]

that is true, i did not allow the code to be re-used.

im working on a re-work version of this mod that should work with 4.0.1

[gabrielt]

Awaiting 4.0.1 version.

One request. Instead of making us to manually change the template, you should add everything inside plugins, this way whenever the master template is changed (in a new vBulletin version) we don't need to re-edit the template.

[Bouncer222]

Umm... I have two avatars, one in the box and one outside the box on the right side, the avatar is shown in both places, and I installed the mod in step 1.

How to fix this?

[Bouncer222]

and it does work on 4.0.1 , I run 4.0.1 at www.brotherhoodofgamers.com

[ViciousCode]

the errors have been fixed.now works properly with version 4.0.1 and up!

the mod will be updated soon with a slight new look :)

at the moment: making a backup of the css, and making the header back to the Default Colors

[The Glue]

any news about the opera fix?

[ViciousCode]

haha easy replace it with firefox 3.6 :D

[TheSupportForum]

i would like to request a suggestion if possible

i would like the same style for when you are logged off, so it would have the avatar on the side with the login and the same size box

is this possible for you to do ?

[TheSupportForum]

in 4.0.1

the header template has change please be advise people need to look for in header



<vb:if condition="$show['member']">
<ul class="isuser">
<li><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}')">{vb:rawphrase log_out}</a></li>
<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 href="usercp.php{vb:raw session.sessionurl_q}">{vb:rawphrase control_panel}</a></li>
<li><a href="{vb:link member, {vb:raw bbuserinfo}}">{vb:rawphrase your_profile}</a></li>
<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 class="welcomelink">{vb:rawphrase welcome_x_link_y, {vb:raw bbuserinfo.username}, {vb:link member, {vb:raw bbuserinfo}}}</li>
</ul>
<vb:comment><p>{vb:rawphrase last_visited_x_at_y, {vb:raw pmbox.lastvisitdate}, {vb:raw pmbox.lastvisittime}}</p></vb:comment>
<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>