Breadcrumb Ribbon Enhancement

Breadcrumb Ribbon Enhancement v1

No permission to download
Overview Reviews (1) History Discussion
Shelley

Shelley

Well-known member
Shelley submitted a new resource:

Breadcrumb Ribbon Enhancement (version v1) - Breadcrumb Ribbon Enhancement

WSUcs.png

View attachment 31563

Summary: This enhance will transform your breadcrumbs into a Ribbon type visual. I've tested this on a default style and applied it to one other custom style and it appears to display correctly.

Install: Firstly, upload the images via FTP in the archive to your /gradients folder and then log into your AdminCP >> Appearance >>Templates >> and in the...
Click to expand...

Read more about this resource...
 
VincentU said:
I love it, but 1 minor thing:
View attachment 31568

The "Post new Thread" button should also be lowered when using this resource :)

Oh, and is it possible to add some little white arrows?
Click to expand...

You could try adding the following in extra.css for arrows.

Code: 
.breadcrumb .crust a.crumb:after {
content: ">";
padding-left: 5px;
}

With regards to the button. Yeah, the default button will need lowering which will be easy for users to do.
 
The "Post new Thread" issue got solved by changing (in xenforo.css)
Code: 
.topCtrl
{
    float: right;
}

to

Code: 
.topCtrl
{
    float: right;
    margin-top: 10px;
}
 
Shelley said:
You could try adding the following in extra.css for arrows.

Code: 
.breadcrumb .crust a.crumb:after {
content: ">";
padding-left: 5px;
}

With regards to the button. Yeah, the default button will need lowering which will be easy for users to do.
Click to expand...
Thanks, now both my problems are solved :)
 
VincentU said:
Thanks, now both my problems are solved :)
Click to expand...

Just a side note about the placement of the post new button and it'll save you a template edit rather than alter xenforo.css you can/could add the following in EXTRA.css adjusting the margin-top size to your preference.

Code: 
.breadBoxTop .topCtrl {
    margin-top: 10px;
}
 
Shelley said:
Just a side note about the placement of the post new button and it'll save you a template edit rather than alter xenforo.css you can/could add the following in EXTRA.css

Code: 
.breadBoxTop .topCtrl {
    margin-top: 10px;
}
Click to expand...

Thanks! It doesn't matter though, I use TMS :)
 
VincentU said:
Thanks!
Just on a side note, I want a professional opinion :D
http://www.hlxbans.net/forum/
Does that look good or not?
Click to expand...

I've noticed your not using the two fixed right and left ribbons. I'm assuming that is intentional? If so and your going for a straight bar you can most probably remove the breadcrumb template edit <div class="breadcrumbright"> & <div class="breadcrumbleft"> from the TMS and the associated css and simply just use the repeating breadcrumb-center image. Looks good.
 
Shelley said:
I've noticed your not using the two fixed right and left ribbons. I'm assuming that is intentional? If so and your going for a straight bar you can most probably remove the breadcrumb template edit <div class="breadcrumbright"> & <div class="breadcrumbleft"> from the TMS and the associated css and simply just use the repeating breadcrumb-center image. Looks good.
Click to expand...

Yep, it's intentional. And I had thought of that, but I was lazy :P
It doesn't really matter, does it?
 
VincentU said:
Yep, it's intentional. And I had thought of that, but I was lazy :p
It doesn't really matter, does it?
Click to expand...

It does in a way because your links are shifted to the right when they don't need to be. I would personally remove them if it were me. I'd seriosly remove the other div classes takes a second lazy bones :D
 
VincentU said:
Yep, it's intentional. And I had thought of that, but I was lazy :p
It doesn't really matter, does it?
Click to expand...

Here's what it will look like without the extra two divs and with a css adjustment (below) and adding the 1px right and left 1px border to .breadcrumb.

Code: 
.breadcrumb .crust a.crumb {
    padding: 0 10px !important;
}
breadcrumb-fix.webp
 
VincentU said:
Okay, that does indeed look better :)
I'll apply it right away :D
Thanks once again Shelley!
Click to expand...

Great stuff. That would have been annoying me had you left it as it was. Would it help if I re-coloured the image closer to the xenforo dark blue for your site? that colour blue variation doesn't quite suit imo but the blue xenforo uses i feel would be better suited. Let us know if you want me to make that colour change.
 
You must log in or register to reply here.
Back
Top Bottom