Register Members List Search Today's Posts Mark Forums Read

Reply
 
Mod Options
Alternative Breadcrumbs for your vB4 Details »
Alternative Breadcrumbs for your vB4
Mod Version: 1.00, by private_ale (Member) private_ale is offline
Developer Last Online: Nov 2014 I like it Show Printable Version Email this Page

vB Version: 4.1.11 Rating: (27 votes - 4.74 average) Installs: 148
Released: 22 Mar 2012 Last Update: Never Downloads: 0
Not Supported Re-usable Code Translations  

STOP: Before we go any further, I want to make it clear that you need to have a basic understanding of what you're doing. You need to have a basic understanding of CSS in order to make this perfect. I have tried my best to have this use vBulletin's existing stylevars, but you will most likely need to fine-tune it's cosmetic qualities on your own.


Some people have been asking for better breadcrumbs. A few months ago, I published a barebone template on how to accomplish such a task. Despite my good efforts, some people needed additional help to get it working. To make matters easier, I took time out today to make the breadcrumbs work with a vBulletin 4 system. It includes basic Microdata.

As previously mentioned above, these will need some CSS work on a non-default style. When these were originally built, it was for my website, not for mass distribution. I have given my best efforts to port it to using vBulletin's stylevars, but it's very, very crude. I have taken some time to add comments to the CSS so you can easily change the values if they don't work right.

If you want to see a live demo, you may visit my site:

Block Disabled:      (Update License Status)  
Suspended or Unlicensed Members Cannot View Code.

Please note my site is using the original revision. This here is the adapted.

Prerequisite to setting this up: This has only been tested on vBulletin 4.1.11; Create a copy of the Style you want to apply this to. Test it first. Make sure it looks good.

> Open Template Group `CSS Templates`
>> Open Template `additional.css`

### ADD ###

Block Disabled:      (Update License Status)  
Suspended or Unlicensed Members Cannot View Code.


> Open Template Group `Navigation / Breadcrumb Templates`
>> Open Template `navbar`

### FIND ###

Block Disabled:      (Update License Status)  
Suspended or Unlicensed Members Cannot View Code.

### REPLACE WITH ###

Block Disabled:      (Update License Status)  
Suspended or Unlicensed Members Cannot View Code.


>> Open template `navbar_link`
### REPLACE _EVERYTHING_ WITH ###

Block Disabled:      (Update License Status)  
Suspended or Unlicensed Members Cannot View Code.

Download Now

Only licensed members can download files, Click Here for more information.

Screenshots

Click image for larger version

Name:	screenshot.379.jpg
Views:	1829
Size:	73.9 KB
ID:	137213   Click image for larger version

Name:	screenshot.381.jpg
Views:	1266
Size:	70.9 KB
ID:	137214   Click image for larger version

Name:	screenshot.382.jpg
Views:	1352
Size:	110.5 KB
ID:	137215   Click image for larger version

Name:	screenshot.383.jpg
Views:	848
Size:	90.1 KB
ID:	137216  

Click image for larger version

Name:	screenshot.384.jpg
Views:	751
Size:	88.3 KB
ID:	137217   Click image for larger version

Name:	screenshot.385.jpg
Views:	978
Size:	87.3 KB
ID:	137218   Click image for larger version

Name:	screenshot.386.jpg
Views:	881
Size:	77.5 KB
ID:	137219  

Show Your Support

  • To receive notifications regarding updates -> Click to Mark as Installed.
  • This modification may not be copied, reproduced or published elsewhere without author's permission.
  #46  
Old 27 Jul 2012, 05:42
oldz442 oldz442 is offline
 
Join Date: May 2012
Thanks. Any ideas how to put the little Home icon back? I tried but get the below result.

EDIT: Is text-indent: 9999px; really needed, and if so, is there an alt? thx

EDIT: I got the home icon pretty much where I want it for now. Had to add padding:4px 0 6px 0 Curious... what do most folks set that far left link to... 'homepage' home or 'forum' home? I have it at homepage right now, but thinking forum home might be more logical as I already have a Home button in the main top nav where What's New is.
Attached Images
File Type: jpg Capture.JPG (12.4 KB, 56 views)
File Type: jpg Capture2.JPG (11.8 KB, 57 views)

Last edited by oldz442; 27 Jul 2012 at 08:23.
Reply With Quote
  #47  
