vb.org Archive
Page 1 of 2 1 2
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)
-   -   Miscellaneous Hacks - Alternative Header V2 (https://vborg.vbsupport.ru/showthread.php?t=231122)

ViciousCode 12-24-2009 10:00 PM
Alternative Header V2
 
1 Attachment(s)
This version does not work with 4.0.1

Pleasse get the Rework 1.1 Version

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

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

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

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

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

Code:
<li><a href="{vb:raw notification.link}"><span>{vb:raw notification.total}</span> {vb:raw notification.phrase}</a></li>
Updated: Replace with This

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

Attachment 108519

Attachment 108520

Shamil. 12-25-2009 02:44 AM
Thanks :)

eTiKeT? 12-25-2009 04:58 AM
Hımm Very Nice Thankyou

İnstalled ....

milsirhc 12-25-2009 05:17 AM
Thanks for releasing this!!

You are awesome! +1!

duythanh1601 12-25-2009 07:56 AM
thank you , very useful

Snug 12-25-2009 07:59 AM
this is beautiful :)

what is the stylevar to change the background color?

MultiSync77F 12-25-2009 02:33 PM
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 12-25-2009 02:58 PM
@Snug

background color of what?

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

@ MultiSync77F

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

compact123 12-25-2009 03:24 PM
OMG T_T

this is awesome a work lol thanks <3

MultiSync77F 12-25-2009 05:00 PM
How hard would it be to modify it to match my style? I'm using this style, 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 12-25-2009 07:59 PM
to change the colors of the user panel

the styling is inside header include

Code:
.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 12-25-2009 10:22 PM
Thanks.

niake 12-26-2009 09:18 AM
1 Attachment(s)
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 12-26-2009 04:06 PM
you probably installed the mod wrong

TheLastSuperman 12-26-2009 04:23 PM
Great job!

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

ViciousCode 12-26-2009 05:46 PM
Quote:
Originally Posted by TheLastSuperman (Post 1938712)
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 12-27-2009 08:10 AM
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 12-27-2009 10:22 AM
Quote:
Originally Posted by ViciousCode (Post 1938702)
you probably installed the mod wrong
I remove the Admin panel and mod panel link from the meny. Now it is working..

BSMedia 12-27-2009 05:22 PM
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 12-27-2009 06:36 PM
Works perfect :-)

ViciousCode 12-27-2009 08:10 PM
Quote:
Originally Posted by BSMedia (Post 1939576)
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 12-27-2009 08:29 PM
Love this one :-)

CrosseyedGamer 12-27-2009 08:46 PM
1 Attachment(s)
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 12-27-2009 10:12 PM
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 12-28-2009 01:07 AM
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 12-28-2009 03:21 AM
excelent work!

darsalles 12-28-2009 09:33 PM
xD nvm now its working ^^

stuky4ever 12-29-2009 02:16 AM
1 Attachment(s)
Instead of saying you have 1 Freind request or 1 Comment it says You have 1 Unread message.

jonah1892 12-29-2009 02:21 AM
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 12-29-2009 10:36 AM
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 12-29-2009 11:31 AM
The mod has been updated...

check the updated replacement codes.

Quote:
Originally Posted by stuky4ever (Post 1941121)
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

Code:
Unread Message
Replace with this

Code:
{vb:raw notification.phrase}

WhatChaMissin 12-29-2009 12:48 PM
Awesome Job

Snug 12-29-2009 01:27 PM
anyone have this issue?
https://vborg.vbsupport.ru/external/2009/12/13.png

cloferba 12-30-2009 11:21 PM
waiting for next upgrade

Dr.osamA 01-03-2010 04:51 AM
Great job!

thanxx

installed
________
Pornstars Old

mikeylikesitz 01-05-2010 04:22 AM
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 01-08-2010 11:41 PM
provide a screenshot please so i can see what you mean

mikeylikesitz 01-09-2010 12:35 AM
<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 01-12-2010 02:01 PM
Great!

How is the Code for the unread Posts?

pablete 01-13-2010 12:51 PM
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...4063bloque.png


All times are GMT. The time now is 03:46 AM.
Page 1 of 2 1 2
Show 40 post(s) from this thread on one page

Powered by vBulletin® Version 3.8.12 by vBS
Copyright ©2000 - 2025, vBulletin Solutions Inc.

X vBulletin 3.8.12 by vBS Debug Information
  • Page Generation 0.01304 seconds
  • Memory Usage 1,858KB
  • 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_code_printable
  • (4)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