How to Make a Transparent Myspace Page

Update 11/7/09* OK, it will halfway work, or 4/5ths work in 2.0 if you go into Customize Profile, select “No Theme” and then add the code below into the CSS box. But the damn thing is, you have to manually enter it. Won’t let you copy and paste, at least not on my Mac. And then you hit publish and it will say, “You have some custom CSS in your Advanced Edit that may not look right with this theme. Remove the custom CSS?” And you say no, keep the Custom CSS. Then when you publish the majority of your page will be transparent, but that big blue Myspace header is still there. I don’t know how to get rid of that. You can check out my page here: http://myspace.com/stephenkp and my music page which is still on 1.o here: http://myspace.com/stephenpickering

Update 11/7/09*If you haven’t guessed already or wanted to throw rocks at me in the parking lot, this code only works on Myspace 1.0. I just started playing around with Myspace 2.0 today and it doesn’t accept CSS code in the various info boxes that 1.0 did. From my brief playing around, I’ve found that you can sort of kinda do it by putting the URL of your image in the all of the places under “Advanced Edit” or you can import an image if you right click the URL box (Control+Click on a Mac) but I can’t seem to get rid of the massive blue Myspace banner up top, unless I choose the “Snoop Dog” theme, but in which case it lowers my photo and info bar too much. The whole thing doesn’t look as clean either as each “module” and “content” breaks off the continuity of the image. I have a solid red image that’s tiled. I can imagine if you had a photograph, as I once did of my dog, it would be a complete disaster. So the only option I can see is to roll back to 1.0 if you can (it allows me to). I don’t know what the solution is. Do you? Any ideas? And that damn myspace won’t let you cut and paste code into their Customize pane. I noticed there is a CSS box at the bottom of it, so I had to manually enter my code into that (tedious) hoping it would work, but it didn’t. When you save it, it keeps taking out the <> around the <style> tag and adding some gibberish to it. Maybe it would work if myspace didn’t mess up the code like that. I’ll keep looking. If you have any ideas, I’d love to hear from you.

So, you want to know how to make  your myspace page transparent? I started this blog just as a tool for myself, just to post various things that interested me, so that I wouldn’t forget them, but now its like “Man, I gotta post something everyday!” Funny how the ideas quit pouring in, serendipitously, when your attitude changes. Oh well, for the most part it’s fun. So I was fooling around on my Myspace page and wondering how to make a transparent background on it to make it look cooler, to make me look cooler.


Below is the CSS code to make your Myspace page transparent. It’s pretty cool actually, but it would be nice to learn CSS completely so that I wouldn’t have to always be looking things up, and so that I could use Cascading Style Sheets to make even more custom changes to this and other pages of mine. Below is my Myspace page where I chose a background of a photo that I took of my dog. But you can put any image you want as your background, and still, for the most part, see all the foreground navigational links and boxes, or if you so choose you can make everything transparent on your myspace page.


I wish I could take credit for this, but I can’t. I got it from: this blog.
Go there and you can get the exact instructions (they’re easy) and code that you can copy and pace into your myspace. He’s also got some code there to make the boxes opaque. This is a lot of fun, and looks cool too. It’ll impress your friends, and you’ll really have street cred.
I guess I better reprint his post here in case the link ever goes dead:

For making your myspace profiles – If you dont pimp your profile, you are nobody. People wont respect you in the community. For making cool backgrounds, and your boxes (tables) transparent or moderately opaque, here are some tools I made today.
They are all clean now. if you do a search for these things normally, they will always try to enter in their own ads into your myspace page. dont be violated. I havent sold out yet – so here is some very clean code for pimping your myspace. Be Safe.

For: transparent boxes – custom background image
<STYLE>
td, table, tr, span, li, p, div, textarea, DIV
{
background-color: transparent;
}
body
{
background-image: url(http://XXXXXXXXXX);
background-repeat: repeat;
}
</STYLE>

opaque boxes and a background image>>>>

insert the following inside your style brackets… (What are Style Brackets?)

td.text td.text a img {width:50px !important;}
table, td, textarea, a, body, input{background-color:transparent;border:none;border-width:0}
table table table {border:10px double; border-color: 000000; padding:1; background-color:FFFFFF; filter:alpha(opacity=95); -moz-opacity:0.7; opacity:0.90; -khtml-opacity:0.4;}
table table{border:0px}
table table table table{border:0px}
body {
background-image:url(http:/XXXXXXXXXXXXXXXXXX);
}

you can play with the highlighted line to get the degrees how you want it. be careful! you may lose visibility altogether, and then you will have to navigate solely using your instruments.

*Note: This Article was orginally written on February 28, 2008 on another blog, so my Myspace page looks a little different now. It’s still transparent, but with a tiled solid red background.

3 thoughts on “How to Make a Transparent Myspace Page

  1. Pingback: Advice to Myspace: Open Up Immediately

  2. Pingback: How to Find Something To Blog About

  3. Pingback: How to Make a Transparent Myspace Page (That You Can Still Read. Sorta.) « WebNex

Leave a Reply

Your email address will not be published. Required fields are marked *