Adding a MySpace Background Image, Position & Tiling Overview

 

You can override the default behaviour of the MySpace background image
By setting a specific start position and, optionally, a tile direction. Here is a sample code snippet which modifies the code you learned in the default behaviour tutorial. It utilizes all of the options taught in the individual MySpace background image positioning and tiling tutorials:


<style type="text/css">
body { background-color: 000000;
background-image: url(http://CoolerCode.com/images/CoolerCode_logo.gif);
background-position: top left;
background-repeat: repeat-y;
background-attachment: fixed;
}
</style>

This sets the MySpace background color to black, the MySpace background image to CoolerCode_logo.gif which lives on my CoolerCode.com web site in the /myspace_graphics/backgroundimages directory. The MySpace background image is positioned to start at the top left corner and will tile up and down (only down being visible, but remember the background is infinite). The MySpace background image is also fixed so all content scrolls over the top like it is floating. Here are the different options available for each setting:

Background-color

a color value in hex (000000 - FFFFFF) Click on the links above to see samples.

Background-image

the fully qualified URL to where the image lives on the web.

Background-postition

top OR center OR bottom
AND/OR
left OR right
If you do not specify left OR right the image will be centered horizontally

Background-repeat

repeat-x (left and right)
OR
repeat-y (up and down)
OR
no-repeat

Background-attachment

fixed (the content "floats" and the background remains stationary)
scrolling (the background and the content scroll together, default)

 
Back
Home | MySpace Codes | MySpace Layouts | MySpace Generators | MySpace Graphics | MySpace Tutorials | MySpace Cursors | MySpace Videos