vb.org Archive - Mini Mods - Header Rework 4

Page 3 of 4

Show 40 post(s) from this thread on one page

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

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

- - Mini Mods - Header Rework 4 (https://vborg.vbsupport.ru/showthread.php?t=257261)

sivaganeshk

06-14-2011 05:38 PM

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

06-30-2011 05:19 AM

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

sivaganeshk

06-30-2011 05:23 AM

default .. I guess

8thos

06-30-2011 06:10 AM

Quote:

Originally Posted by sivaganeshk (Post 2214885)

default .. I guess

There is no header avatar in default vbulletin.

sivaganeshk

06-30-2011 06:28 AM

Sry.. Misunderstanding ..
No avatar :(

8thos

06-30-2011 06:37 AM

Sad right.

Gemma

06-30-2011 05:52 PM

1 Attachment(s)

Quote:

Originally Posted by Octavius. (Post 2214884)

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

You'd need to move this part of the code:

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

Code:

<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

07-03-2011 07:19 PM

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

nvm, fixed with:

Code:

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

8thos

07-03-2011 08:45 PM

Quote:

Originally Posted by Gemma (Post 2215149)

You'd need to move this part of the code:

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

Code:

<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

07-04-2011 09:15 AM

hi there,...

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

https://vborg.vbsupport.ru/

thanks

baghdad4ever

07-04-2011 12:07 PM

if i enable ads in header how would be worked?

Gemma

07-04-2011 12:08 PM

Quote:

Originally Posted by bajrice (Post 2216560)

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

Code:

<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

Code:

<a class="popupctrl" href="usercp.php{vb:raw session.sessionurl_q}">{vb:raw bbuserinfo.username}</a>

The Rocketeer

07-13-2011 02:16 AM

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

Quote:

Originally Posted by Da-Vinci (Post 2207360)

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/3...derrework4.png

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

bajrice

07-14-2011 11:51 PM

thank you for your help Gemma ;)

AllenMead

08-04-2011 04:45 PM

1 Attachment(s)

I'm using the PM notification,

https://vborg.vbsupport.ru/showthrea...rivate+message

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

dtommy79

10-26-2011 04:12 PM

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

10-26-2011 04:49 PM

@dtommy : working with 4.1.7

Gemma

10-26-2011 04:52 PM

Quote:

Originally Posted by dtommy79 (Post 2261743)

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

10-28-2011 06:52 AM

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

ALFA-MH

10-29-2011 09:11 PM

1 Attachment(s)

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

Thanks

Gemma

10-29-2011 10:40 PM

Quote:

Originally Posted by ALFA-MH (Post 2262781)

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

Thanks

Yes it works on 4.1.7

luismoreira

11-01-2011 03:36 PM

1 Attachment(s)

Hello mans...

Thanks developer....

please, i need pm notification

Im dont have pm and my nickname is bold

https://vborg.vbsupport.ru/attachmen...1&d=1320161987

davut_c20

12-04-2011 03:51 AM

very very good :D

Angle4cor

01-10-2012 04:41 AM

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

heartsglad

01-10-2012 12:31 PM

Installed on VB4.1.9
Working Great,
Thanks!

Raioneru

01-17-2012 12:25 AM

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

03-14-2012 05:07 PM

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

Code:

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

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:

Quote:

Originally Posted by Gemma (Post 2215149)

You'd need to move this part of the code:

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

Code:

<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

04-12-2012 01:23 PM

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

04-12-2012 02:26 PM

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

04-27-2012 09:42 AM

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

04-28-2012 06:57 AM

Quote:

Originally Posted by UDieckmann (Post 2323986)

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

05-06-2012 09:03 AM

And also I need PM count on main screen

AshenTemper

07-26-2012 01:33 AM

Quote:

Originally Posted by Hikarin (Post 2319408)

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

Look for:

Code:

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

And change it to:

Code:

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

Voila!

ViciousCode

08-29-2012 09:58 PM

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

i will update the code for the latest version.

Cobro

09-02-2012 08:15 PM

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

Annonaria

09-22-2012 08:41 AM

1 Attachment(s)

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)

Quote:

Originally Posted by Gemma (Post 2216599)

You can do either of two things.

Find

Code:

<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

Code:

<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

10-08-2012 11:47 AM

Quote: