Design background patterns in a few clicks online
10. July 2009

Instead of using just one plain color or a photo as a background on a website or blog, designers use patterns very often. You can see it on this weblog as well, a dark background with a light and calm pattern.

There are hundreds of free patterns available on the internet to use for your projects, but if you use these, there is a slight chance that they don’t suffice your needs because you didn’t design them yourself. With BGpatterns you can easily create your own patterns by selecting an image, scaling it and selecting the colors. Besides the possibility of designing a pattern yourself, you can also choose a pattern from other users. When you are satisfied about the result, it provides you a download link for the image so you can upload it to your server and use it in your project.

It’s easy to implement such a background with CSS, like the code below:

html,body {
background-image: url(images/your_pattern.jpg) top repeat fixed;
}

Digg Delicious Stumble Upon Reddit Twitter Subscribe by RSS Subscribe by Email

One comment on “Design background patterns in a few clicks online”

Sunday, 12. July 2009 um 9:07 pm Uhr

great but repeat fixed work in ie6?

I always use:
html,body {
background-image: url(images/your_pattern.jpg) top repeat-x repeat-y;
}

Regards

Leave a comment