26 Aug
Posted by ProCOM
on August 26, 2007 – 6:18 pm - 468 views
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.
26 Aug
Posted by ProCOM
on August 26, 2007 – 6:17 pm - 1,548 views
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.
26 Aug
Posted by ProCOM
on August 26, 2007 – 6:15 pm - 317 views
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.
26 Aug
Posted by ProCOM
on August 26, 2007 – 6:14 pm - 243 views
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.
26 Aug
Posted by ProCOM
on August 26, 2007 – 6:13 pm - 372 views
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.
26 Aug
Posted by ProCOM
on August 26, 2007 – 6:09 pm - 245 views
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.
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.
26 Aug
Posted by ProCOM
on August 26, 2007 – 5:45 pm - 1,456 views
All changes to your Myspace layout should happen in the “About Me” edit box of the “Edit Profile” page.

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.
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 | |||||||
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) |