Difference between revisions of "Change MySpace Background"

From OpenTutorial
Jump to navigation Jump to search
m
(Optional Background Image settings)
Line 28: Line 28:
  
 
Where "URL" is the location if the image to be used.
 
Where "URL" is the location if the image to be used.
==== Optional Background Image settings ====
+
kj sdfl; lkj dfs;lkj lsdfj lkfds
 
 
background-attachment:"VALUE";<BR>
 
{| border=1 cellspacing=0 cellpadding=5
 
|Value
 
|Description
 
|-
 
|scroll
 
|The background image moves when the rest of the page scrolls
 
|-
 
|fixed
 
|The background image does not move when the rest of the page scrolls.
 
|}
 
 
 
 
 
background-repeat:"VALUE";
 
{| border=1 cellspacing=0 cellpadding=5
 
|Value
 
|Description
 
|-
 
|repeat
 
|The background image will be repeated vertically and horizontally
 
|-
 
|repeat-x
 
|The background image will be repeated horizontally
 
|-
 
|repeat-y
 
|The background image will be repeated vertically
 
|-
 
|no-repeat
 
|The background-image will be displayed only once
 
|}
 
 
 
 
 
background-position: "VALUE";
 
{| border=1 cellspacing=0 cellpadding=5
 
|style="width:200px |Value
 
|Description
 
|-
 
|top left<br>top center<br>top right<br>center left<br>center center<br>center right<br>bottom left<br>bottom center<br>bottom right
 
|If you only specify one keyword, the second value will be "center".
 
|-
 
|x-% y-%
 
|The first value is the horizontal position and the second value is the vertical. The top left corner is 0% 0%. The right bottom corner is 100% 100%. If you only specify one value, the other value will be 50%.
 
|-
 
|x-pos y-pos
 
|The first value is the horizontal position and the second value is the vertical. The top left corner is 0 0. Units can be pixels (0px 0px) or any other CSS units. If you only specify one value, the other value will be 50%. You can mix % and positions.
 
|}
 
 
 
'''Example'''
 
 
 
<pre>
 
<style>
 
    body{
 
    background-image:url(http://www.crashlanding.us/photos/albums/wpw-20051116/Crash_Landing_Logo_1024x768.jpg);
 
        background-attachment:fixed;
 
        background-repeat:no-repeat;
 
        background-position: center center;
 
        background-color: #000000;
 
    }
 
</style>
 
</pre>
 
 
 
This effect can be seen at [http://www.myspace.com/hapa01 www.myspace.com/hapa01]
 
  
 +
sdfksdf sdf
 +
dfsk sdf
  
 
== Glossary ==
 
== Glossary ==

Revision as of 23:45, 17 March 2006

How to Change the Background of your MySpace Page

MySpace editing is mainly done through Cascading Style Sheets (CSS)

Changing the Color

To change the background to any color you have to use the following code in your profile:

<style>
    body{
        background-color: "Color";
    }
 </style>

Where "Color" is any standard html RGB value

Changing the Background Image

To change the background to an image is similar, just use the following code:

<style>
    body{
        background-image:url("URL");
    }
</style>

Where "URL" is the location if the image to be used. kj sdfl; lkj dfs;lkj lsdfj lkfds

sdfksdf sdf dfsk sdf

Glossary

CSS[1]
HTML[2]
MySpace[3]
RGB[4]
URL[5]