Breadcrumb 'Overhaul'

[DataHero]

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:

<!-- breadcrumb, login, pm info -->
<table class="tborder" cellpadding="$stylevar[cellpadding]" cellspacing="$stylevar[cellspacing]" border="0" width="100%" align="center">
<tr>

Somewhere around that area, beneath, there should be a code similar (or exactly) like this -- remove it (or place between HTML comment tags):

<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>&nbsp;</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>

Place the following code between comment tags as well (or remove it, your choice):

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

<!-- / nav buttons bar -->

Beneath it, add:

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

Once done, go to your Main CSS page of your style, and add the following additional CSS at the bottom:

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

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:

$foruminfo[title]


If you want to show the last element in the breadcrumb, add the following line of code wherever you deem necessary:

<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 install (https://vborg.vbsupport.ru/vborg_miscactions.php?do=installhack&threadid=248622) if you like it! :)

[Hell Bomb]

Very nice. Think I would be allowed to implement this into one of the styles I make if i give you credits?

[mikey1991]

Good Job :)

[DataHero]

Thanks. :)
Think I would be allowed to implement this into one of the styles I make if i give you credits?
Yeah, that's fine. So... go ahead, I'd say. :)

[Rich]

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.

The current location should also be the title of the page. With that in mind, that location contributes to the on-page SEO. You may want to consider re-adding it. (Or not, lol. It has a beneficial aspect to the page though and should be there.)

[DataHero]

Updated original post with contents on how to add the last element. If you want to do so, add the following where you deem it necessary. The markup / container for that is up to you.


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

[al2thero]

thank you