This tutorial will teach you how to create a very nice looking thick diagonal website background. It is very clean layout and can also be used for images, wallpapers, etc.

1. Begin by creating a new document at 40×40 pixels. Make it transparent.

2. Go to edit>preferences>guides, grids & slices. Use these settings:

3. Here is what you should see when zoomed in.

4. Next set your colors to #bababa and #767676 and use the pencil brush tool (B) with any small size, we are just sketching in a rough outline of the diagonal pattern.