Header Rework 4

[ViciousCode]

This is a brand new version of Advanced Header V2 Rework

https://vborg.vbsupport.ru/attachment.php?attachmentid=125709&d=1295235188

This is for vB4.1 & Up. So lets get started.

Upload Plugin: plugin-header-avatar.xml

Edit Template: header

Find


<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>
<ul class="popupbody popuphover">
<li>{vb:rawphrase no_new_messages}</li>
<li><a href="private.php{vb:raw session.sessionurl_q}">{vb:rawphrase inbox}</a></li>
</ul>
</li>
</vb:if>
<li class="welcomelink">{vb:rawphrase welcome_x_link_y, {vb:raw bbuserinfo.username}, {vb:link member, {vb:raw bbuserinfo}}}</li>
<vb:if condition="$vboptions['enablefacebookconnect']">
{vb:raw facebook_header}
</vb:if>
</ul>
{vb:raw template_hook.header_userinfo}
<vb:comment><p>{vb:rawphrase last_visited_x_at_y, {vb:raw pmbox.lastvisitdate}, {vb:raw pmbox.lastvisittime}}</p></vb:comment>




Replace with...


<div class="top-header-info">
<table border="0">
<tr>
<td width="66" valign="top" style="padding-top: 0px; padding-bottom: 10px; font-size: 11px;">
<vb:if condition="$vboptions['enablefacebookconnect']">
<vb:if condition="$show['facebookuser']">
<a id="fb_link" href="http://www.facebook.com/profile.php?id={vb:raw bbuserinfo.fbuserid}" target="_blank" style="outline: none;"><img id="fb_squarepic" width="70" height="70" style="border: 2px solid #a2c1de; margin-right: 10px; outline: none; margin-bottom: 0px; background-color: #FFF;" alt="{vb:raw bbuserinfo.fbname}" src="https://graph.facebook.com/{vb:raw bbuserinfo.fbuserid}/picture?type=square" /><img id="fb_icon" width="14" height="14" alt="Facebook Connected: {vb:raw bbuserinfo.fbname}" src="{vb:stylevar imgdir_misc}/facebook.gif" /></a>
<vb:else />
{vb:raw header_avatar}
</vb:if>
</vb:if>
</td>
<td valign="top" align="left" style="padding-left: 8px; float: left;">
<div style="float: left; margin-left: -5px;"><ul class="isuser">
<li class="popupmenu nonotifications" id="nonotifications">
<a class="popupctrl" href="usercp.php{vb:raw session.sessionurl_q}" style="background-color: #2f4456; outline: none;">{vb:raw bbuserinfo.username}</a>
<ul class="popupbody popuphover" style="position: absolute !important;
left: -65px !important;">
<vb:if condition="$vboptions['enablefacebookconnect']">
<vb:if condition="$show['facebookuser']">
<vb:else />
<li><a id="fb_loginbtn" href="#" class="fbpp-link">Login with Facebook</li>
</vb:if>
</vb:if>
<vb:if condition="$notifications_total">
{vb:raw notifications_menubits}
</vb:if>
<li><a href="private.php{vb:raw session.sessionurl_q}">{vb:rawphrase inbox}</a></li>
<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>
<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>
</li>
<li class="welcomelink">Welcome, </li></ul></div>
{vb:raw template_hook.header_userinfo}
<p style="font-size: 11px; margin-top: 10px; float: left; text-align: left; margin-bottom: 10px;">
<b>Post Count:</b> {vb:raw bbuserinfo.posts}<br><br><b>Last Visit:</b> {vb:raw pmbox.lastvisitdate} @ {vb:raw pmbox.lastvisittime}
</p>
</td></tr></table>
</div>




Add the following css code on the bottom of : vbulletin.css


.top-header-info{
position:absolute;
z-index: 2000;
top:0px;
right:-20px;
padding-left: 12px;
padding-top: 8px;
padding-right: 6px;
padding-bottom: 0px;
margin-top: -0px;
height: auto;
width:320px;
color:#FFFFFF;
background: #7192A8 url(images/gradients/gradient-grey-down.png) top left repeat-x;
font: 12px verdana;
-webkit-border-bottom-left-radius: 8px;
-moz-border-radius-bottomleft: 8px;
border-bottom-left-radius: 8px;
border-left: 2px solid #a2c1de;
border-right: 0px solid #a2c1de;
border-bottom: 2px solid #a2c1de;
-moz-box-shadow: 0 0 0px #888;
-webkit-box-shadow: 0 0 0px#888;
box-shadow: 0 0 0px #888;
}

#fb_icon {
margin-right: 11px !important;
margin-top: -17px !important;
margin-bottom: 2px !important;
z-index: 10000 !important;
}


.fbpp-link {
background-color: #3b5998 !important;
outline: none; color: #FFF !important;
text-decoration: none !important;
text-align: center !important;
}

.fbpp-link:hover {
background-color: #627aad !important;
}

.fbpp-link:active {
background-color: #2a4280 !important;
}



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

If you have facebook integration disabled.

Part 1

Replace the following in header template


<vb:if condition="$vboptions['enablefacebookconnect']">
<vb:if condition="$show['facebookuser']">
<a id="fb_link" href="http://www.facebook.com/profile.php?id={vb:raw bbuserinfo.fbuserid}" target="_blank" style="outline: none;"><img id="fb_squarepic" width="70" height="70" style="border: 2px solid #a2c1de; margin-right: 10px; outline: none; margin-bottom: 0px; background-color: #FFF;" alt="{vb:raw bbuserinfo.fbname}" src="https://graph.facebook.com/{vb:raw bbuserinfo.fbuserid}/picture?type=square" /><img id="fb_icon" width="14" height="14" alt="Facebook Connected: {vb:raw bbuserinfo.fbname}" src="{vb:stylevar imgdir_misc}/facebook.gif" /></a>
<vb:else />
{vb:raw header_avatar}
</vb:if>
</vb:if>





With...


{vb:raw header_avatar}




Part 2

Find & Remove the following in header template


<vb:if condition="$vboptions['enablefacebookconnect']">
<vb:if condition="$show['facebookuser']">
<vb:else />
<li><a id="fb_loginbtn" href="#" class="fbpp-link">Login with Facebook</li>
</vb:if>
</vb:if>

[Juggernaut]

It looks awesome, tagged for later. :D

[fluidswork]

Nice addon ..... this will give every forum a nice look......

[CRDeveloper]

Installed! Very nice! Thanks!

[Skyrider]

Installed, very nice! But when I receive a private message or a new profile comment, it won't show up on the main page until I select my own nickname for the menu to show up. Anyway for a better notification?

[ViciousCode]

Installed, very nice! But when I receive a private message or a new profile comment, it won't show up on the main page until I select my own nickname for the menu to show up. Anyway for a better notification?

here is a fix for that... you cant add it next to your name because the button will be longer.

but you can add it below it, above the post count!

its fairly simple!

add this above the post count in the header template...


<vb:if condition="$notifications_total">
<b>{vb:rawphrase your_notifications}</b>
<br>
{vb:raw notifications_menubits}
<br><br>
</vb:if>


and above it in the drop down


find and replace with
<li>{vb:raw notifications_menubits}</li>


edit the navbar_notifications_menubit template

remove the li tag from the link

[LoneWolf71]

looks horrible with a black or dark template, anyway to change the BG color?

[Skyrider]

here is a fix for that... you cant add it next to your name because the button will be longer.

but you can add it below it, above the post count!

its fairly simple!

add this above the post count in the header template...


<vb:if condition="$notifications_total">
<b>{vb:rawphrase your_notifications}</b>
<br>
{vb:raw notifications_menubits}
<br><br>
</vb:if>


and above it in the drop down


find and replace with
<li>{vb:raw notifications_menubits}</li>


edit the navbar_notifications_menubit template

remove the li tag from the link
Mind repeating that? I'm rather confused about the last part.

[ViciousCode]

looks horrible with a black or dark template, anyway to change the BG color?

bg color of what the top header info div? its in the css

find .top-header-info{ and edit


background: #7192A8 url(images/gradients/gradient-grey-down.png) top left repeat-x;

// change the border colors
border-left: 2px solid #a2c1de;
border-right: 0px solid #a2c1de;
border-bottom: 2px solid #a2c1de;


---------

Find



<vb:if condition="$notifications_total">
{vb:raw notifications_menubits}
</vb:if>
<li><a href="private.php{vb:raw session.sessionurl_q}">{vb:rawphrase inbox}</a></li>




replace this


{vb:raw notifications_menubits}


with this


<li>{vb:raw notifications_menubits}</li>

[horussjr]

tried on gametime style and it smases it. maybe on the default it is working but i don't user that. even that, great great mod

[Twikitero]

Thank you ... installed.
But I have a problem, the login with facebook does not work, does not do anything to the click in login with facebook .

Please Help

Thanks great job

[ViciousCode]

Thank you ... installed.
But I have a problem, the login with facebook does not work, does not do anything to the click in login with facebook .

Please Help

Thanks great job
it works for me, are you sure you copied the edits correctly?

[Jncocontrol]

Looks nice, Though i noticed that the "Post count" and last visit" isn't aligned right.

[Edrondol]

Got the following when attempted to install:

[horussjr]

same thing on gametime style. waiting for update

[ViciousCode]

Got the following when attempted to install:

Find this in header template


<div class="ad_global_header">
{vb:raw ad_location.global_header1}
{vb:raw ad_location.global_header2}
</div>
<hr />


Add this below hr tag


<vb:if condition="$show['member']"><div style="height: 140px"></div></vb:if>

[Edrondol]

It was the default theme for me.

[Tri@de]

There's a way to see with another color the new private message incoming?

[Edrondol]

Also, if you reference my screenshot, how can I change the "welcome" color?

[ViciousCode]

replace

<li class="welcomelink">


with

<li class="welcomelink" style="color: #FFF !important;">

[oddmud]

I'm not getting the avatar even after following your facebook disable steps.

[oddmud]

bg color of what the top header info div? its in the css

find .top-header-info{ and edit


background: #7192A8 url(images/gradients/gradient-grey-down.png) top left repeat-x;

// change the border colors
border-left: 2px solid #a2c1de;
border-right: 0px solid #a2c1de;
border-bottom: 2px solid #a2c1de;


---------

Find



<vb:if condition="$notifications_total">
{vb:raw notifications_menubits}
</vb:if>
<li><a href="private.php{vb:raw session.sessionurl_q}">{vb:rawphrase inbox}</a></li>




replace this


{vb:raw notifications_menubits}


with this


<li>{vb:raw notifications_menubits}</li>


This may work in firefox, but it does not work in IE8, causes it to screw up.

[ViciousCode]

did you remove the <li> - </li> tags from the template navbar_notifications_menubit ???

[horussjr]

what about the edit for gametime style? still working? some % of progress could you announce? thanks

[oddmud]

did you remove the <li> - </li> tags from the template navbar_notifications_menubit ???

I have no idea, you've had me messing around so much I've lost track.

Also you failed to answer why the avatar isn't showing up.

[ViciousCode]

did you upload the plugin?

and which version are you using?

with Facebook Connect or without Facebook?

Here is a Header Rework 4 - Default Style with Facebook enabled.

Use this for Example.

I will upload the style with Facebook Disabled soon.

Gametime Fix - Coming Soon!

[Fuhrmann]

Not working here...
=\

Installed the plugin and i have maked all the modifications. But still doesnt work. I am using vbulletin 4.1.1

http://img27.imageshack.us/img27/3568/temp1o.png

[ViciousCode]

apparently you did something wrong!

[Fuhrmann]

I will try again and post all my templates, can you help me?

[Fuhrmann]

Ok, is working now! Thanks!!

[Xencored]

Hello ViciousCode this looks great the problem i can see is i use a BIG banner in fact it my whole Header. I see from your screenshots it looks like its on the left, Is this correct?
Thanks

[ViciousCode]

no, the top header info is on the right. the logo/banner is on the left.

[JMEWLS`]

some headers are uneven, how do i fix this.

[Xencored]

no, the top header info is on the right. the logo/banner is on the left.

Thanks ill give it a go than :)

Edit = yea it didnt fit well with my banner so had to pass :( very nice idea tho thanks

[oddmud]

did you upload the plugin?

and which version are you using?

with Facebook Connect or without Facebook?

Here is a Header Rework 4 - Default Style with Facebook enabled.

Use this for Example.

I will upload the style with Facebook Disabled soon.

Gametime Fix - Coming Soon!

v4.1.0 PL2

I uploaded the plugin, without facebook connect.

www.goaliecrease.net - no avatar.

[TheLastSuperman]

v4.1.0 PL2

I uploaded the plugin, without facebook connect.

www.goaliecrease.net - no avatar.

Oddmud did you do the edits? Up top in the mod description listed under: If you have facebook integration disabled.

[oddmud]

I did the edits exactly as shown. My issue now is, I'm a complete idiot.

I didn't upload the plug-in even though I did the edits.

Now when I go to upload the plug-in, I get this error.

"This file appears to be a Plugin, not a Product. Please use the Plugin Manager to add this file."

So when I go to the plug in manager, it's not what I'm use to, when I add a plugin, it asks for the hook location, and wants me to put in the php code instead of just uploading the .xml file.

I feel so stupid.

[biancolaw]

I did the edits exactly as shown. My issue now is, I'm a complete idiot.

I didn't upload the plug-in even though I did the edits.

Now when I go to upload the plug-in, I get this error.

"This file appears to be a Plugin, not a Product. Please use the Plugin Manager to add this file."

So when I go to the plug in manager, it's not what I'm use to, when I add a plugin, it asks for the hook location, and wants me to put in the php code instead of just uploading the .xml file.

I feel so stupid.

Nah, ran into same issue and I've used vbulletin for years, just not constantly, go here AdminCP-->Download/Upload Plugins-->scroll all the way to the bottom to "Import Plugin Definitions XML File" and there you can upload the file...I've done this once or twice before and it still took me 10 minutes to find it.

[BlueCheri]

Nice one, tagged.

[oddmud]

Nah, ran into same issue and I've used vbulletin for years, just not constantly, go here AdminCP-->Download/Upload Plugins-->scroll all the way to the bottom to "Import Plugin Definitions XML File" and there you can upload the file...I've done this once or twice before and it still took me 10 minutes to find it.

You rock. Thank you.

[bpi007]

I have a problem with IE8, in firefox, it's OK

https://vborg.vbsupport.ru/external/2011/02/3.gif

- "Welcome" (Bienvenue in french) are not align to left
- Drop menu, missing first line and padding very different from firefox.

Any idea ?

[bpi007]

I'd like this mod but if we can't use in IE, I can't install it... :(

[bpi007]

This mod is show with "Supported"
I've wrote my problem at 8 february, I have contact the autor for a null result.

What I can do now ?

Thanks

[NickyDee]

You can uninstall it by reversing each of the steps used to install it;

1.) Delete the CSS you added in vbulletin.css
2.) Go to the plugin manager and delete "Header Avatar"
3.) Go to Styles and templates --> Style Manager --> Edit templates --> Header and revert it to the default (or just find the bit you edited and copy paste the original text from the mod description here).

First rule of coding: Never do something if you don't know how to undo it.

[bulldog51981]

Where can I find the hoover color for the user name after "Welcome" to adjust it to something other than black?

[BlueCheri]

Installed, so far working fine.

Can comments after using it for some time.

Thanx

[SEOvB]

We got this on 4.1.2, anybody got the same?

This file appears to be a Plugin, not a Product. Please use the Plugin Manager to add this file.

[Bacon Butty]

We got this on 4.1.2, anybody got the same?

This file appears to be a Plugin, not a Product. Please use the Plugin Manager to add this file.

Happening to me too sir!

[SiteTalkZone]

what will happen if we skip importing the XML and do code modification as mentioned above ???

[SiteTalkZone]

Happening to me too sir!

skip XML import and do the modifications
it will work i did it and seems working not yet tested fully
but there should be bugs even if no bug this is not a good way to add plugin

we need a clean and easy to install thing

First: avatar not showing

[masons]

It hovers over my search, how can I change that?

[uandhim2]

how do i change the background color of the username?

[DS MrSinister]

any way to get this mod Ultimate Header Greeting for vB 4 (https://vborg.vbsupport.ru/showthread.php?t=244573&highlight=header) to work with you header rework?

can't figure it out.

[Bounce]

<vb:if condition="$notifications_total">
<b>{vb:rawphrase your_notifications}</b>
<br>
{vb:raw notifications_menubits}
<br><br>
</vb:if>



Nice, Got that working fine, how do i place an image when a user has a new private message? (along with the text of course)

Edit: Flashing PM Sorted, used https://vborg.vbsupport.ru/showthread.php?t=233218&highlight=flashing+private+message

[DjEddie]

hi ..got this installed fine ..i just need to know where to change the background color behind the username or where to change the username color and how . please. ..

this is what it looks like:

[DS MrSinister]

i think you need to change #7192A8 in the css code you have added to vbulletin.css template.

hope this helps.

[McAtze]

any way to get this mod Ultimate Header Greeting for vB 4 (https://vborg.vbsupport.ru/showthread.php?t=244573&highlight=header) to work with you header rework?

can't figure it out.

This is really interesting for me .. :o

[DjEddie]

i think you need to change #7192A8 in the css code you have added to vbulletin.css template.

hope this helps.

That code is for the main box background color .. i've changed all the other background color codes in the css for it and still no luck .. unless I missed one ...

[Gemma]

That code is for the main box background color .. i've changed all the other background color codes in the css for it and still no luck .. unless I missed one ...

In your HEADER template find:
<a class="popupctrl" href="usercp.php{vb:raw session.sessionurl_q}" style="background-color: #2f4456; outline: none;">{vb:raw bbuserinfo.username}</a>

[DjEddie]

In your HEADER template find:
<a class="popupctrl" href="usercp.php{vb:raw session.sessionurl_q}" style="background-color: #2f4456; outline: none;">{vb:raw bbuserinfo.username}</a>

nice one again Gemma :) appreciate the help :)

[alencete]

I wish I could resize the avatar image

Would it be possible?

[Gemma]

Edit the plug-in.

Change the line 75 to whatever

$ss_avatar = "<a href=\"profile.php?do=editavatar\"><img src=\"$ava_urlX\" height=\"75\" width=\"75\" border=\"0\" alt=\"Your Avatar\" /></a>";

[alencete]

Edit the plug-in.

Change the line 75 to whatever

$ss_avatar = "<a href=\"profile.php?do=editavatar\"><img src=\"$ava_urlX\" height=\"75\" width=\"75\" border=\"0\" alt=\"Your Avatar\" /></a>";

Merci!!! very nice! thank you very much for your attention!! Merci!!!

your code will need to change the avatar facebook:

Find and replace un numbers in red:

<img id="fb_squarepic" width="40" height="40"

The numbers in red = Pixels you can change this values

Merci!!!

[Nacho Vidal]

Hi, this is an excellent mod and works fine on 4.1.2

However, some of my members have avatars that are smaller than the forum limit and some are retangular too! Is there any way to stop them being "stretched" in the header area where the mod applies? One of them has a small avatar but it looks terrible when stretched to the forum limit. Avatars are fine in the forums, it's just on the mod in the header that is the issue.

So to summarise, is there any way that the mod will not alter the size and shape of a user's avatar?

Thanks

[The Rocketeer]

the idea was good but needs lots of polishing till it looks more pro..
PS: maybe the login with facebook thinggy, should have left it alone..

maybe it'll look better in version 5...

[syrus.xl]

You should revise your code for this modification.

vB4 uses Strict xHTML compliant code, yet you are breaking this by adding the table tag, which is not Strict xHTML and would produce errors if checked by W3C Validation.

You should be using DIV's not TABLE's - Tables belong with vB3 not vB4.

[alexperu]

hello friends, hack install correctly but it looks so
https://vborg.vbsupport.ru/external/2011/04/20.jpg
as you can see I have a private message but I have a total count of notifications, such as one by default
as I can do to make me out like this picture
https://vborg.vbsupport.ru/external/2011/04/21.jpg
I need to modify the code, I hope you can help me friends
Best regards

[alexperu]

anyone can help me?, I need this modification, I hope I can help
Best regards

[alexperu]

anyone can help me?, I need this modification, I hope I can help
Best regards
Edit/Delete Message

[billstelling]

worked great! thanks for the mod..:)
128995

[Da-Vinci]

Hi ViciousCode, first off, I love your Header rework mod, I used V2 for a very long time but due to it not looking right in Firefox 4.

https://vborg.vbsupport.ru/attachment.php?attachmentid=129141&stc=1&d=1305582370

I decided to try V4.

Instead of it looking like this.

https://vborg.vbsupport.ru/attachment.php?attachmentid=129139&stc=1&d=1305582328

Could it be made to look like this.

https://vborg.vbsupport.ru/attachment.php?attachmentid=129140&stc=1&d=1305582328

Also I've uploaded the plugin but the Avatar doesn't show?

Any help would be greatly appreciated.

[billstelling]

hmmm, i'm using ff4 and no problems.. you see how mine looked. It is being caused by one of the other mods you added for the header/user field. What is the post count thing next to your user name test106-(12),also the get help part. Try disabling that mod and see if it comes up correctly after that. They will need to be added to this mod i do believe.

[Da-Vinci]

hmmm, i'm using ff4 and no problems.. you see how mine looked. It is being caused by one of the other mods you added for the header/user field. What is the post count thing next to your user name test106-(12),also the get help part. Try disabling that mod and see if it comes up correctly after that. They will need to be added to this mod i do believe.

The first picture is Header Rework V2, that's why I decided to try out V4, but because my forum width isn't 100% the lack of a border or rounded corner on the right hand side makes the window look unfinished.

Also still haven't been able to get the avatar to show still.

So what I have now is.

https://vborg.vbsupport.ru/attachment.php?attachmentid=129242&stc=1&d=1305755797

And what I would like is.

https://vborg.vbsupport.ru/attachment.php?attachmentid=129241&stc=1&d=1305755784

But with the avatar showing up.

[Da-Vinci]

Managed to fix one bit, by using this in my vBulletin.css

.top-header-info{
position:absolute;
z-index: 2000;
top:0px;
right:20px;
padding-left: 12px;
padding-top: 8px;
padding-right: 6px;
padding-bottom: 0px;
margin-top: -0px;
height: auto;
width:320px;
color:#FFFFFF;
background: #7192A8 url(images/gradients/gradient-grey-down.png) top left repeat-x;
font: 12px verdana;
-webkit-border-bottom-left-radius: 8px;
-webkit-border-bottom-right-radius: 8px;
-moz-border-radius-bottomleft: 8px;
-moz-border-radius-bottomright: 8px;
border-bottom-left-radius: 8px;
border-bottom-right-radius: 8px;
border-left: 2px solid #a2c1de;
border-right: 2px solid #a2c1de;
border-bottom: 2px solid #a2c1de;
-moz-box-shadow: 0 0 0px #888;
-webkit-box-shadow: 0 0 0px#888;
box-shadow: 0 0 0px #888;
}

#fb_icon {
margin-right: 11px !important;
margin-top: -17px !important;
margin-bottom: 2px !important;
z-index: 10000 !important;
}


.fbpp-link {
background-color: #3b5998 !important;
outline: none; color: #FFF !important;
text-decoration: none !important;
text-align: center !important;
}

.fbpp-link:hover {
background-color: #627aad !important;
}

.fbpp-link:active {
background-color: #2a4280 !important;
}

https://vborg.vbsupport.ru/attachment.php?attachmentid=129453&stc=1&d=1306353118

But the avatar still isn't showing.

[doctorsexy]

installed working ..thanks

[wullieclsfb]

installed this and followed instructions giving to another user on how to get amount of new notifications to show with clicking the drop down menu but after following instructions there was no changes can anyone help?

[wullieclsfb]

installed this and followed instructions giving to another user on how to get amount of new notifications to show with clicking the drop down menu but after following instructions there was no changes can anyone help?

can anyone help

[8thos]

Hmmm.

[Da-Vinci]

Is this mod no longer supported?

I don't use Facebook connect, I have followed the install instructions to the letter and redid the mod a 2nd time to make sure I hadn't messed up some where but the avatar still wont display.

I've got it on my Test forum which has no other plugins, product or template edits made to it, I'm running VB 4.1.1

Has anybody got any ideas please?

[Da-Vinci]

Finally got this working although, I've edited it a fair bit, here's how it looks on my Skinden - Velocity skin.

https://vborg.vbsupport.ru/ (http://http://www.nzb-forum.com)

[sivaganeshk]

I cant see the Avatar
https://vborg.vbsupport.ru/external/2011/06/53.jpg
http://i.imgur.com/36eNU.jpg

Btw, Any suggestion abt colors for background??

[8thos]

How do you get the avatar on the right instead of the left?

[sivaganeshk]

default .. I guess

[8thos]

default .. I guessThere is no header avatar in default vbulletin.

[sivaganeshk]

Sry.. Misunderstanding ..
No avatar :(

[8thos]

Sad right.

[Gemma]

How do you get the avatar on the right instead of the left?

You'd need to move this part of the code:
<td width="66" valign="top" style="padding-top: 0px; padding-bottom: 10px; font-size: 11px;">
<vb:if condition="$vboptions['enablefacebookconnect']">
<vb:if condition="$show['facebookuser']">
<a id="fb_link" href="http://www.facebook.com/profile.php?id={vb:raw bbuserinfo.fbuserid}" target="_blank" style="outline: none;"><img id="fb_squarepic" width="70" height="70" style="border: 2px solid #a2c1de; margin-right: 10px; outline: none; margin-bottom: 0px; background-color: #FFF;" alt="{vb:raw bbuserinfo.fbname}" src="https://graph.facebook.com/{vb:raw bbuserinfo.fbuserid}/picture?type=square" /><img id="fb_icon" width="14" height="14" alt="Facebook Connected: {vb:raw bbuserinfo.fbname}" src="{vb:stylevar imgdir_misc}/facebook.gif" /></a>
<vb:else />
{vb:raw header_avatar}
</vb:if>
</vb:if>
</td>

Place it after
<b>Post Count:</b> {vb:raw bbuserinfo.posts}<br><br><b>Last Visit:</b> {vb:raw pmbox.lastvisitdate} @ {vb:raw pmbox.lastvisittime}
</p>
</td>

[Skyrider]

"Settings" part is missing on my end. Mind sharing how do I add that?

nvm, fixed with:
<li><a href="profile.php?{vb:raw session.sessionurl}do=editprofile">{vb:rawphrase edit_your_details}</a></li>

[8thos]

You'd need to move this part of the code:
<td width="66" valign="top" style="padding-top: 0px; padding-bottom: 10px; font-size: 11px;">
<vb:if condition="$vboptions['enablefacebookconnect']">
<vb:if condition="$show['facebookuser']">
<a id="fb_link" href="http://www.facebook.com/profile.php?id={vb:raw bbuserinfo.fbuserid}" target="_blank" style="outline: none;"><img id="fb_squarepic" width="70" height="70" style="border: 2px solid #a2c1de; margin-right: 10px; outline: none; margin-bottom: 0px; background-color: #FFF;" alt="{vb:raw bbuserinfo.fbname}" src="https://graph.facebook.com/{vb:raw bbuserinfo.fbuserid}/picture?type=square" /><img id="fb_icon" width="14" height="14" alt="Facebook Connected: {vb:raw bbuserinfo.fbname}" src="{vb:stylevar imgdir_misc}/facebook.gif" /></a>
<vb:else />
{vb:raw header_avatar}
</vb:if>
</vb:if>
</td>

Place it after
<b>Post Count:</b> {vb:raw bbuserinfo.posts}<br><br><b>Last Visit:</b> {vb:raw pmbox.lastvisitdate} @ {vb:raw pmbox.lastvisittime}
</p>
</td>
Thank you very much Gemma!

[bajrice]

hi there,...

ahm one question how to remove this dark background to default one ?!

https://vborg.vbsupport.ru/

thanks

[baghdad4ever]

if i enable ads in header how would be worked?

[Gemma]

hi there,...

ahm one question how to remove this dark background to default one ?!

http://img228.imageshack.us/img228/4074/avatarake.jpg

thanks

You can do either of two things.

Find
<a class="popupctrl" href="usercp.php{vb:raw session.sessionurl_q}" style="background-color: #2f4456; outline: none;">{vb:raw bbuserinfo.username}</a>

You can replace the #2f4456 with what ever colour you want or you can remove the background colour altogether by replacing the above code with this
<a class="popupctrl" href="usercp.php{vb:raw session.sessionurl_q}">{vb:raw bbuserinfo.username}</a>

[The Rocketeer]

Anyway to keep the login with facebook thing / facebook connect out of the header rework? leave it as it is.



Finally got this working although, I've edited it a fair bit, here's how it looks on my Skinden - Velocity skin.

http://img828.imageshack.us/img828/3210/headerrework4.png (http://http://www.nzb-forum.com)


Can you share your code with us? does it work with 4.1.4?

[bajrice]

thank you for your help Gemma ;)

[AllenMead]

I'm using the PM notification,

https://vborg.vbsupport.ru/showthread.php?t=233218&highlight=flashing+private+message

I'm trying to find a way to move the image to below the 'last visit'

[dtommy79]

Is this mod supposed to change the login box when I'm logged out too?

if yes it's not working for me for some reason.

[sivaganeshk]

@dtommy : working with 4.1.7

[Gemma]

Is this mod supposed to change the login box when I'm logged out too?

if yes it's not working for me for some reason.

No, it only changes the header when logged in.

[mavigul]

i will replace post count to unread private messages how can i replace it

[ALFA-MH]

works for 4.1.7 ?
https://vborg.vbsupport.ru/external/2011/10/6.jpg

Thanks

[Gemma]

works for 4.1.7 ?
http://imageshack.us/photo/my-images/853/funciona.png/

Thanks

Yes it works on 4.1.7

[luismoreira]

Hello mans...

Thanks developer....

please, i need pm notification

Im dont have pm and my nickname is bold

https://vborg.vbsupport.ru/attachment.php?attachmentid=134182&stc=1&d=1320161987

[davut_c20]

very very good :D

[Angle4cor]

How to translate "Welcome", "Last Visit" and "Post Count" into other language?

[heartsglad]

Installed on VB4.1.9
Working Great,
Thanks!

[Raioneru]

I'm using 4.1.10, everything seems to work but the scroll menu. Any ideas on how to fix that?
http://vvcap.net/db/aX7mzZq2xM2I72F3QSYG.png
Also, how can I reduce the space between each line?
Thank you!

[Heardy]

I've edited the code for mine to look like this:

https://vborg.vbsupport.ru/external/2012/03/27.png

To do this first you have to replace the old
.top-header-info{
position:absolute;
z-index: 2000;
top:0px;
right:-20px;
padding-left: 12px;
padding-top: 8px;
padding-right: 6px;
padding-bottom: 0px;
margin-top: -0px;
height: auto;
width:320px;
color:#FFFFFF;
background: #7192A8 url(images/gradients/gradient-grey-down.png) top left repeat-x;
font: 12px verdana;
-webkit-border-bottom-left-radius: 8px;
-moz-border-radius-bottomleft: 8px;
border-bottom-left-radius: 8px;
border-left: 2px solid #a2c1de;
border-right: 0px solid #a2c1de;
border-bottom: 2px solid #a2c1de;
-moz-box-shadow: 0 0 0px #888;
-webkit-box-shadow: 0 0 0px#888;
box-shadow: 0 0 0px #888;
}

With this code:

.top-header-info{
position:absolute;
z-index: 2000;
top:10px;
right:0px;
padding-left: 12px;
padding-top: 8px;
padding-right: 6px;
padding-bottom: 0px;
margin-top: -0px;
height: auto;
width:320px;
color:#FFFFFF;
background: #7192A8 url(images/gradients/gradient-grey-down.png) top left repeat-x;
font: 12px verdana;
-webkit-border-bottom-left-radius: 8px;
-moz-border-radius-bottomleft: 8px;
border-bottom-left-radius: 8px;
border-bottom-right-radius: 8px;
border-top-left-radius: 8px;
border-top-right-radius: 8px;
border-top: 2px solid #a2c1de;
border-left: 2px solid #a2c1de;
border-right: 2px solid #a2c1de;
border-bottom: 2px solid #a2c1de;
-moz-box-shadow: 0 0 0px #888;
-webkit-box-shadow: 0 0 0px#888;
box-shadow: 0 0 0px #888;
}

Optional Part

If you wanted the avatar on the right hand side, you can follow Gemma's mini guide:


You'd need to move this part of the code:
<td width="66" valign="top" style="padding-top: 0px; padding-bottom: 10px; font-size: 11px;">
<vb:if condition="$vboptions['enablefacebookconnect']">
<vb:if condition="$show['facebookuser']">
<a id="fb_link" href="http://www.facebook.com/profile.php?id={vb:raw bbuserinfo.fbuserid}" target="_blank" style="outline: none;"><img id="fb_squarepic" width="70" height="70" style="border: 2px solid #a2c1de; margin-right: 10px; outline: none; margin-bottom: 0px; background-color: #FFF;" alt="{vb:raw bbuserinfo.fbname}" src="https://graph.facebook.com/{vb:raw bbuserinfo.fbuserid}/picture?type=square" /><img id="fb_icon" width="14" height="14" alt="Facebook Connected: {vb:raw bbuserinfo.fbname}" src="{vb:stylevar imgdir_misc}/facebook.gif" /></a>
<vb:else />
{vb:raw header_avatar}
</vb:if>
</vb:if>
</td>

Place it after
<b>Post Count:</b> {vb:raw bbuserinfo.posts}<br><br><b>Last Visit:</b> {vb:raw pmbox.lastvisitdate} @ {vb:raw pmbox.lastvisittime}
</p>
</td>

[Hikarin]

I really want to use this mod, but I think it needs a bit more support and revision.
So many people seem to be having issues with it, so more thorough checks on all browsers would be good. Also, the way in which you set-up the mod seems to be confusing many. There needs to be an easier way of installing it....
Perhaps if ViciousCode teemed up with another coder to help this mod become more.... "official"?

Still, I have very high hopes for this and would very much like to see it go further than this.
Please keep working on this mod! ^_^

[Hikarin]

Okay, I finally gave in and installed the mod on the custom skin I'm making. Some things definitely need to be done though which I will list further down. But I experienced one problem.... The "settings" section won't show up although I did everything right. See here.
https://vborg.vbsupport.ru/external/2012/07/12.jpg
Can someone help me please?


Now, what I believe will benefit this mod is....

1. The dropdown box needs to look the same as the others found throughout the forum, otherwise it just seems a little off....
2. Many people use rectangular avatars rather than square ones. There needs to be something implemented so that the image doesn't get squished down to size.
3. I have done it myself thanks to the code Gemma provided, but in future versions, the mod needs to show the same background colour as the rest of the box, not the colour of the forum's background itself.
4. A number on the sidee indicating the number of notifications the user has waiting for them would be great.
5. The gap between the lines on this is too far apart that it makes it look like something's missing. It needs to be closer together like what I've photoshoped below.
https://vborg.vbsupport.ru/external/2012/07/13.jpg

This is only helpful points, so please don't take this as me being bossy or demanding because I only really want to see this mod work. ^_^ Good luck!

[UDieckmann]

I like this mod. But the users not connected to facebook must have an avator picture which is equal on height and width. Is it possible to have the box stretched to the real size of the avatar image?

Thank you!

Ulli

[Hikarin]

I like this mod. But the users not connected to facebook must have an avator picture which is equal on height and width. Is it possible to have the box stretched to the real size of the avatar image?

Thank you!

Ulli

I second this. I think it's necessary for a perfect mod.

Also, my problem on the post above is yet to be answered. Has anyone had the same thing? =x

[Bulent Tekcan]

And also I need PM count on main screen

[AshenTemper]

Okay, I finally gave in and installed the mod on the custom skin I'm making. Some things definitely need to be done though which I will list further down. But I experienced one problem.... The "settings" section won't show up although I did everything right. See here.
https://vborg.vbsupport.ru/external/2012/07/12.jpg
Can someone help me please?


Now, what I believe will benefit this mod is....

1. The dropdown box needs to look the same as the others found throughout the forum, otherwise it just seems a little off....
2. Many people use rectangular avatars rather than square ones. There needs to be something implemented so that the image doesn't get squished down to size.
3. I have done it myself thanks to the code Gemma provided, but in future versions, the mod needs to show the same background colour as the rest of the box, not the colour of the forum's background itself.
4. A number on the sidee indicating the number of notifications the user has waiting for them would be great.
5. The gap between the lines on this is too far apart that it makes it look like something's missing. It needs to be closer together like what I've photoshoped below.
https://vborg.vbsupport.ru/external/2012/07/13.jpg

This is only helpful points, so please don't take this as me being bossy or demanding because I only really want to see this mod work. ^_^ Good luck!

Was running into the same error and figured it out. It's a small change.

Look for:

<li><a href="usercp.php{vb:raw session.sessionurl_q}">{vb:rawphrase control_panel}</a></li>

And change it to:
<li><a href="usercp.php{vb:raw session.sessionurl_q}">{vb:rawphrase user_control_panel}</a></li>

Voila!

[ViciousCode]

sorry for the lack of updates everyone, havent used vbulletin in a long time.

i will update the code for the latest version.

[Cobro]

is anyone having problem with vbulletin version 4.2.0 patch 2 ? i am having problems

[Annonaria]

Splendid Mod and works well on vb4.2 pl2

I just wanted to make some changes:
1. I did as below, except that I got this result (see attach).
I wish the writing is white without the mouseover, but I did not find the string to change the color and remove the mouseover (since I am not a programmer, I would not do damage)You can do either of two things.

Find
<a class="popupctrl" href="usercp.php{vb:raw session.sessionurl_q}" style="background-color: #2f4456; outline: none;">{vb:raw bbuserinfo.username}</a>

You can replace the #2f4456 with what ever colour you want or you can remove the background colour altogether by replacing the above code with this
<a class="popupctrl" href="usercp.php{vb:raw session.sessionurl_q}">{vb:raw bbuserinfo.username}</a>

2. I wanted to remove "Post Count" and "Last Visit" (to put it up in the dropdown menu)

3. I wanted to change color (background) and even the style of the dropdown menu.

4. How can I put other links in the dropdown menu.

5. Thanks.:D

[Annonaria]

Splendid Mod and works well on vb4.2 pl2

I just wanted to make some changes:
1. I did as below, except that I got this result (see attach).
I wish the writing is white without the mouseover, but I did not find the string to change the color and remove the mouseover (since I am not a programmer, I would not do damage)

Done.

2. I wanted to remove "Post Count" and "Last Visit" (to put it up in the dropdown menu)

Done.

3. I wanted to change color (background) and even the style of the dropdown menu.

Done.

4. How can I put other links in the dropdown menu.

I'd like to get some help.

5. Thanks.:D

:D:D

6. What is part of code to move within a fixed topbar?

[lamur]

So how can I get "Private Messages #" displayed?

[Replicators]

This is a good mod, in fact i chose this over the vBSocial Notifications (https://vborg.vbsupport.ru/showthread.php?t=266972), and i think this small addon could be made to be much better than it is. I think last activity display in it is pointless myself, but i think it should be replaced with flashing icons of notifications instead.

[Replicators]

Would someone here willing to get Header Rework 4 to work with vBSocial Notifications (https://vborg.vbsupport.ru/showthread.php?t=266972)? As much as i messed with them trying to put them underneath posts replacing last activity, it won't work right because there is a conflict i am supposing. THis mod would work great with vbsocial notifications if they could work together.

[fxdigi-cash]

great mod indeed, but still has some bug with the style on IE browser 8 and above

[addamroy]

Doesn't work on 4.2.1

Parse error: syntax error, unexpected '<' in .../includes/class_bootstrap.php(430) : eval()'d code on line 545

[NoMatt3r]

Doesn't work on 4.2.1

Parse error: syntax error, unexpected '<' in .../includes/class_bootstrap.php(430) : eval()'d code on line 545
Didn't install yet. Will this be fixed?

[fxdigi-cash]

Doesn't work on 4.2.1

Parse error: syntax error, unexpected '<' in .../includes/class_bootstrap.php(430) : eval()'d code on line 545

I think you need to install the avatar mod first and then if that one worked, you can after all install this one. follow the instructions only and you will get it right. I made it work on vb4.2.1 without any issues.

[NoMatt3r]

Which avatar mod?

[fxdigi-cash]

Which avatar mod?

sorry to reply late, you should have PMed me to respond faster because it says in my signature I can't remember easily!!... :D

never mind, here is the thread where you can find the avatar mod!!

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

Good luck!!

[smirkley]

I have soo reworked the header rework mod, its rediculous but spectacular!

[Replicators]

Could someone be able to make this mod compatible with [DBTech] vBNotifications v1 (vB4) (https://vborg.vbsupport.ru/showthread.php?t=266914)?