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: 147
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:	1783
Size:	73.9 KB
ID:	137213   Click image for larger version

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

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

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

Click image for larger version

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

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

Name:	screenshot.386.jpg
Views:	862
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.
  #31  
Old 09 May 2012, 15:37
Onkeltyson's Avatar
Onkeltyson Onkeltyson is offline
 
Join Date: Dec 2009
Real name: Robert
Looks nice ;-) Thanks for that
Reply With Quote
  #32  
Old 11 May 2012, 08:30
tidus78's Avatar
tidus78 tidus78 is offline
 
Join Date: Sep 2009
Two problems :

1) Layout
2) Home disappears



__________________
www.console-planet.it/forum.php
Reply With Quote
  #33  
Old 11 May 2012, 17:53
MajinOLesedi MajinOLesedi is offline
 
Join Date: Jul 2011
Thank you, good job
Reply With Quote
  #34  
Old 11 May 2012, 19:31
Winter Sonata Winter Sonata is offline
 
Join Date: Apr 2010
very good job!
Reply With Quote
  #35  
Old 12 May 2012, 18:56
tidus78's Avatar
tidus78 tidus78 is offline
 
Join Date: Sep 2009
Solved

Something similar for navbar?
__________________
www.console-planet.it/forum.php
Reply With Quote
  #36  
Old 25 May 2012, 02:29
iBaker's Avatar
iBaker iBaker is offline
 
Join Date: Nov 2006
This works ok for 4.2
__________________
Regards Ian (Xenforo: Recreational Flying. vBulletin: Aviation Enthusiasts)
NOTE: Previously whatever I posted on forums was copied by a competing site. So I post this in the hope that it does help others but on the condition that anything that I post is not allowed to be used by Glenn Inwood of Cowra NSW Australia or anyone associated with him.
Reply With Quote
  #37  
Old 01 Jun 2012, 01:00
GaRanT GaRanT is offline
 
Join Date: Nov 2007
I have default vb4.2.0 template but with customized sidebar.
Could someone help me please with breadcrumb css to make it as default colors of sidebar.
Reply With Quote
  #38  
Old 12 Jun 2012, 02:43
dwx's Avatar
dwx dwx is offline
 
Join Date: Apr 2012
Nice template hack, I really like the look of the Breadcrumbs now!

I was dealing with a lot of confusion about how to change the language on my site, so I made a small modification to add and additional language picking box to the right side of the breadcrumb box. This way it's near the top of the page instead of scrolled off the bottom.

To accommodate the slightly larger drop down box for the language selector, I had to make the bar a few px taller. Below are the code modifications from private_ale's original hack.

Here's the new code for additional.css:

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

Here's the new code to add for navbar:

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

navbar_link remains the same.

I hope you find this hack-on-hack useful!

-dwx
Reply With Quote
  #39  
Old 17 Jun 2012, 04:11
GameOverViper GameOverViper is offline
 
Join Date: Jun 2011
I'm having an issue with it after installing. It shows two lines on the bottom, which doesn't look like the examples I've seen here. I'm using the latest version of vbulletin, 4.2.0.
Attached Images
File Type: jpg breadcrumbs.jpg (27.0 KB, 80 views)
Reply With Quote
  #40  
Old 17 Jun 2012, 13:58
dwx's Avatar
dwx dwx is offline
 
Join Date: Apr 2012
Originally Posted by Americanbang View Post
I'm having an issue with it after installing. It shows two lines on the bottom, which doesn't look like the examples I've seen here. I'm using the latest version of vbulletin, 4.2.0.
I had the same issue, it was because there's an underline that's NOT overwritten by the bounding box. It's theme specific, and has nothing to do with 4.2. You tweak the CSS and make the regions larger so it fills up your space.

Take a look at the modification's I posted above, I increased the height of the bar by 6 or 7px to accommodate the language picker, and had to adjust the arrows to fit as well.

dwx
Reply With Quote
  #41  
Old 30 Jun 2012, 19:37
final kaoss final kaoss is offline
 
Join Date: Apr 2006
Thanks, installed.
Reply With Quote
  #42  
Old 06 Jul 2012, 21:15
Neo_Angelo's Avatar
Neo_Angelo Neo_Angelo is offline
 
Join Date: Dec 2005
Location: Ober Dere!
Real name: Tom
I love this modification, looks much nicer than the dDefault, thanks for the share.
Reply With Quote
  #43  
Old 09 Jul 2012, 09:46
initiald initiald is offline
 
Join Date: Mar 2012
This would be nice if you can add navbit-home icon next to "Your Site Name" or remove "Your Site Name" and replace it with the "home icon".
Reply With Quote
  #44  
Old 24 Jul 2012, 16:12
dot. dot. is offline
 
Join Date: Sep 2009
Originally Posted by initiald View Post
This would be nice if you can add navbit-home icon next to "Your Site Name" or remove "Your Site Name" and replace it with the "home icon".
This would in fact be awesome.
Reply With Quote
  #45  
Old 26 Jul 2012, 22:29
Chadi's Avatar
Chadi Chadi is offline
 
Join Date: May 2004
Conflicting issue it seems, first there is already a .breadcrumb class in vbulletin.css

Problem is that the body background is missing its white property. I tried to even change the custom additional.css (yours) breadcrumb background property to match the vbulletin.css one, cleared cache but for whatever reason didn't take effect.
Attached Images
File Type: jpg css.jpg (77.7 KB, 53 views)
__________________
...............................
Talk Jesus Forums: Christian Chat
games . chat . gallery . bible . videos
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 16:52.

Layout Options | Width: Wide Color: