From TechWiki

Profile

In order to get your myspace.com profile to look like this you need to stick this HTML/CSS code into your About Me section on the Edit Profile page:

<style type=text/css> 
/* CSS stuff */

/* Color of input area */
input, textarea {background-color:939393;}

/* Disable blog and blurbs table */
table.latestBlogEntry {display:none;}
table.blurbs {display:none;}

/* Layout stuff plus floating image bottom right */
table, tr, td { background-color:transparent; border:none; border-width:0px; } 
body { background-color:000000; background-image:url(http://j-node.homeip.net/fileadmin/design/xg.jpg); 
background-position:Bottom Right; background-attachment:fixed; background-repeat:no-repeat; scrollbar-face-color:000000;
 scrollbar-highlight-color:0066CC; scrollbar-3dlight-color:000000; scrollbar-shadow-color:000000; 
scrollbar-darkshadow-color:000000; scrollbar-arrow-color:0066CC; scrollbar-track-color:000000; } 
table table { border:0px; } table table table table { border:0px; background-image:none; background-color:transparent; } 
table table table { border-style:Solid; border-width:1px; border-color:00FF33; background-repeat:repeat; } 
table, tr, td, li, p, div { color:00FFFF; } 
.btext { color:0066CC; } .blacktext10 { color:0066CC; } .blacktext12 { color:00FF33; } .lightbluetext8 { color:0066CC; } 
.orangetext15 { color:00FFFF; } .redtext { color:00FF33; } .redbtext { color:0066CC; } .text { color:00FF33; } 
.whitetext12 { color:00FFFF; } 

/* Links */
a:active, a:visited, a:link, a.searchlinksmall:active, a.searchlinksmall:visited, a.searchlinksmall:link { color:00FF33; } 
a:hover, a.searchlinksmall:hover { color:0066CC; } a.navbar:active, a.navbar:visited, a.navbar:link { color:00FF33; } 
a.navbar:hover { color:0066CC; } a.redlink:active, a.redlink:visited, a.redlink:link { color:00FF33; } 
a.redlink:hover { color:00FF33; } .nametext { color:00FFFF; } 

/* Custom contact table */
.contactTable { width:300px!important; height:150px!important; padding:0px!important; 
background-image:url("http://usr.jth.ch/jbg/contact.gif"); 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;background-color:transparent!important;}.contactTable .text {font-size:1px!important;}
.contactTable .text, .contactTable a, .contactTable img {filter:none!important;background-color:none!important;} 
.contactTable .whitetext12 {display:none;; } 

 </style>


<!-- HTML for customized blurbs table --> 
</td>
</tr> 
</table> 
</td> 
</tr> 
</table> 

<!-- HTML for image top left --> 
<br/><div style="position:absolute;left:10px;top:10px;width:150px;height:150px;">
<a href="http://www.msplinks.com/MDFodHRwOi8vd3d3LnZpc3VhbGNvbXBsZXhpdHkuY29t" target="_self">
<img src="http://usr.jth.ch/jbg/digg-comunity.jpg" alt="visualization of digg comunity" border="0" />
</a></div>

<!-- Continued: HTML for customized blurbs table --> 
<br> 
<table bordercolor="ffcc99" cellspacing="0" cellpadding="0" width="435" bgcolor="ffcc99" border="0"> 
<tr> 
<td class="text" valign="center" align="left" width="300" bgcolor="ffcc99" height="17" wrap="" style="word-wrap:break-word">  
<span class="orangetext15">
About jbg:
</span>
</td> 
</tr> 
<tr> 
<td>
<table bordercolor="000000" cellspacing="3" cellpadding="3" width="435" align="center" bgcolor="ffffff" border="0">
<tr>
<td valign="top" align="left" width="435" bgcolor="ffffff" style="word-wrap:break-word">
if you really want to know...


<!-- My blurbs content; HTML bullet list --> 
<ul><li>
<a href='http://www.msplinks.com/MDFodHRwOi8vd3d3Lmp0aC5jaC91c3IvamJnL2otbm9kZQ=='>http://j-node.homeip.net/</a></li>
<li><a href='http://www.msplinks.com/MDFodHRwOi8vd3d3Lmp0aC5jaC91c3IvamJnL3dpa2k='>my wiki</a></li>
<li><a href='http://www.msplinks.com/MDFodHRwOi8vYmxvZ3Mub2xzZW4uY2gvamJn'>my blog</a></li>
<li>
<a href='http://www.msplinks.com/MDFodHRwOi8vd3d3LnlvdXR1YmUuY29tL3Byb2ZpbGU/dXNlcj1qTm9kZQ=='>youtube.com</a></li>
</ul>

Things to Know

myspace automatically obfuscates URLs with random characters, i.e., http://www.msplinks.com/MDFodHRwOi8vd3d... This obfuscation will however not work for sub domains.

My workaround for this is to put a redirect

<html>
 <head>
  <meta http-equiv="refresh" content="0; URL=http://j-node.homeip.net/tech_wiki/index.php/Myspace_Profile_Modding">
 </head>
 <body> </body>
</html>

on a page that starts with 'www'.

Thanks for the Add

HTML code for adding a comment with a linked image, and overriding the CSS styles for image borders:

thx for linking to your network :-)
<a style="border-color:black;" href='http://www.visualcomplexity.com/vc/project_details.cfm?id=476&index=476&domain='>
    <img src=http://usr.jth.ch/jbg/internet.jpg title="MySpace Comment" border=0>
</a>

text...

regards,

j

E.g., using the image from here: