3 hacks
- Thread starter psol
- Start date
Navbar/Breadcrumb
This will alow you to move your login into the header and seperate and move the navbar above the breadcrumb, while rewriting the breadcrumb.
In Header find:
Add after:
Save
Next
In BreadCrumb/Navbar Find:
Delete
Now find:
After add:
Enjoy!
--Black Scorpion
This will alow you to move your login into the header and seperate and move the navbar above the breadcrumb, while rewriting the breadcrumb.
In Header find:
Code:
<td align="$stylevar[align=right]">Add after:
Code:
<-- Login -->
<if condition="$show['member']">
<div class="smallfont">
<strong><phrase 1="$bbuserinfo[username]">$vbphrase[welcome_x]</phrase></strong><br />
<phrase 1="$pmbox[lastvisitdate]" 2="$pmbox[lastvisittime]">$vbphrase[last_visited_x_at_y]</phrase>
<if condition="$show['pmstats']"><br /><phrase 1="$vbphrase[unread_x_nav_compiled]" 2="$vbphrase[total_x_nav_compiled]" 3="$session[sessionurl_q]">$vbphrase[private_messages_nav]</phrase></if>
<if condition="$show['pmwarning']"><br /><strong><phrase 1="$vbphrase[pmpercent_nav_compiled]">$vbphrase[your_pm_box_is_x_full]</phrase></strong></if>
</div>
</td>
<else />
<!-- login form -->
<form action="login.php?do=login" method="post" onsubmit="md5hash(vb_login_password, vb_login_md5password, vb_login_md5password_utf, $show[nopasswordempty])">
<script type="text/javascript" src="clientscript/vbulletin_md5.js?v=$vboptions[simpleversion]"></script>
<table cellpadding="0" cellspacing="$stylevar[formspacer]" border="0">
<tr>
<td class="smallfont"><label for="navbar_username">$vbphrase[username]</label></td>
<td><input type="text" class="bginput" style="font-size: 11px" name="vb_login_username" id="navbar_username" size="10" accesskey="u" tabindex="101" value="$vbphrase[username]" onfocus="if (this.value == '$vbphrase[username]') this.value = '';" /></td>
<td class="smallfont" colspan="2" nowrap="nowrap"><label for="cb_cookieuser_navbar"><input type="checkbox" name="cookieuser" value="1" tabindex="103" id="cb_cookieuser_navbar" accesskey="c" />$vbphrase[remember_me]</label></td>
</tr>
<tr>
<td class="smallfont"><label for="navbar_password">$vbphrase[password]</label></td>
<td><input type="password" class="bginput" style="font-size: 11px" name="vb_login_password" id="navbar_password" size="10" tabindex="102" /></td>
<td><input type="submit" class="button" value="$vbphrase[log_in]" tabindex="104" title="$vbphrase[enter_username_to_login_or_register]" accesskey="s" /></td>
</tr>
</table>
<input type="hidden" name="s" value="$session[sessionhash]" />
<input type="hidden" name="do" value="login" />
<input type="hidden" name="vb_login_md5password" />
<input type="hidden" name="vb_login_md5password_utf" />
</form>
<!-- / login form -->
</td>
</if>
</tr>
</table>
<!-- / login -->Save
Next
In BreadCrumb/Navbar Find:
Code:
<!-- breadcrumb, login, pm info -->
<table class="tborder" cellpadding="$stylevar[cellpadding]" cellspacing="$stylevar[cellspacing]" border="0" width="100%" align="center">
<tr>
<td class="alt1" width="100%">
<if condition="is_array($navbits)">
<table cellpadding="0" cellspacing="0" border="0">
<tr valign="bottom">
<td><a href="#" onclick="history.back(1); return false;"><img src="$stylevar[imgdir_misc]/navbits_start.gif" alt="$vbphrase[go_back]" border="0" /></a></td>
<td> </td>
<td width="100%"><span class="navbar"><a href="$vboptions[forumhome].php$session[sessionurl_q]" accesskey="1">$vboptions[bbtitle]</a></span> $navbits[breadcrumb]</td>
</tr>
<tr>
<td class="navbar" style="font-size:10pt; padding-top:1px" colspan="3"><if condition="$_SERVER['REQUEST_METHOD'] == 'POST'"><img class="inlineimg" src="$stylevar[imgdir_misc]/navbits_finallink.gif" alt="" border="0" /><else /><a href="$scriptpath"><img class="inlineimg" src="$stylevar[imgdir_misc]/navbits_finallink.gif" alt="$vbphrase[reload_this_page]" border="0" /></a></if> <strong>$navbits[lastelement]</strong></td>
</tr>
</table>
<else />
<div class="navbar" style="font-size:10pt"><a href="$vboptions[forumhome].php$session[sessionurl_q]" accesskey="1"><img class="inlineimg" src="$stylevar[imgdir_misc]/navbits_start.gif" alt="" border="0" /></a> <strong>$vboptions[bbtitle]</strong></div>
</if>
</td>
<if condition="$show['member']">
<td class="alt2" valign="top" nowrap="nowrap">
<div class="smallfont">
<strong><phrase 1="$bbuserinfo[username]">$vbphrase[welcome_x]</phrase></strong><br />
<phrase 1="$pmbox[lastvisitdate]" 2="$pmbox[lastvisittime]">$vbphrase[last_visited_x_at_y]</phrase>
<if condition="$show['pmstats']"><br /><phrase 1="$vbphrase[unread_x_nav_compiled]" 2="$vbphrase[total_x_nav_compiled]" 3="$session[sessionurl_q]">$vbphrase[private_messages_nav]</phrase></if>
<if condition="$show['pmwarning']"><br /><strong><phrase 1="$vbphrase[pmpercent_nav_compiled]">$vbphrase[your_pm_box_is_x_full]</phrase></strong></if>
</div>
</td>
<else />
<td class="alt2" nowrap="nowrap" style="padding:0px">
<!-- login form -->
<form action="login.php?do=login" method="post" onsubmit="md5hash(vb_login_password, vb_login_md5password, vb_login_md5password_utf, $show[nopasswordempty])">
<script type="text/javascript" src="clientscript/vbulletin_md5.js?v=$vboptions[simpleversion]"></script>
<table cellpadding="0" cellspacing="$stylevar[formspacer]" border="0">
<tr>
<td class="smallfont"><label for="navbar_username">$vbphrase[username]</label></td>
<td><input type="text" class="bginput" style="font-size: 11px" name="vb_login_username" id="navbar_username" size="10" accesskey="u" tabindex="101" value="$vbphrase[username]" onfocus="if (this.value == '$vbphrase[username]') this.value = '';" /></td>
<td class="smallfont" colspan="2" nowrap="nowrap"><label for="cb_cookieuser_navbar"><input type="checkbox" name="cookieuser" value="1" tabindex="103" id="cb_cookieuser_navbar" accesskey="c" />$vbphrase[remember_me]</label></td>
</tr>
<tr>
<td class="smallfont"><label for="navbar_password">$vbphrase[password]</label></td>
<td><input type="password" class="bginput" style="font-size: 11px" name="vb_login_password" id="navbar_password" size="10" tabindex="102" /></td>
<td><input type="submit" class="button" value="$vbphrase[log_in]" tabindex="104" title="$vbphrase[enter_username_to_login_or_register]" accesskey="s" /></td>
</tr>
</table>
<input type="hidden" name="s" value="$session[sessionhash]" />
<input type="hidden" name="do" value="login" />
<input type="hidden" name="vb_login_md5password" />
<input type="hidden" name="vb_login_md5password_utf" />
</form>
<!-- / login form -->
</td>
</if>
</tr>
</table>
<!-- / breadcrumb, login, pm info -->Delete
Now find:
Code:
<!-- / PAGENAV POPUP -->
</if>After add:
Code:
<!-- BreadCrumb -->
<table class="tborder" cellpadding="$stylevar[cellpadding]" cellspacing="$stylevar[cellspacing]" border="0" width="100%" align="center">
<tr>
<td class="alt1" width="100%">
<if condition="is_array($navbits)">
<table cellpadding="0" cellspacing="0" border="0">
<tr valign="bottom">
<td><a href="#" onclick="history.back(1); return false;"><img src="$stylevar[imgdir_misc]/navbits_start.gif" alt="$vbphrase[go_back]" border="0" /></a></td>
<td> </td>
<td width="100%"><span class="navbar"><a href="$vboptions[forumhome].php$session[sessionurl_q]" accesskey="1">$vboptions[bbtitle]</a></span> $navbits[breadcrumb]</td>
</tr>
<tr>
<td class="navbar" style="font-size:10pt; padding-top:1px" colspan="3"><a href="$scriptpath"><img class="inlineimg" src="$stylevar[imgdir_misc]/navbits_finallink.gif" alt="$vbphrase[reload_this_page]" border="0" /></a> <strong>$navbits[lastelement]</strong></td>
</tr>
</table>
<else />
<div class="navbar" style="font-size:10pt"><a href="$vboptions[forumhome].php$session[sessionurl_q]" accesskey="1"><img class="inlineimg" src="$stylevar[imgdir_misc]/navbits_start.gif" alt="" border="0" /></a> <strong>$vboptions[bbtitle]</strong></div>
</if>
</tr>
</table>
<br />
<!-- /Breadcrumb -->Enjoy!
--Black Scorpion
The Post
Design: Syrus XL Media – Professional Flash Development
Support Only: Digital Port UK - vBulletin Flash Enhancements - Home
Site Demo: vBTEAM Underground - vBTEAM Underground
Header size: 600x150 pixels
Revision: v1.0
vBulletin version: ALL VERSIONS - Unless vBulletin changes a lot!
Templates Edits: 2
Extra Files: 8
Full instruction manuals supplied in Text and Acrobat formats within package.
LOG:
Updated: 7th March 2007 - Updated to 1.1 - small bug in javascript code, preventing flash movie loading. Package updated with bug fixed.
headinclude template code should be this:
About
Bring your forum header to life with this ‘vBFlash Header’ modification. The vbFlash Header is an alternative header/logo for the default vBulletin style. It uses an easy to configure XML file to setup the header the way you want it to display the images. The package includes 5 example images, which you will need to change for your own website/forum. vBFlash Header supports multiple images, image pause and 9 transition effects. This ‘Lite’ version is based on a default vBulletin forum, it can be adapted to suit other custom styles quite easily. It is designed to work with fixed and fluid styles, from 800 pixels wide upwards. A dark version will be added shortly.
The flash loader only adds 7k to your page load, so it's light-weight for any forum.
Creating Your Images
Your images should be 600 pixels wide and 150 pixels high and saved in a non-progressive jpeg format. The quality of your images may vary, depending on how you want the overall look. We have created example images in Photoshop and entered the ‘Website Name’ text on the top layer, this gives the impression that the text is static in most of the effects, even though it is changed upon each image load.
Note: If you change an image and overwrite an example image, make sure you empty your browser cache, should the image fail to change. Browsers will cache flash animations, so this is important.
Configuring the XML file
The enclosed ‘images.xml’ file controls how the flash file shows the images, hence you can change a few aspects of your header. Make sure all your images are correctly labelled and are reflected within the XML file. The ‘Pause’ function is the delay which an image stays on view – the default is set to 6 seconds (value=6000). Transition value can be any number between 1 and 9, if you set this value to ‘0’ it will randomize the effects. You may add more images by adding more image tag lines, and adding the images to the ‘xheader’ directory.
Installation
Upload the contents of the ‘UPLOAD’ folder to your forum root. If you receive a warning about overwriting the ‘flashobject.js’ file, you can overwrite or skip - this normally happens if you have installed previous modifications released by us (we use the flashobject.js file to correctly embed flash objects into pages - this maximizes browser compatibility).
File map:
vBulletin Template Edits
You will know need to login to your AdminCP panel and follow these instructions on which templates require editing. Only 2 are required for this modification.
Style & Templates -> Style Manager -> Default Style -> Edit Templates
headinclude template
Find:
Before add:
Header template
Find:
And replace with this code:
End of template edits.
Enjoy your new flash-based header!
Note: Adding this modification to a Portal system outside the forum root.
If you are using a portal with this modification outside the forum root you will need to make one small change to the code in the header template. The line with the "vbflashheader.swf" in will need to have an absolute path. Example: "http://www.yourdomain.com/forums/vbflashheader.swf".
Additional Notes:
This modification is fully supported at vBulletin.org Forum - The Official vBulletin Resource! – should you require advice or help. Please note, unless you click INSTALL, your question maybe ignored.
If you require a branding free version, simply donate $5 and state the domain where it will be used upon, and an email address where we can send you the package.
Just pickup the this login code (from 'navbar' tempate)
and paste above code in header template---
very sorry don't have any sol for your second prob
[/LEFT]
[align=center]vBFlash Header (Lite)
Code:
<if condition="$show['member']">
<div class="smallfont">
<strong><phrase 1="$bbuserinfo[username]">$vbphrase[welcome_x]</phrase></strong><br />
<phrase 1="$pmbox[lastvisitdate]" 2="$pmbox[lastvisittime]">$vbphrase[last_visited_x_at_y]</phrase>
<if condition="$show['pmstats']"><br /><phrase 1="$vbphrase[unread_x_nav_compiled]" 2="$vbphrase[total_x_nav_compiled]" 3="$session[sessionurl_q]">$vbphrase[private_messages_nav]</phrase></if>
<if condition="$show['pmwarning']"><br /><strong><phrase 1="$vbphrase[pmpercent_nav_compiled]">$vbphrase[your_pm_box_is_x_full]</phrase></strong></if>
</div>
<else />
<!-- login form -->
<form action="login.php?do=login" method="post" onsubmit="md5hash(vb_login_password, vb_login_md5password, vb_login_md5password_utf, $show[nopasswordempty])">
<script type="text/javascript" src="clientscript/vbulletin_md5.js?v=$vboptions[simpleversion]"></script>
<table cellpadding="0" cellspacing="$stylevar[formspacer]" border="0">
<tr>
<td class="smallfont"><label for="navbar_username">$vbphrase[username]</label></td>
<td><input type="text" class="bginput" style="font-size: 11px" name="vb_login_username" id="navbar_username" size="10" accesskey="u" tabindex="101" value="$vbphrase[username]" onfocus="if (this.value == '$vbphrase[username]') this.value = '';" /></td>
</tr>
<tr>
<td class="smallfont"><label for="navbar_password">$vbphrase[password]</label></td>
<td><input type="password" class="bginput" style="font-size: 11px" name="vb_login_password" id="navbar_password" size="10" tabindex="102" /></td></tr>
<tr>
<td><input type="submit" class="button" value="$vbphrase[log_in]" tabindex="104" title="$vbphrase[enter_username_to_login_or_register]" accesskey="s" /></td>
<td align="right" class="smallfont" colspan="2" nowrap="nowrap"><label for="cb_cookieuser_navbar"><input type="checkbox" name="cookieuser" value="1" tabindex="103" id="cb_cookieuser_navbar" accesskey="c" checked="checked" />$vbphrase[remember_me]</label></td>
</tr>
</table>
<input type="hidden" name="s" value="$session[sessionhash]" />
<input type="hidden" name="do" value="login" />
<input type="hidden" name="vb_login_md5password" />
<input type="hidden" name="vb_login_md5password_utf" />
</form>
<!-- / login form -->
</if>and paste above code in header template---
Code:
<!-- logo -->
<a name="top"></a>
<table border="0" width="$stylevar[outertablewidth]" cellpadding="0" cellspacing="0" align="center">
<tr>
<td align="$stylevar[LEFT]"><a href="$vboptions[forumhome].php$session[sessionurl_q]"><img src="$stylevar[titleimage]" border="0" alt="$vboptions[bbtitle]" /></a></td>
<td align="$stylevar[align=right]">
----INSERT THE LOGIN BOX CODE HERE----
</td>
</tr>
</table>
<!-- /logo -->very sorry don't have any sol for your second prob
[/LEFT][align=center]vBFlash Header (Lite)
Design: Syrus XL Media – Professional Flash Development
Support Only: Digital Port UK - vBulletin Flash Enhancements - Home
Site Demo: vBTEAM Underground - vBTEAM Underground
Header size: 600x150 pixels
Revision: v1.0
vBulletin version: ALL VERSIONS - Unless vBulletin changes a lot!
Templates Edits: 2
Extra Files: 8
Full instruction manuals supplied in Text and Acrobat formats within package.
LOG:
Updated: 7th March 2007 - Updated to 1.1 - small bug in javascript code, preventing flash movie loading. Package updated with bug fixed.
headinclude template code should be this:
Code:
<script type="text/javascript" src="clientscript/flashobject.js"></script>About
Bring your forum header to life with this ‘vBFlash Header’ modification. The vbFlash Header is an alternative header/logo for the default vBulletin style. It uses an easy to configure XML file to setup the header the way you want it to display the images. The package includes 5 example images, which you will need to change for your own website/forum. vBFlash Header supports multiple images, image pause and 9 transition effects. This ‘Lite’ version is based on a default vBulletin forum, it can be adapted to suit other custom styles quite easily. It is designed to work with fixed and fluid styles, from 800 pixels wide upwards. A dark version will be added shortly.
The flash loader only adds 7k to your page load, so it's light-weight for any forum.
Creating Your Images
Your images should be 600 pixels wide and 150 pixels high and saved in a non-progressive jpeg format. The quality of your images may vary, depending on how you want the overall look. We have created example images in Photoshop and entered the ‘Website Name’ text on the top layer, this gives the impression that the text is static in most of the effects, even though it is changed upon each image load.
Note: If you change an image and overwrite an example image, make sure you empty your browser cache, should the image fail to change. Browsers will cache flash animations, so this is important.
Configuring the XML file
The enclosed ‘images.xml’ file controls how the flash file shows the images, hence you can change a few aspects of your header. Make sure all your images are correctly labelled and are reflected within the XML file. The ‘Pause’ function is the delay which an image stays on view – the default is set to 6 seconds (value=6000). Transition value can be any number between 1 and 9, if you set this value to ‘0’ it will randomize the effects. You may add more images by adding more image tag lines, and adding the images to the ‘xheader’ directory.
Installation
Upload the contents of the ‘UPLOAD’ folder to your forum root. If you receive a warning about overwriting the ‘flashobject.js’ file, you can overwrite or skip - this normally happens if you have installed previous modifications released by us (we use the flashobject.js file to correctly embed flash objects into pages - this maximizes browser compatibility).
File map:
[*]forum/clientscript/flashobject.js
[*]forum/images.xml
[*]forum/vbflashheader.swf
[*]forum/xheader
[*]forum/xheader/img1.jpg
[*]forum/xheader/img2.jpg
[*]forum/xheader/img3.jpg
[*]forum/xheader/img4.jpg
[*]forum/xheader/img5.jpg
vBulletin Template Edits
You will know need to login to your AdminCP panel and follow these instructions on which templates require editing. Only 2 are required for this modification.
Style & Templates -> Style Manager -> Default Style -> Edit Templates
headinclude template
Find:
Code:
<script type="text/javascript" src="clientscript/vbulletin_global.js?v=$vboptions[simpleversion]"></script>Before add:
Code:
<script type="text/javascript" src="clientscript/flashobject.js"></script>Header template
Find:
Code:
<tr>
<td align="$stylevar[align=left]"><a href="$vboptions[forumhome].php$session[sessionurl_q]"><img src="$stylevar[titleimage]" border="0" alt="$vboptions[bbtitle]" /></a></td>
<td align="$stylevar[align=right]">
</td>
</tr>And replace with this code:
Code:
<!-- vbFlash Header Start -->
<div id="vbheader">
Warning!!! To view enable JavaScript and Flash!
</div>
<script type="text/javascript">
var fo = new FlashObject("vbflashheader.swf", "vbheader", "800", "150", "8,0,0,0", "#e1e1e2");
fo.addParam("quality", "high");
fo.write("vbheader");
</script>
<!-- vbFlash Header End -->End of template edits.
Enjoy your new flash-based header!
Note: Adding this modification to a Portal system outside the forum root.
If you are using a portal with this modification outside the forum root you will need to make one small change to the code in the header template. The line with the "vbflashheader.swf" in will need to have an absolute path. Example: "http://www.yourdomain.com/forums/vbflashheader.swf".
Additional Notes:
This modification is fully supported at vBulletin.org Forum - The Official vBulletin Resource! – should you require advice or help. Please note, unless you click INSTALL, your question maybe ignored.
If you require a branding free version, simply donate $5 and state the domain where it will be used upon, and an email address where we can send you the package.