Quantcast

Adding a Myspace Background Image, Top Right

(No Ratings Yet)
Loading ... Loading ...

If you're new here, you may want to subscribe to my RSS feed. So that you can read the latest updates about Web2.0 tools, Making Money Online, Tips in SEO, Ajax and many more. Thanks for visiting ProgramimiCOM!

Looking to change your Myspace backrounds? Here is the code for placing the Myspace background image in the top right of the browser window.

<style type=”text/css”>

body {
background-color: FFFFF;
background-image:url(http://URL TO IMAGE);
background-position: top right;
background-repeat: no-repeat;
}
</style>

 

Remember that without special code the contents in the Myspace layout tables will cover the Myspace background image on the left when the browser window is made smaller.

Adding a Myspace Backround Image, Center

(1 votes, average: 1 out of 5)
Loading ... Loading ...

Looking to change your Myspace backrounds? Here is the code for placing the Myspace background image in the center of the browser window. In order to make the image visible the backgrounds of all the tables in the Myspace layout need to be made transparent. This process will be explained in the Myspace layout tutorials.

<style type=”text/css”>
body {
background-color: FFFFF;
background-image:url(http://URL OF IMAGE);
background-position: center;
background-repeat: no-repeat;
}
</style>

One thing to note is I used only the vertical background-position option and let the default horizontal position of center do its own thing.

As you can see this is not an optimal position as the Myspace layout tables content will obscure the top image. In an advanced tutorial I will show you how this position combined with tiling can create interesting Myspace background image effects, like a drop shadow on the Myspace layout table edge.

Adding a Myspace Background Image, Right Center

(No Ratings Yet)
Loading ... Loading ...

Looking to change your Myspace backrounds? Here is the code for placing the Myspace background image in the right center of the browser window.

<style type=”text/css”>

body {
background-color: FFFFF;
background-image:url(http://URL TO IMAGE);
background-position: right;
background-repeat: no-repeat;
}
</style>

Remember that without special code the contents in the Myspace layout tables will cover the Myspace background image on the right when the browser window is made smaller.

Adding a Myspace Background Image, Bottom Left

(No Ratings Yet)
Loading ... Loading ...

Looking to change your Myspace backrounds? Here is the code for placing the Myspace background image in the bottom left of the browser window.

<style type=”text/css”>

body {
background-color: FFFFF;
background-image:url(http://URL TO IMAGE);
background-position: bottom left;
background-repeat: no-repeat;
}
</style>

One thing to note with bottom positioned images is if the browser window is small, or if you have a lot of content and the Myspace layout tables stretch down a long way, the image will not be initially visible.

Remember that without special code the contents in the Myspace layout tables will cover the Myspace background image on the left when the browser window is made smaller.

Adding a Myspace Background Image, Bottom Center

(No Ratings Yet)
Loading ... Loading ...

Here is the code for placing the Myspace background image in the bottom center of the browser window.

<style type=”text/css”>

body {
background-color: FFFFF;
background-image:url(http://URL TO IMAGE);
background-position: bottom;
background-repeat: no-repeat;
}
</style>

One thing to note with bottom positioned images is if the browser window is small, or if you have a lot of content and the Myspace layout tables stretch down a long way, the image will not be initially visible.

Adding a Myspace Background Image, Bottom right

(No Ratings Yet)
Loading ... Loading ...

Here is the code for placing the Myspace background image in the bottom right of the browser window.

<style type=”text/css”>

body {
background-color: FFFFF;
background-image:url(http://URL TO IMAGE);
background-position: bottom right;
background-repeat: no-repeat;
}
</style>

One thing to note with bottom positioned images is if the browser window is small, or if you have a lot of content and the Myspace layout tables stretch down a long way, the image will not be initially visible.

Remember that without special code the contents in the Myspace layout tables will cover the Myspace background image on the right when the browser window is made smaller.

The Myspace Background is Infinite

(No Ratings Yet)
Loading ... Loading ...

One thing to realize about the Myspace background, and any background on the web, is the canvas is infinite. It is the browser window that determines the “size” of a Myspace background. In real world terms you can think of the browser as a window in your house and the Myspace background as the sky. The sky is infinite, but you only see the part exposed by your window. The bigger the window, the more sky you see.

On thing that is different about the Myspace background image and the sky, though, is the image itself is not infinite. What happens is the Myspace background image, by default, “tiles”, endlessly, in all directions. This is an important fact to remember when choosing or creating a background image. Your window will probably be different than everyone elses window. If someone elses window is smaller they will only see part of the beautiful background you design. If the window is bigger the background will repeat and, if not designed properly, cause ugly seams.

There are things you can do to make your background look the same, or very close to the same, in all windows. The two main strategies are to create images that will tile seamlessly or change the default behaviour of the Myspace background image so it stays where you want it to. I cover both of these techniques in the “Myspace Tutorials: Myspace Backgrounds” category.

Where to Customize Myspace Layouts and Backgrounds

(No Ratings Yet)
Loading ... Loading ...

All changes to your Myspace layout should happen in the “About Me” edit box of the “Edit Profile” page.

About

You could put the code in the other Myspace information boxes (e.g. I’d like to meet, or Interests) but I recommend the About Me box because it is processed first and provides a consistent place to make all modifications.

HTML HEX Color Table

(No Ratings Yet)
Loading ... Loading ...

Here are some major color selections using the hex-color code for css background elements. Here are the tables for text-based colors and rgb based colors.

  000000     000033     000066     000099
  0000CC     0000FF     003300     003333
  003366     003399     0033CC     0033FF
  006600     006633     006666     006699
  0066CC     0066FF     009900     009933
  009966     009999     0099CC     0099FF
  00CC00     00CC33     00CC66     00CC99
  00CCCC     00CCFF     00FF00     00FF33
  00FF66     00FF99     00FFCC     00FFFF
  330000     330033     330066     330099
  3300CC     3300FF     333300     333333
  333366     333399     3333CC     3333FF
  336600     336633     336666     336699
  3366CC     3366FF     339900     339933
  339966     339999     3399CC     3399FF
  33CC00     33CC33     33CC66     33CC99
  33CCCC     33CCFF     33FF00     33FF33
  33FF66     33FF99     33FFCC     33FFFF
  660000     660033     660066     660099
  6600CC     6600FF     663300     663333
  663366     663399     6633CC     6633FF
  666600     666633     666666     666699
  6666CC     6666FF     669900     669933
  669966     669999     6699CC     6699FF
  66CC00     66CC33     66CC66     66CC99
  66CCCC     66CCFF     66FF00     66FF33
  66FF66     66FF99     66FFCC     66FFFF
  990000     990033     990066     990099
  9900CC     9900FF     993300     993333
  993366     993399     9933CC     9933FF
  996600     996633     996666     996699
  9966CC     9966FF     999900     999933
  999966     999999     9999CC     9999FF
  99CC00     99CC33     99CC66     99CC99
  99CCCC     99CCFF     99FF00     99FF33
  99FF66     99FF99     99FFCC     99FFFF
  CC0000     CC0033     CC0066     CC0099
  CC00CC     CC00FF     CC3300     CC3333
  CC3366     CC3399     CC33CC     CC33FF
  CC6600     CC6633     CC6666     CC6699
  CC66CC     CC66FF     CC9900     CC9933
  CC9966     CC9999     CC99CC     CC99FF
  CCCC00     CCCC33     CCCC66     CCCC99
  CCCCCC     CCCCFF     CCFF00     CCFF33
  CCFF66     CCFF99     CCFFCC     CCFFFF
  FF0000     FF0033     FF0066     FF0099
  FF00CC     FF00FF     FF3300     FF3333
  FF3366     FF3399     FF33CC     FF33FF
  FF6600     FF6633     FF6666     FF6699
  FF66CC     FF66FF     FF9900     FF9933
  FF9966     FF9999     FF99CC     FF99FF
  FFCC00     FFCC33     FFCC66     FFCC99
  FFCCCC     FFCCFF     FFFF00     FFFF33
  FFFF66     FFFF99     FFFFCC     FFFFFF

HTML RGB Color Table

(No Ratings Yet)
Loading ... Loading ...

Here are some major color selections using the hex-color code for css background elements. Here are the tables tables for text-based colors and hex based colors. I have limited the variation to steps of 32 to keep the download time reasonable.

  rgb(0, 0, 0)     rgb(0, 0, 32)     rgb(0, 0, 64)     rgb(0, 0, 96)
  rgb(0, 0, 128)     rgb(0, 0, 160)     rgb(0, 0, 192)     rgb(0, 0, 224)
  rgb(0, 32, 0)     rgb(0, 32, 32)     rgb(0, 32, 64)     rgb(0, 32, 96)
  rgb(0, 32, 128)     rgb(0, 32, 160)     rgb(0, 32, 192)     rgb(0, 32, 224)
  rgb(0, 64, 0)     rgb(0, 64, 32)     rgb(0, 64, 64)     rgb(0, 64, 96)
  rgb(0, 64, 128)     rgb(0, 64, 160)     rgb(0, 64, 192)     rgb(0, 64, 224)
  rgb(0, 96, 0)     rgb(0, 96, 32)     rgb(0, 96, 64)     rgb(0, 96, 96)
  rgb(0, 96, 128)     rgb(0, 96, 160)     rgb(0, 96, 192)     rgb(0, 96, 224)
  rgb(0, 128, 0)     rgb(0, 128, 32)     rgb(0, 128, 64)     rgb(0, 128, 96)
  rgb(0, 128, 128)     rgb(0, 128, 160)     rgb(0, 128, 192)     rgb(0, 128, 224)
  rgb(0, 160, 0)     rgb(0, 160, 32)     rgb(0, 160, 64)     rgb(0, 160, 96)
  rgb(0, 160, 128)     rgb(0, 160, 160)     rgb(0, 160, 192)     rgb(0, 160, 224)
  rgb(0, 192, 0)     rgb(0, 192, 32)     rgb(0, 192, 64)     rgb(0, 192, 96)
  rgb(0, 192, 128)     rgb(0, 192, 160)     rgb(0, 192, 192)     rgb(0, 192, 224)
  rgb(0, 224, 0)     rgb(0, 224, 32)     rgb(0, 224, 64)     rgb(0, 224, 96)
  rgb(0, 224, 128)     rgb(0, 224, 160)     rgb(0, 224, 192)     rgb(0, 224, 224)
  rgb(32, 0, 0)     rgb(32, 0, 32)     rgb(32, 0, 64)     rgb(32, 0, 96)
  rgb(32, 0, 128)     rgb(32, 0, 160)     rgb(32, 0, 192)     rgb(32, 0, 224)
  rgb(32, 32, 0)     rgb(32, 32, 32)     rgb(32, 32, 64)     rgb(32, 32, 96)
  rgb(32, 32, 128)     rgb(32, 32, 160)     rgb(32, 32, 192)     rgb(32, 32, 224)
  rgb(32, 64, 0)     rgb(32, 64, 32)     rgb(32, 64, 64)     rgb(32, 64, 96)
  rgb(32, 64, 128)     rgb(32, 64, 160)     rgb(32, 64, 192)     rgb(32, 64, 224)
  rgb(32, 96, 0)     rgb(32, 96, 32)     rgb(32, 96, 64)     rgb(32, 96, 96)
  rgb(32, 96, 128)     rgb(32, 96, 160)     rgb(32, 96, 192)     rgb(32, 96, 224)
  rgb(32, 128, 0)     rgb(32, 128, 32)     rgb(32, 128, 64)     rgb(32, 128, 96)
  rgb(32, 128, 128)     rgb(32, 128, 160)     rgb(32, 128, 192)     rgb(32, 128, 224)
  rgb(32, 160, 0)     rgb(32, 160, 32)     rgb(32, 160, 64)     rgb(32, 160, 96)
  rgb(32, 160, 128)     rgb(32, 160, 160)     rgb(32, 160, 192)     rgb(32, 160, 224)
  rgb(32, 192, 0)     rgb(32, 192, 32)     rgb(32, 192, 64)     rgb(32, 192, 96)
  rgb(32, 192, 128)     rgb(32, 192, 160)     rgb(32, 192, 192)     rgb(32, 192, 224)
  rgb(32, 224, 0)     rgb(32, 224, 32)     rgb(32, 224, 64)     rgb(32, 224, 96)
  rgb(32, 224, 128)     rgb(32, 224, 160)     rgb(32, 224, 192)     rgb(32, 224, 224)
  rgb(64, 0, 0)     rgb(64, 0, 32)     rgb(64, 0, 64)     rgb(64, 0, 96)
  rgb(64, 0, 128)     rgb(64, 0, 160)     rgb(64, 0, 192)     rgb(64, 0, 224)
  rgb(64, 32, 0)     rgb(64, 32, 32)     rgb(64, 32, 64)     rgb(64, 32, 96)
  rgb(64, 32, 128)     rgb(64, 32, 160)     rgb(64, 32, 192)     rgb(64, 32, 224)
  rgb(64, 64, 0)     rgb(64, 64, 32)     rgb(64, 64, 64)     rgb(64, 64, 96)
  rgb(64, 64, 128)     rgb(64, 64, 160)     rgb(64, 64, 192)     rgb(64, 64, 224)
  rgb(64, 96, 0)     rgb(64, 96, 32)     rgb(64, 96, 64)     rgb(64, 96, 96)
  rgb(64, 96, 128)     rgb(64, 96, 160)     rgb(64, 96, 192)     rgb(64, 96, 224)
  rgb(64, 128, 0)     rgb(64, 128, 32)     rgb(64, 128, 64)     rgb(64, 128, 96)
  rgb(64, 128, 128)     rgb(64, 128, 160)     rgb(64, 128, 192)     rgb(64, 128, 224)
  rgb(64, 160, 0)     rgb(64, 160, 32)     rgb(64, 160, 64)     rgb(64, 160, 96)
  rgb(64, 160, 128)     rgb(64, 160, 160)     rgb(64, 160, 192)     rgb(64, 160, 224)
  rgb(64, 192, 0)     rgb(64, 192, 32)     rgb(64, 192, 64)     rgb(64, 192, 96)
  rgb(64, 192, 128)     rgb(64, 192, 160)     rgb(64, 192, 192)     rgb(64, 192, 224)
  rgb(64, 224, 0)     rgb(64, 224, 32)     rgb(64, 224, 64)     rgb(64, 224, 96)
  rgb(64, 224, 128)     rgb(64, 224, 160)     rgb(64, 224, 192)     rgb(64, 224, 224)
  rgb(96, 0, 0)     rgb(96, 0, 32)     rgb(96, 0, 64)     rgb(96, 0, 96)
  rgb(96, 0, 128)     rgb(96, 0, 160)     rgb(96, 0, 192)     rgb(96, 0, 224)
  rgb(96, 32, 0)     rgb(96, 32, 32)     rgb(96, 32, 64)     rgb(96, 32, 96)
  rgb(96, 32, 128)     rgb(96, 32, 160)     rgb(96, 32, 192)     rgb(96, 32, 224)
  rgb(96, 64, 0)     rgb(96, 64, 32)     rgb(96, 64, 64)     rgb(96, 64, 96)
  rgb(96, 64, 128)     rgb(96, 64, 160)     rgb(96, 64, 192)     rgb(96, 64, 224)
  rgb(96, 96, 0)     rgb(96, 96, 32)     rgb(96, 96, 64)     rgb(96, 96, 96)
  rgb(96, 96, 128)     rgb(96, 96, 160)     rgb(96, 96, 192)     rgb(96, 96, 224)
  rgb(96, 128, 0)     rgb(96, 128, 32)     rgb(96, 128, 64)     rgb(96, 128, 96)
  rgb(96, 128, 128)     rgb(96, 128, 160)     rgb(96, 128, 192)     rgb(96, 128, 224)
  rgb(96, 160, 0)     rgb(96, 160, 32)     rgb(96, 160, 64)     rgb(96, 160, 96)
  rgb(96, 160, 128)     rgb(96, 160, 160)     rgb(96, 160, 192)     rgb(96, 160, 224)
  rgb(96, 192, 0)     rgb(96, 192, 32)     rgb(96, 192, 64)     rgb(96, 192, 96)
  rgb(96, 192, 128)     rgb(96, 192, 160)     rgb(96, 192, 192)     rgb(96, 192, 224)
  rgb(96, 224, 0)     rgb(96, 224, 32)     rgb(96, 224, 64)     rgb(96, 224, 96)
  rgb(96, 224, 128)     rgb(96, 224, 160)     rgb(96, 224, 192)     rgb(96, 224, 224)
  rgb(128, 0, 0)     rgb(128, 0, 32)     rgb(128, 0, 64)     rgb(128, 0, 96)
  rgb(128, 0, 128)     rgb(128, 0, 160)     rgb(128, 0, 192)     rgb(128, 0, 224)
  rgb(128, 32, 0)     rgb(128, 32, 32)     rgb(128, 32, 64)     rgb(128, 32, 96)
  rgb(128, 32, 128)     rgb(128, 32, 160)     rgb(128, 32, 192)     rgb(128, 32, 224)
  rgb(128, 64, 0)     rgb(128, 64, 32)     rgb(128, 64, 64)     rgb(128, 64, 96)
  rgb(128, 64, 128)     rgb(128, 64, 160)     rgb(128, 64, 192)     rgb(128, 64, 224)
  rgb(128, 96, 0)     rgb(128, 96, 32)     rgb(128, 96, 64)     rgb(128, 96, 96)
  rgb(128, 96, 128)     rgb(128, 96, 160)     rgb(128, 96, 192)     rgb(128, 96, 224)
  rgb(128, 128, 0)     rgb(128, 128, 32)     rgb(128, 128, 64)     rgb(128, 128, 96)
  rgb(128, 128, 128)     rgb(128, 128, 160)     rgb(128, 128, 192)     rgb(128, 128, 224)
  rgb(128, 160, 0)     rgb(128, 160, 32)     rgb(128, 160, 64)     rgb(128, 160, 96)
  rgb(128, 160, 128)     rgb(128, 160, 160)     rgb(128, 160, 192)     rgb(128, 160, 224)
  rgb(128, 192, 0)     rgb(128, 192, 32)     rgb(128, 192, 64)     rgb(128, 192, 96)
  rgb(128, 192, 128)     rgb(128, 192, 160)     rgb(128, 192, 192)     rgb(128, 192, 224)
  rgb(128, 224, 0)     rgb(128, 224, 32)     rgb(128, 224, 64)     rgb(128, 224, 96)
  rgb(128, 224, 128)     rgb(128, 224, 160)     rgb(128, 224, 192)     rgb(128, 224, 224)
  rgb(160, 0, 0)     rgb(160, 0, 32)     rgb(160, 0, 64)     rgb(160, 0, 96)
  rgb(160, 0, 128)     rgb(160, 0, 160)     rgb(160, 0, 192)     rgb(160, 0, 224)
  rgb(160, 32, 0)     rgb(160, 32, 32)     rgb(160, 32, 64)     rgb(160, 32, 96)
  rgb(160, 32, 128)     rgb(160, 32, 160)     rgb(160, 32, 192)     rgb(160, 32, 224)
  rgb(160, 64, 0)     rgb(160, 64, 32)     rgb(160, 64, 64)     rgb(160, 64, 96)
  rgb(160, 64, 128)     rgb(160, 64, 160)     rgb(160, 64, 192)     rgb(160, 64, 224)
  rgb(160, 96, 0)     rgb(160, 96, 32)     rgb(160, 96, 64)     rgb(160, 96, 96)
  rgb(160, 96, 128)     rgb(160, 96, 160)     rgb(160, 96, 192)     rgb(160, 96, 224)
  rgb(160, 128, 0)     rgb(160, 128, 32)     rgb(160, 128, 64)