Well lets start with the background image
CODE
<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>
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
CODE
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
CODE
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
CODE
.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;}
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.
CODE
{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;}
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.
CODE
<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>
<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

