Replace Name on Top by an Image

This code will hide your name on top of profile, instead of it, it allows you to use an image to place the name.
Replace the code image width to your image’s width; image height to your imgae’s height;replace image url here to the image’s url.
So, for example, you would like to replace the name text with this image: http://www.site.com/image.jpg, the image is 300px * 100px size. You will need to change the code to width: 300px; height: 100px; background-image:url(‘http://www.site.com/image.jpg’);, the rest remains same.

Screenshots:

• before:



• after:

Add a Border to Profile

This code allows you to add a border to profile. Cage the whole page under a colored border, you can also change the style of border, thickness of border, etc.
border-style value could be: dotted, dashed, solid, double, groove, ridge, inset, outset
Change thickness of each side’s border by changing ‘10′ to other value.
Change the border color by change #f0618c to other code. You can get color code by using this Color Code Picker

Screenshots:

• before:



• after:

Moving Text on Top of Profile

This code will put your words scolling (keep moving) on the top of your MySpace profile page.
You can adjust the position of scrolling text by change value of 150 in top:150px, to be higher, use a smaller value, to be lower, use a greater value.
If you want to change the moving direction, change right in direction="right" to left
Change font size, by editing the value of 50 in font-size:50px, change color by editing red in color: red

Screenshots:

• after:

Special Characters

How to Create Links

Create hyperlinks:

Normal link example: CodesPlay
<a href="http://www.website.com">Website Name</a>

Link actived in new windows exampe: MySpace Codes
<a href="http://www.website.com" target="_blank">Website Name</a>

Link with title (rollover text) example: CodesPlay
<a href="http://www.website.com" title="something you want to describe the link ">Website Name </a>

An image as a link. (width & height are optional)
<a href="http://www.website.com"><img src="http://www.website.com/image.jpg" width="100px" height="200px"/></a>

Resize Comment Images

Hate those huge size comment pictures that messing up your MySpace profile?
Yes! I hate them too.
Wait wait, don’t delete them, well, we can just resize them all by using this code.

Screenshots:

• before: (page is horizontally extended)



• after: (image is resized, fit in the comment table)

Remove Add Comment Link

Use this code to hide the “Add comment” link in MySpace profile page.

Screenshots:

• before:



• after:

All Links Upper Case

This code will transform all links in profile page to upper case.

Instructions:

1. Copy and paste the code into About Me

<style type="text/css">
a:link {
text-transform: uppercase;}
a:visited {
text-transform: uppercase;}
a:hover {
text-transform: uppercase;}
a:active {
text-transform: uppercase;}
</style>

2. Save your editing and preview. Done. =)

All Links Lower Case

This code will transform all links in profile page to lower case.

Instructions:

1. Copy and paste the code into About Me

<style type="text/css">
a:link {
text-transform: lowercase;}
a:visited {
text-transform: lowercase;}
a:hover {
text-transform: lowercase;}
a:active {
text-transform: lowercase;}
</style>

2. Save your editing and preview. Done. =)

Table Switch Sides

Are you sick of default layout of profile page. Let’s switch left and right.

Screenshots:

• before:



• after: