neskaya
Follow [ bookmark livejournal facebook twitter rss stumbleupon ]
Log in to download layouts, skins, and emoticons. Register?

Designs

Web Templates
LJ Layouts
phpBB3 Skins

Graphics

Avatars
Textures
Buttons
Emoticons
Pixels
Fonts

Misc & Fun

Quizzes
Tutorials
Interactive

Community

Forums
Rotation

Site

FAQ & Contact
Links

Affiliates

Komet Tails
Smile Scan
Dragonrain

CSS Tutorial: Customizing Background

This tutorial tells you how to add a background to your site and how to customize it. For the background of Neskaya's pages, I simply put this code in the body { } property:

That's the short way to display background.gif with color #FFFFFF behind it should the image not exist and have it repeat. I'm not entirely sure if the shorthand coding is correct. (But hey, my CSS validated, so.. ^_^) If you want to do it the formal way, here are the properties you can use:

Background CSS Coding

You can enter into background-position any of the following for the x and y positions: top, left, center, right, bottom, x%, y%. Or you can use some combinations, such as: bottom right, top left, center center.

For background-repeat, the values you can use are: repeat, repeat-x, repeat-y, and no-repeat. repeat-x and repeat-y will repeat horizontally and vertically only.