Background Patterns
Following are several background patterns that were designed using the Reeper Pro pattern generator.
You can design a pattern out of any image with that program and it's a fun tool to play with. Feel free to use these patterns on your website. Some of these patterns may be suitable as a border down the side of your web page or under the banner or header.
How to apply a Background Pattern to your Web page
Put the following code for a background image in the body tag of your page:
background="Put_Image_Name_Here.jpg"
Or put the following in your CSS file for a background image:
background-image:url(BackgroundImageNameGoesHere.jpg);
background-repeat:repeat;
If this is done correctly this image will spread horizonally and vertically throughout your page.
If you prefer to have the pattern run vertically down the page change the repeat to "repeat-Y" or if you want it only across the top of the page then change it to "repeat-X" (the wider horizontal images you may want to flip so they are more vertical).
If the pattern is too large just reduce the size of the tile. If it's too bright just reduce the contrast.
background="Put_Image_Name_Here.jpg"
Or put the following in your CSS file for a background image:
background-image:url(BackgroundImageNameGoesHere.jpg);
background-repeat:repeat;
If this is done correctly this image will spread horizonally and vertically throughout your page.
If you prefer to have the pattern run vertically down the page change the repeat to "repeat-Y" or if you want it only across the top of the page then change it to "repeat-X" (the wider horizontal images you may want to flip so they are more vertical).
If the pattern is too large just reduce the size of the tile. If it's too bright just reduce the contrast.
Blue Ice Crystal Patterns
The following crystal patterns were all made from this photo
of a frosted window on a very cold winter:
of a frosted window on a very cold winter:
Click the images below to see how the pattern looks on a web page
 Blue Crystal 4 |
 Blue Crystal 6 |
 Blue Crystal 5 | |
 Blue Crystal 9 |
 Blue Crystal 7 |
 Blue Crystal 8 | |
Also see Background Textures and several tutorials on how to design different
backgrounds on the Background Tutorials page
Other pattern tiles will be added as time permits
Lori Eldridge
Copyright © July 24, 2010
All Rights Reserved
