Breadcrumb 'Overhaul'
Mod Version: 1.00, by DataHero
| vB Version: 3.8.x | Rating:  (1 vote - 5.00 average) |
Installs: 5 |
| Released: 15 Aug 2010 | Last Update: Never | Downloads: 24 |
 Not Supported
 Template Edits
Re-usable Code
|
||
Notice: Please do not alter 'my' code to your liking and then claim it's your own. Altering it for personal use is fine.
Do note that this modification was made to my personal taste. For instance, the last bit of the breadcrumb (basically, the location of where you are at, at the moment) has been removed as I personally thought it wasn't needed. But that's my opinion anyway.
I do not support - if anyone seeks such - custom or heavily modified templates. This template modification has been tested using the default vBulletin style.
Description:
I wanted to tweak my board to my personal taste. Once I came across SWGEmu, I was inspired by it and thus after a while, decided to figure it out and do something similar -- took me quite some time, but worth every minute! Anyway, this template modification alters the breadcrumb along with the forum description bits (the ones that are displayed in FORUMDISPLAY and SHOWTHREAD). It makes things, in my opinion, look 'neater'.
Instructions:
Navigate to your 'Breadcrumbs / Navigation' templates in the Style Manager of your AdminCP. Open the navbar template. Once there, search for the following lines:
Somewhere around that area, beneath, there should be a code similar (or exactly) like this -- remove it (or place between HTML comment tags):
Place the following code between comment tags as well (or remove it, your choice):
----------------------------------------------------------------------------
Now, find the following line:
Beneath it, add:
Once done, go to your Main CSS page of your style, and add the following additional CSS at the bottom:
You can alter the CSS as to match your forum skin. Remember: this was done using the default style of vBulletin.
----------------------------------------------------------------------------
If you'd like the forum name to display in front of description too, add in front of it:
If you want to show the last element in the breadcrumb, add the following line of code wherever you deem necessary:
----------------------------------------------------------------------------
That's pretty much it.
Do click if you like it!
Do note that this modification was made to my personal taste. For instance, the last bit of the breadcrumb (basically, the location of where you are at, at the moment) has been removed as I personally thought it wasn't needed. But that's my opinion anyway.
I do not support - if anyone seeks such - custom or heavily modified templates. This template modification has been tested using the default vBulletin style.
Description:
I wanted to tweak my board to my personal taste. Once I came across SWGEmu, I was inspired by it and thus after a while, decided to figure it out and do something similar -- took me quite some time, but worth every minute! Anyway, this template modification alters the breadcrumb along with the forum description bits (the ones that are displayed in FORUMDISPLAY and SHOWTHREAD). It makes things, in my opinion, look 'neater'.
Instructions:
Navigate to your 'Breadcrumbs / Navigation' templates in the Style Manager of your AdminCP. Open the navbar template. Once there, search for the following lines:
Code:
<!-- breadcrumb, login, pm info --> <table class="tborder" cellpadding="$stylevar[cellpadding]" cellspacing="$stylevar[cellspacing]" border="0" width="100%" align="center"> <tr>
Code:
<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_$stylevar[textdirection].gif" alt="" border="0" /><else /><a href="$navbar_reloadurl"><img class="inlineimg" src="$stylevar[imgdir_misc]/navbits_finallink_$stylevar[textdirection].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>
Code:
<if condition="$show['forumdesc']"> <table class="tborder" cellpadding="$stylevar[cellpadding]" cellspacing="$stylevar[cellspacing]" border="0" width="100%" align="center"> <tr> <td class="alt1" width="100%"><strong>$foruminfo[title]</strong> <span class="smallfont">$foruminfo[description]</span></td> </tr> </table> <br /> </if>
Now, find the following line:
Code:
<!-- / nav buttons bar -->
Code:
<br />
<div id="breadcrumb-bit">
<table cellpadding="$stylevar[cellpadding]" cellspacing="$stylevar[cellspacing]" border="0" width="100%" align="center">
<tbody>
<tr>
<td nowrap="nowrap">
<if condition="is_array($navbits)">
<div style="font-size: 13px;">
<a href="#" onclick="history.back(1); return false;" class="noline">
<img class="inlineimg" src="$stylevar[imgdir_misc]/navbits_start.gif" border="0" alt="$vbphrase[go_back]" />
</a>
<a href="$vboptions[forumhome].php$session[sessionurl_q]" accesskey="1">$vboptions[bbtitle]</a> $navbits[breadcrumb]
</div>
<else />
<div style="font-size: 13px;"><a href="$vboptions[forumhome].php$session[sessionurl_q]" accesskey="1">
<img class="inlineimg" src="$stylevar[imgdir_misc]/navbits_start.gif" border="0" alt="" /></a> <strong>$vboptions[bbtitle]</strong>
</div>
</if>
</td>
<td style="min-width:230px; padding-left: 11px;">
<if condition="$show['forumdesc']">
<div>
<table class="tborder" cellpadding="$stylevar[cellpadding]" cellspacing="$stylevar[cellspacing]" border="0" width="100%" align="center">
<tr>
<td class="alt1" width="100%"><span class="smallfont">$foruminfo[description]</span></td>
</tr>
</table>
</div>
</if>
</td>
</tr>
</tbody>
</table>
</div>
Code:
#breadcrumb-bit {
padding: 0px 8px 0px 0px;
margin: 0px 0px 0px 0px;
border-top: 1px outset #000;
border-bottom: 1px inset #000;
background-color: transparent;
}
----------------------------------------------------------------------------
If you'd like the forum name to display in front of description too, add in front of it:
Code:
$foruminfo[title]
HTML Code:
<if condition="$_SERVER['REQUEST_METHOD'] == 'POST'"><img class="inlineimg" src="$stylevar[imgdir_misc]/navbits_finallink_$stylevar[textdirection].gif" alt="" border="0" /><else /><a href="$navbar_reloadurl"><img class="inlineimg" src="$stylevar[imgdir_misc]/navbits_finallink_$stylevar[textdirection].gif" alt="$vbphrase[reload_this_page]" border="0" /></a></if> <strong>$navbits[lastelement]</strong>
That's pretty much it.
Do click if you like it!
Download
readme.txt (5.1 KB, 25 downloads)
Screenshots
