Xenforo Breadcrumb Diagonal Pattern

Discussion in 'Guides, Tips & Tricks' started by Shelley, Oct 28, 2011.

    Shelley Designer

    Gender:
    Female
    Score:
    +454 / 11 / -3
    Preview
    breadcrmb_diagonalpattern.png breadcrmb_diagonalpattern1.png

    We've all seen those diagonal patterns in the breadcumbs area so i thought i'd create an array of patterns with different widths (though at the time of release I'm releasing this size). it's a simple and quick edit.

    Note!! The opacity in the screenshots is set to 3% I've attached another patterned gradient which is of higher opacity and at 6% for those that want a more prominent pattern showing in the breadcrumbs.

    First upload the image in the attachment into your /gradients folder then go into your Style Properties >>Breadcrumb >> And insert the following into the background-image field ensuring that you only set the position field to "top"

    Code:
    @imagePath/xenforo/gradients/breadcrumb_grad.png
    

    Attached Files:

    Hayden New Member

    Gender:
    Male
    Score:
    +2 / 2 / -0
    Thanks Shelley. really cool!

Share This Page