Go Back   vb.org Archive > vBulletin Modifications > vBulletin 4.x Modifications > vBulletin 4.x Template Modifications

Reply
 
Thread Tools
Advanced Header V2 Rework Details »»
Advanced Header V2 Rework
Version: 1.5, by ViciousCode ViciousCode is offline
Developer Last Online: Jan 2023 Show Printable Version Email this Page

Category: Mini Mods - Version: 4.0.1 Rating:
Released: 01-21-2010 Last Update: 02-03-2010 Installs: 84
Uses Plugins Template Edits
Additional Files  
No support by the author.

NEW Version works with version 4.0.8 and above!

Check Out The New Version

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

Sorry for the long wait, but here is the working and better version of Advanced Header v2

this version will work on 4.0.1 + Up

Look at the screenshot below

First upload the files from the archive to the correct folders in your forum.

Now its time to edit the templates.

Step 1.

Upload the files to the image directory.


Step 2.

Edit vbulletin.css (inside CSS templates)

add this code at the very bottom

Code:
.top-header-info{
	position:absolute;
	z-index: 2000;
	top:0px;
	right:0px;
	padding-left: 12px;
	padding-top: 8px;
	padding-right: 6px;
	padding-bottom: 0px;
	margin-top: -0px;
	height: 85px;
	width:320px;
	color:#FFFFFF;
	background: #7192A8 url(images/gradients/gradient-grey-down.png) top left repeat-x;
	font: 12px verdana;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius-topright: 0px;
	-webkit-border-radius-top-right: 0px;
	-moz-border-radius-topleft: 0px;
	-webkit-border-radius-top-left: 0px;
	-moz-border-topright-radius: 0px;
	-webkit-border-top-right-radius: 0px;
	-moz-border-topleft-radius: 0px;
	-webkit-border-top-left-radius: 0px;
}

#one-ddcontent li a:link{
    color: #000000;
}
#one-ddcontent li a:hover{
    color: #FFFFFF;
}
Step 3.

Edit the header template

Find This

Code:
<div class="above_body"> <!-- closing tag is in template navbar -->
<div id="header" class="floatcontainer doc_header">
Add above

Code:
<script type="text/javascript" src="images/dropdown.js"></script>
<link rel="stylesheet" href="images/dropdown.css" type="text/css" />
Find This

Code:
    <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>
Replace with this ** Updated** 1.5 - New Version

Code:
<div class="top-header-info">
<table border="0">
  <tr>
    <td width="66" valign="top" style="padding-top: 1px;">{vb:raw header_avatar}</td>
    <td valign="top" align="left"><vb:if condition="$notifications_total">
<dl class="th-dropdown">
  <dt id="one-ddheader" onmouseover="ddMenu('one',1)" onmouseout="ddMenu('one',-1)"><img src="images/arrowdown.png" border="0" /> {vb:raw bbuserinfo.username} - ({vb:raw notifications_total})</dt>
  <dd id="one-ddcontent" onmouseover="cancelHide('one')" onmouseout="ddMenu('one',-1)">
    <ul>
{vb:raw notifications_menubits}
<vb:else />
      <dl class="th-dropdown">
  <dt id="one-ddheader" onmouseover="ddMenu('one',1)" onmouseout="ddMenu('one',-1)"><img src="images/arrowdown.png" border="0" /> {vb:raw bbuserinfo.username}</dt>
  <dd id="one-ddcontent" onmouseover="cancelHide('one')" onmouseout="ddMenu('one',-1)">
    <ul>
</vb:if>
      <li><a href="{vb:link member, {vb:raw bbuserinfo}}" class="th-underline">My Profile</a></li>
      <li><a href="profile.php?do=editprofile{vb:raw session.sessionurl_q}" class="th-underline">Edit Profile</a></li>
      <li><a href="usercp.php{vb:raw session.sessionurl_q}" class="th-underline">My Settings</a></li>
      <li><a href="profile.php?do=buddylist{vb:raw session.sessionurl_q}" class="th-underline">Friends & Contacts</a></li>
      <li><a href="private.php{vb:raw session.sessionurl_q}">Private Messages</a></li>
    </ul>
  </dd>
</dl><div style="margin: 0px 0px 7px 0px; font-size: 11px;"><b>Last Login:</b> {vb:raw pmbox.lastvisitdate} @ {vb:raw pmbox.lastvisittime}</div>
<div style="width: 194px; color: #FFF; padding: 4px 4px 4px 4px; background:#2f4456; font-size: 11px;"><b><a rel="help" href="faq.php{vb:raw session.sessionurl_q}">Get Help</a><b>&nbsp;-&nbsp;<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}')">Logout</a></b></div></td></tr>
</table>
</div>
Find This (Only f your logo height is small as 45 pixels)

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

Code:
<vb:if condition="$show['member']"><div style="height: 50px"></div></vb:if>
Step 4.

Edit navbar_notifications_menubit template

Replace all with this - Fixed.

Code:
<li><a href="{vb:raw notification.link}" class="th-underline">{vb:raw notification.phrase} ({vb:raw notification.total})</a></li>
Optional (Add the admin and mod links)

add This above My Profile link

Code:
<vb:if condition="$show['admincplink']"><li><a href="{vb:raw admincpdir}/index.php{vb:raw session.sessionurl_q}" class="th-underline">Admin cPanel</a></li></vb:if>
<vb:if condition="$show['modcplink']"><li><a href="{vb:raw modcpdir}/index.php{vb:raw session.sessionurl_q}" class="th-underline">Mod cPanel</a></li></vb:if>

Download Now

File Type: xml plugin-header-avatar.xml (951 Bytes, 533 views)
File Type: zip dropdown.zip (1.2 KB, 546 views)

Show Your Support

  • This modification may not be copied, reproduced or published elsewhere without author's permission.

Comments
  #132  
Old 05-28-2010, 02:10 PM
Alex@Mk3OC Alex@Mk3OC is offline
 
Join Date: Dec 2007
Location: Northants, UK
Posts: 144
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

Quote:
Originally Posted by DX-FMJ View Post
Thanks for the effort, unfortunately it didn't work, if u look really hard in the screen the "-" is white, your suggestion only changes the dash color

I am using digitalvb morbid blue theme btw.
Have you got a link to your site and I'll have a look?
Reply With Quote
  #133  
Old 06-09-2010, 09:58 AM
123_y_321 123_y_321 is offline
 
Join Date: Feb 2007
Posts: 40
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

the fade out is not working on IE. It just fades out about 200px then the rest just .... gone.
And can someone show me how to remove 1px border around the avatar. thanks

Can you guys please help.
Attached Images
File Type: png error.png (39.7 KB, 0 views)
Reply With Quote
  #134  
Old 06-17-2010, 02:24 AM
JasonReynolds JasonReynolds is offline
 
Join Date: May 2009
Location: United Kingdom
Posts: 83
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

How would i make this darker?
Reply With Quote
  #135  
Old 06-23-2010, 03:07 PM
JasonReynolds JasonReynolds is offline
 
Join Date: May 2009
Location: United Kingdom
Posts: 83
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

Hey i need all mine transparent exept the arrow?
Reply With Quote
  #136  
Old 06-25-2010, 01:31 PM
JasonReynolds JasonReynolds is offline
 
Join Date: May 2009
Location: United Kingdom
Posts: 83
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

Problems fixed. To get the arrow i took mine from the top of this page. right click save image as. then renamed to arrowdown.PNG in paint and changed the color to what was needed in paint. also to get the color transparent most of you probably know but for those of you who dont.

When you see code such as:
Code:
background: #333333 url(images/gradients/gradient-grey-down.png) top left repeat-x;
Just change it to !
Code:
background: #transparent url(images/gradients/gradient-grey-down.png) top left repeat-x;
Reply With Quote
  #137  
Old 06-27-2010, 01:21 PM
CoZmicShReddeR's Avatar
CoZmicShReddeR CoZmicShReddeR is offline
 
Join Date: Sep 2006
Location: MI, USA
Posts: 338
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

Awesome hack!

I was wondering if anyone using the Facebook connect with VB if they thought this should have a link maybe under logout to sign in or out using Facebook connect? I am not offering to add it maybe asking if someone could please add it to this or add it as an option for those of us using the Facebook connect...
Reply With Quote
  #138  
Old 06-27-2010, 03:57 PM
Alex@Mk3OC Alex@Mk3OC is offline
 
Join Date: Dec 2007
Location: Northants, UK
Posts: 144
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

I've got the code added in mine for the facebook connect button, will post it later for those that want it
Reply With Quote
  #139  
Old 07-27-2010, 05:14 PM
Bobbo Bobbo is offline
 
Join Date: Feb 2003
Posts: 47
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

I noticed on this mod with IE8 (non-compatability mode) when I mouse over the drop down, the item selected color on the menu items doesn't completely follow the mouse up and down the selection choices. Does anyone else have this issue with IE8?
It seems to work as the menu is fading in. However after the menu is fully drawn out and you move the mouse over the selections, the selected color stops working.

Works fine in Firefox. Also works in IE 8 with compatability mode enabled, however in that mode, the login box appears to be bound to the right side of the browser windows. :-(

B
Reply With Quote
  #140  
Old 08-10-2010, 10:33 PM
kontagio.us kontagio.us is offline
 
Join Date: Aug 2009
Posts: 48
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

please fix the IE 8 compatibility error
Reply With Quote
  #141  
Old 08-14-2010, 06:52 PM
Twikitero Twikitero is offline
 
Join Date: Aug 2010
Location: LONDON
Posts: 52
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

Thank you for modified work for me perfect, I liked it, great job

Regards
Reply With Quote
Reply

Thread Tools

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off

Forum Jump


All times are GMT. The time now is 06:55 AM.


Powered by vBulletin® Version 3.8.12 by vBS
Copyright ©2000 - 2024, vBulletin Solutions Inc.
X vBulletin 3.8.12 by vBS Debug Information
  • Page Generation 0.07871 seconds
  • Memory Usage 2,344KB
  • Queries Executed 26 (?)
More Information
Template Usage:
  • (1)SHOWTHREAD
  • (1)ad_footer_end
  • (1)ad_footer_start
  • (1)ad_header_end
  • (1)ad_header_logo
  • (1)ad_navbar_below
  • (1)ad_showthread_beforeqr
  • (11)bbcode_code
  • (1)bbcode_quote
  • (1)footer
  • (1)forumjump
  • (1)forumrules
  • (1)gobutton
  • (1)header
  • (1)headinclude
  • (1)modsystem_post
  • (1)navbar
  • (4)navbar_link
  • (120)option
  • (1)pagenav
  • (1)pagenav_curpage
  • (4)pagenav_pagelink
  • (1)pagenav_pagelinkrel
  • (11)post_thanks_box
  • (11)post_thanks_button
  • (1)post_thanks_javascript
  • (1)post_thanks_navbar_search
  • (11)post_thanks_postbit_info
  • (10)postbit
  • (3)postbit_attachment
  • (11)postbit_onlinestatus
  • (11)postbit_wrapper
  • (1)spacer_close
  • (1)spacer_open
  • (1)tagbit_wrapper 

Phrase Groups Available:
  • global
  • inlinemod
  • postbit
  • posting
  • reputationlevel
  • showthread
Included Files:
  • ./showthread.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/functions_bigthree.php
  • ./includes/class_postbit.php
  • ./includes/class_bbcode.php
  • ./includes/functions_reputation.php
  • ./includes/functions_post_thanks.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
  • showthread_start
  • showthread_getinfo
  • forumjump
  • showthread_post_start
  • showthread_query_postids
  • showthread_query
  • bbcode_fetch_tags
  • bbcode_create
  • showthread_postbit_create
  • postbit_factory
  • postbit_display_start
  • post_thanks_function_post_thanks_off_start
  • post_thanks_function_post_thanks_off_end
  • post_thanks_function_fetch_thanks_start
  • post_thanks_function_fetch_thanks_end
  • post_thanks_function_thanked_already_start
  • post_thanks_function_thanked_already_end
  • fetch_musername
  • postbit_imicons
  • bbcode_parse_start
  • bbcode_parse_complete_precache
  • bbcode_parse_complete
  • postbit_attachment
  • postbit_display_complete
  • post_thanks_function_can_thank_this_post_start
  • pagenav_page
  • pagenav_complete
  • tag_fetchbit_complete
  • forumrules
  • navbits
  • navbits_complete
  • showthread_complete