The Step Up. A Guide For Myspace Design Actual code is included here :)

Well I used to have trouble just getting what I wanted. The basic codes for creating myspace layouts. Am I right they seem to be hard to find. Well not no more! Here I shall include all of the css codes I know for myspace.

Well lets start with the background image

<Style type="text/css"> body{ background-color:000000; background-image:url(put a direct html link to your image here for the background); background-position:Center Center; background-attachment: fixed; background-repeat:no-repeat; scrollbar-track-color:000000; scrollbar-face-color:FF0000; scrollbar-highlight-color:FF0000; scrollbar-base-color:FF0000; scrollbar-darkShadow-color:000000; scrollbar-shadow-color:FF0000; scrollbar-arrow-color:000000; } .contactTable {width:300px !important; height:150px !important; padding:0px !important;background-image:url("your image direct html link goes here");background-attachment:scroll; background-position:center center;background-repeat:no-repeat; background-color:transparent;}.contactTable table, table.contactTable td { padding:0px !important;border:0px; background-color:transparent; background-image:none;}.contactTable a img {visibility:hidden; border:0px !important;}.contactTable a {display:block; height:28px; width:115px;}.contactTable .text {font-size:1px !important;}.contactTable .text, .contactTable a, .contactTable img {filter:none !important;} </Style>

and if that makes you scratch your head hereis some more detailed info

Here is the part where you insert veriables forthe background image

body{ background-color:000000; background-image:url(put a direct html link to your image here for the background); background-position:Center Center; background-attachment: fixed; background-repeat:no-repeat;

For the postion option the first variable is the vertal position and the second is the horizontal position.
The background attachment option determines what the image does. fixed = when you scroll the image stays in view. scroll = the image will stay put and disapear basically if you scroll down or up.

And now we move onto the scroll bar

scrollbar-track-color:000000; scrollbar-face-color:FF0000; scrollbar-highlight-color:FF0000; scrollbar-base-color:FF0000; scrollbar-darkShadow-color:000000; scrollbar-shadow-color:FF0000; scrollbar-arrow-color:000000;

All I can tell you here is to try and mess around a bit with the colors till you get what you want

Ok and now for the contact table

.contactTable {width:300px !important; height:150px !important; padding:0px !important;background-image:url("your image direct html link goes here");background-attachment:scroll; background-position:center center;background-repeat:no-repeat; background-color:transparent;}.contactTable table, table.contactTable td { padding:0px !important;border:0px; background-color:transparent; background-image:none;}.contactTable a img {visibility:hidden; border:0px !important;}.contactTable a {display:block; height:28px; width:115px;}.contactTable .text {font-size:1px !important;}.contactTable .text, .contactTable a, .contactTable img {filter:none !important;}

These are basic settings for the contact table. I recommend not messing with these settings. Its best just to only find what image you want and put the direct html link in there and thats all.

Ok and now we move onto extras

this code will resize your images on your profile so that they are not taking up too much space.

{resizing images for friends space}td.text td.text table table table td a img {width:80px;}{resize the online now icon to normal size}td.text td.text table table td img {width:260px; max-width:260px; width:auto;}td.text td.text table table td a img {width:90px; max-width:260px; width:auto;}td.text td.text table table td div img {width:80px;}* html td.text td.text table table td img {width:260px;}* html td.text td.text table table td a img {width:90px;}* html td.text td.text table table td div img {width:80px;}td.text td.text table table table td div img {width:80px;}

Here is code for a comment box that can be place anywhere css is alowed.

<center><form method="post" action="http://comments.myspace.com/index.cfm?fuseaction=user.ConfirmComment"> <input type="hidden" name="friendID" value="208028370"><textarea name="f_comments" cols="50" rows="10">Type anything that you want pre-wrote</textarea><br><input type="submit" value="Comment"> <input type="reset" value="Reset"></form><br> </center><style type="text/css">   textarea {background-color:000000;   background-image:url(Place direct html image link here);   border-width:2px; border-style:ridge;   border-color:FF9900; color: FF9900; font-family:;}   input {background-color: 000000; border-width:2px; border-style:ridge; border-color:FF9900; color: FF9900; font-family:;}</style></center>

Dont forget to change the part where you have something pre-wrote in the box already
The background image is optional


well thats all i got for now. I hope you liked my help. If you have any qeustions or comments feel free to post them. And also id love to hear suggestions. ty

That's useful information, although I completely despise online social networking sites (myspace in particular), my missus is into them.And I have tried to help her build or find suitable layouts and such but can never get anything really working too well.It would be wonderful if you could eventually construct a full on guide, especially including information on how to avoid making pages as slow and crash prone as many are lol.

Yeah Im workin on a guide here at home itl be done sometime soon here. It has basicly a full walkthrough to creating a typical myspace profile. Oh um im also tryin to work on a stand alone profile editor but im trying to figure what I should use to make it.