Alternative Header User Info

[ViciousCode]

Step One...

Open header template...

Find this...


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


Replace with this...


<ul class="isuser">
<li>Welcome,</li>
<vb:if condition="$notifications_total">
<li class="popupmenu nonotifications" id="nonotifications">
<a class="popupctrl" href="usercp.php{vb:raw session.sessionurl_q}" style="color: #ffffff;">{vb:raw bbuserinfo.username}</a>
<div class="popupbody popuphover">
<p>{vb:raw notifications_menubits}</li>
<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><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></p>
</div>
</li>
<vb:else />
<li class="popupmenu nonotifications" id="nonotifications">
<a class="popupctrl" href="usercp.php{vb:raw session.sessionurl_q}" style="color: #ffffff;">{vb:raw bbuserinfo.username}</a>
<div class="popupbody popuphover">
<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><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></p>
</div>
</li>
</vb:if>
<vb:if condition="$show['registerbutton']">
<li><a href="register.php{vb:raw session.sessionurl_q}" rel="nofollow" style="color: #fff;">{vb:rawphrase register}</a></li>
</vb:if>
</ul>


Now open navbar_notifications_menubit

Find This


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


Replace with This


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


And thats it, you are done.

Look at the screenshot for example

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

[SteveLV702]

how do I make it look like the very first one you posted at http://www.vbulletin.com/forum/showthread.php?331899-vB4-User-info-modification ?

[ViciousCode]

how do I make it look like the very first one you posted at http://www.vbulletin.com/forum/showthread.php?331899-vB4-User-info-modification ?
im still trying to figure out how to make that one.

i will let you know as soon as i figure it out.

[mabersoft]

im still trying to figure out how to make that one.

i will let you know as soon as i figure it out.


Well try a HTML Table? then add the varribuls? (i know what i mean :P)

[ViciousCode]

what about the rounded corners?

[BSMedia]

use the webkit and mozilla rounded corners.

I've already got a similar block all coded up actually. I just need the avatar in header modification.

[pozo]

Very nice, I'll test it! :)

[VonDoom]

Works Great and all i can think of that this really must have is the ability identify easier when there is a new notification. Currently you have to hoover over the block and click the drop down to see if you have new messages. It would be nice if it could display a mail icon (Or something) similar to what is done here on vB.org when you have a new notification. As an Administrator its important that we notice our messages ASAP. Other then that i really like this mod. Thanks.

[milsirhc]

Thanks for this! Looks great.

I agree, the design at: http://www.vbulletin.com/forum/showthread.php?331899-vB4-User-info-modification looks awesome.

I know there's an avatar picture add-on for the header that is out.

Anyone managed to integrate it to look like the first post?

[BSMedia]

Thanks for this! Looks great.

I agree, the design at: http://www.vbulletin.com/forum/showthread.php?331899-vB4-User-info-modification looks awesome.

I know there's an avatar picture add-on for the header that is out.

Anyone managed to integrate it to look like the first post?

This is what i've got so far for what its worth.

[VonDoom]

Looking good you guys. Kinda reminds me of the 3.x series login/notifications box with an updated clean look.

[milsirhc]

This is what i've got so far for what its worth.

That's look really good!

Will you be releasing this as a mod to us all?

Merry Christmas btw!

[Alecsmith]

look good

[Charlie98902]

This is something that may be an interest to me when the avatar ordeal is sorted.

[ViciousCode]

well my design has the avatar working :)

[Charlie98902]

So the resulting code includes the pic in post #10?

[ViciousCode]

yes it does, it will show your current avatar next to your name :)

im adding some finishing touches and will release it soon.

[Charlie98902]

Thanks as this might be one of the best mods yet.

[ViciousCode]

here is version 2:

https://vborg.vbsupport.ru/showthread.php?t=231122

[puncol]

Can anyone help me? I am a knew here and my adventure with vBulletin has jus began.

I have 4.2.1 and this Alternative Header User Info is not working for me :(

Do you know any other mods? I need to change my default login box... I want to put there an user avatar... make it more modern.
Thanks :)