Old 29 Jul 2012, 04:42
grey_goose grey_goose is offline
 
Join Date: Jun 2009
Very happy with this, thanks for sharing!
Reply With Quote
  #48  
Old 08 Aug 2012, 13:09
synseal's Avatar
synseal synseal is offline
 
Join Date: Apr 2009
Real name: Ben Dover.
Excellent!!! Thank you.
__________________
Tech forum.
Reply With Quote
  #49  
Old 09 Aug 2012, 07:00
artcrimes artcrimes is offline
 
Join Date: Jun 2012
Hi,

Great thread! Will you share footer area code of ​​your website? (https://www.beercandle.com/forum.php)

Also a very nice theme, what is the theme name?
Reply With Quote
  #50  
Old 20 Sep 2012, 02:19
nando99 nando99 is offline
 
Join Date: Dec 2005
Real name: Fernando
this is awesome!

anyway to get rid of the forum link tho?

Originally Posted by kralex View Post
Thanks

How to hide "Forums" links?

__________________
Part Time Gamerz - It's not that serious...
Reply With Quote
  #51  
Old 23 Oct 2012, 04:54
gariksher gariksher is offline
 
Join Date: Feb 2011
Real name: Igor
Thank you!
Mark as Installed.
__________________
www.povsemumiru.ru
Reply With Quote
  #52  
Old 28 Oct 2012, 19:42
cuphongle cuphongle is offline
 
Join Date: Jul 2005
its wonderful! thank you
anyone got a nicer/cleaner looking "post new thread" image?

thanks
Reply With Quote
  #53  
Old 04 Jan 2013, 21:36
joerns joerns is offline
 
Join Date: Feb 2005
Great mod, thank you! I have a small formatting issue (see attached image) and would appreciate any ideas on how to solve it. It only happens on the last item of a navigation path - upper levels are fine as in here: http://www.mopanetree.com/opentalk/1...a-space-2.html
Attached Images
File Type: png Breadcrumb.png (111.7 KB, 62 views)
__________________
MopaneTree.com - The People's Place: Namibia's Online Community & Message Boards
http://www.mopanetree.com
Reply With Quote
  #54  
Old 04 Jan 2013, 22:38
JamalFree JamalFree is offline
 
Join Date: Dec 2012
Thank you !!! Very nice
Reply With Quote
  #55  
Old 15 Jan 2013, 22:55
Lpspider Lpspider is offline
 
Join Date: Oct 2005
Real name: Daniel
All my arrows are pointing the wrong way using this css.

They are < instead of >. Tips?
Attached Images
File Type: png Screen Shot 2013-01-15 at 6.01.39 PM.png (20.3 KB, 47 views)
__________________
creative writing forums and writing workshops

Last edited by Lpspider; 15 Jan 2013 at 23:02.
Reply With Quote
  #56  
Old 29 Jan 2013, 12:43
badbob1337 badbob1337 is offline
 
Join Date: Oct 2012
tested on 4.2.0. buggy.
Reply With Quote
  #57  
Old 11 Mar 2013, 02:19
AnthemToGod AnthemToGod is offline
 
Join Date: Aug 2008
Tested 4.2.0, not working... But..

I changed some stylevar field i this code, working now..

Replace with this code on additional.css


Block Disabled:      (Update License Status)  
Suspended or Unlicensed Members Cannot View Code.

Reply With Quote
  #58  
Old 09 Jul 2013, 12:17
DemOnstar's Avatar
DemOnstar DemOnstar is offline
 
Join Date: Dec 2012
Wanted to see an example, followed the link to the site and found out it was private...

Screen shots would be nice.

Thanks.....
Reply With Quote
  #59  
Old 09 Jul 2013, 23:25
final kaoss final kaoss is offline
 
Join Date: Apr 2006
There are screenshots, just look at the attachments.
Reply With Quote
  #60  
Old 12 Jul 2013, 08:30
ahobilam's Avatar
ahobilam ahobilam is offline
 
Join Date: Aug 2011
Real name: NVS
Hi
It is great for my forum 4.2.1
thank you
given 5*
See the breadcrumb below:
Reply With Quote
Reply


Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)
 
Mod Options

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


New To Site? Need Help?

All times are GMT. The time now is 17:15.

Layout Options | Width: Wide Color: