1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.

Breadcrumb Ribbon Enhancement v1

Breadcrumb Ribbon Enhancement

  1. Shelley

    Shelley Well-Known Member

    Shelley submitted a new resource:

    Breadcrumb Ribbon Enhancement (version v1) - Breadcrumb Ribbon Enhancement

    Read more about this resource...
     
    Kevin, 0xym0r0n, RobinHood and 2 others like this.
  2. Shelley

    Shelley Well-Known Member

    Red Breadcrumb ribbon enhancement in this post as i can't upload multiple attachments in a single resource.
     

    Attached Files:

    ArnyVee and Yorick like this.
  3. Vincent

    Vincent Well-Known Member

    I love it, but 1 minor thing:
    Screen Shot 2012-07-15 at 13.51.19.png

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

    Oh, and is it possible to add some little white arrows?
     
  4. Shelley

    Shelley Well-Known Member

    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.
     
    Vincent likes this.
  5. Vincent

    Vincent Well-Known Member

    The "Post new Thread" issue got solved by changing (in xenforo.css)
    Code:
    .topCtrl
    {
        float: right;
    }
    to

    Code:
    .topCtrl
    {
        float: right;
        margin-top: 10px;
    }
     
  6. Vincent

    Vincent Well-Known Member

    Thanks, now both my problems are solved :)
     
    Shelley likes this.
  7. Chris D

    Chris D XenForo Developer Staff Member

    I rarely say this about a resource I wouldn't personally use, but:

    This is fantastic. Well done :)
     
    Shelley likes this.
  8. Shelley

    Shelley Well-Known Member

    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;
    }
    
     
  9. Vincent

    Vincent Well-Known Member

    Thanks! It doesn't matter though, I use TMS :)
     
  10. Vincent

    Vincent Well-Known Member

    Do you think it can be made in Blue too?
     
  11. Shelley

    Shelley Well-Known Member

    Is that a request?
     
  12. Vincent

    Vincent Well-Known Member

    Yes, indeed, and a failed one too :D Of course you can..
    If you'd have time, can you please do it?
     
  13. Shelley

    Shelley Well-Known Member

    lol I didn't mean it to sound like that I wasn't sure whether you wanted a blue ribbon and it was a request. Anyway, sure check attachment.
     

    Attached Files:

    Vincent likes this.
  14. Vincent

    Vincent Well-Known Member

    Thanks!
    Just on a side note, I want a professional opinion :D
    http://www.hlxbans.net/forum/
    Does that look good or not?
     
  15. Shelley

    Shelley Well-Known Member

    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.
     
    Vincent likes this.
  16. Vincent

    Vincent Well-Known Member

    Yep, it's intentional. And I had thought of that, but I was lazy :p
    It doesn't really matter, does it?
     
  17. Shelley

    Shelley Well-Known Member

    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
     
    Vincent likes this.
  18. Shelley

    Shelley Well-Known Member

    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.png
     
    Vincent likes this.
  19. Vincent

    Vincent Well-Known Member

    Okay, that does indeed look better :)
    I'll apply it right away :D
    Thanks once again Shelley!
     
    Shelley likes this.
  20. Shelley

    Shelley Well-Known Member

    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.
     

Share This Page