Moving on from my previous tutorial on how to create the diagonal stripe background, Fabio posted an excellent website that does all the hard work for you. All you need to do is move a few sliders to set colours, stripe width and shadow etc and click on a download link!

Here’s a screen-shot of this excellent widget in use:

StripeGenerator.com

Here’s what the sliders do:

1. Stripe size (thick or thin)
2. Spacing between the stripes
3. Stripe colour
4. Background style. You can put a gradient background behind the stripes
5. Background gradient height
6. Background colours
7. Stripe orientation

Overall a very nice widget for easily creating stripes for use in your designs. Well done guys.

Related Posts

• How to create a tiled background for your web page
• Is the diagonal line background style old hat now?
• Make a simple diagonal page background using photoshop and css
• Create a simple web page with CSS and a background image
• Giving your blockquotes more style