Social Web Directory :: Social Network Directory :: Ning Tips and Ning Support
Add a Tiled Background to Ning Networks or Website - Using Seamless Tiles:
This tip is geared more towards newbies, but nice knowledge to gain if you don't know about "tiled" website backgrounds. Did you know you can add a nice polished background to your Ning Network or any website by using what are called "seamless tiles"? Seamless tiles are typically small square images that are created with edges that will match when placed side-by-side and will show no seam. The one seamless tile is used to fill your entire background area. You can find all kinds of free and premium seamless tiles online, and even seamless tile generators. Just Google the words: seamless tiles OR seamless patterns OR seamless texture
The way it works:
When you use a seamless tile image, in order to make it fill the background area, you either "tile" or "repeat" the image. Some platform software like Ning, gives you the ability to upload a seamless tile and click on "tile" to build your background. Or, if this isn't an option for you, using CSS and the background-repeat property: repeat, will do the same thing. I will show you how to do this with CSS, and how to add to a Ning Network using the Design Studio.
Seamless Tile Example:
Here's an example tile, and a screen shot of the tile when "repeated" in both the horizontal width and vertical height of a screen. We call this the x and y axis - - yep, just simple geometry.
Add Seamless Tile Background with CSS (Ning or Other Websites):
background: url("http://api.ning.com:80/files/YhwQqZhqiBZ5yA*wlasIFVr-gD6eBNr9JZmI4IalQqo6ODjge3cY7*TFSEQGYzlXJ0OP*mo3Xco2hLSSSCr7Ti*bJ2TEc*qG/rough_canvasrepeating_background.jpg") repeat scroll 0 0 transparent;
background: url("http://api.ning.com:80/files/YhwQqZhqiBZ5yA*wlasIFVr-gD6eBNr9JZmI4IalQqo6ODjge3cY7*TFSEQGYzlXJ0OP*mo3Xco2hLSSSCr7Ti*bJ2TEc*qG/rough_canvasrepeating_background.jpg") repeat scroll 0 0 transparent!important;
Add Seamless Tile Background Using Design Studio:
Choosing a seamless tile - and links to elegant tiles: