online.
Add to Myspace.
Advertise here?



































Comment Boxes Codes Div Layouts Standard Layouts All myspace content
Blinkies Glitters Icons Pixels
Backgrounds Brushes Glitter Fills Textures Tutorials
Overview Terms of Service Pricing & Payment Portfolio
                     


Editting the Background

If you haven't already, you might want to check out the Getting Started tutorial. I'll be using some terms from there, and it will help you understand how to put the following information to use.

For every site that I've done codes for, the section title to edit the main background is simply the word body.

Here are the different properties of the background you can change, and what you can change them to. Put these codes after the { after the section title:

background-color: xxx;

Replace the xxx with the color you want to use. Hex codes are the best way to go. Click here for a list of web safe hex codes

background-image:url(xxx);

Replace the xxx with the URL of the background image you want to use. If you don't want to use one at all, just erase the xxx or don't put this line of code in at all.


background-position: xxx;

Replace the xxx with the position you want the background image to be in. The positions are top left, bottom left, center left, center center, top right, bottom right, and center right. Don't even bother with this property if you don't have a background image.

background-repeat: xxx;

Replace the xxx with the word repeat, repeat-y, repeat-x, or no-repeat. Obviously if you put underline, the text will be underlined. None means it won't be. On websites you can also use overline and line-through.

background-attachment: xxx;

Replace the xxx with the word fixed or scroll. If you pick fixed, the background image will not move along with you as you scroll. If you pick scroll, it will move with you.

Did you get completely confused? Here's what my code looks like. Yours won't look exactly the same, but you should be able to get the idea.

body {
background-color:#000000;
background-image:url(http://www.atomicaffliction.com/images/patterns/small/1.png);
background-position: top left;
background-repeat:repeat;
background-attachment:fixed;}

These properties are not just used to edit the main background. You can use them to edit the background of almost any other section.

All Affiliates
I'm not accepting new ones for now, sorry.
Bloginka Requiem Love Explosive Art FunkySkitzNova LTY Designs Heartquasm Gippersnap False Tiger Limbs NICKAWHAT!? The Fate of 1 Amazing Codes Retro Freak Rock Candy Sweet Rewindd Classic Amor Jenny Provided Ashway Oewf Designs Eerie Silence Behindherheart Retro Kisses Lyt-Box Oh Really Quote Mania Unique Myspace Stuff Classic Boy Not Fleur Child Euvive Oh Lyts Kawaii Town The Whole Horizon Vivid Opals Aesthetic Intoxication Allure Designs Velvet Charm Girlish Designs Sparkling Designs Exotic Lyts Coconut Lyts Myspace in Your Face! Whimsicalous Glitterfied Lovable Pixam Sudden Explosion Just Joe Jonas Connito Sugary Paradise Star Monkey Designs Enchanted Spirit Elusionerie Sharper Myspace Blindfolded Lyts Vibrant Dream Akame Quotes Echo Designs Dreamer Productions Toxic Tutorials Switch Lyts Innocense Graphics Lost in a Dream Shadowed Life Sprinkle Sparkle Rawr Pink Rockstar Layouts Jaraya


home contact credits faq linkus
© Atomic Affliction 2007-2008
eXTReMe Tracker