designbump

So, you just created this awesome fancy background for a website. The top part of the background is large and in charge, while everything below it is going to be a repeating background that goes all the way down to the bottom of the page and helps define your website’s borders. This is a tutorial on accomplishing that without creating any scrolling

In this tutorial, I will provide various CSS examples on how you can create a large background site using either a single or double images

An excellent resource for repeating background patterns / images, patterns such as these can be used for a host of things such as a web page background, or adding extra detail to containing blocks, adjust the visibility and youve got a great new look for some thing that would normally look quite plain, here youll find some tutorials on how to create your own and some sources to download patterns.

Tiled backgrounds are great for both website backgrounds and in all kinds of Photoshop work. They are particularly useful when working with textures where you need a larger overall background than the small image you have to work with. In this quick tutorial I'll take you through taking a texture and turning it into a background image ready for seamless tiling. It's a useful little technique that's been around forever.