The minimal MySpace DIV overlay hack
Of late, there seems to be a surge in MySpace related profile hackery. For reasons unknown to me, the desire to create an appealing MySpace profile continues to be a much discussed topic in the blogosphere. For that reason, I felt it time to join the party. As a reminder of sorts, I felt it my duty to share a series of tutorials which I put together providing MySpace’rs with the knowledge necessary to bypass the default eyesore.
- Part One: The real trick is covering the default with a clean canvas to work with. We can’t have MySpaceagelo’s without a clean medium to work with right?
- Part Two: Once you’ve covered the default profile, you’ll probably want to stick some sort of navigation back into your profile.
- Part Three: The long winding list of comments stretching most profile pages to some ‘xxx’ width by 23402 pixels definitely gets in the way of presenting an appealing profile. Let’s hide the comments from view and keep a nice comment box for others to use.
- Part Four: For the CSS unitiated, background-colors are your friend. Background-color. Not background-image. No one wants to have a seizure looking at a tiled animated background.
If true laziness is your thing, then you might want to check the complete download for the example HTML and stylesheet [Dark MySpace DIV Overlay]. Click the screenshot above to see what the example will get you.


I want the nr 5 and the n3,please forks and no chop sticks,thanks.
Just kidding,didn’t expect you to be asian dude!!!!
Well I heard Tagworld is far better for costumization of the own page but that guides are just wicked,may try it.
Dude,can you help me ?!?!
I did that and it screwed up EVERYTHING.
I couldn’t even edit the profile normally anymore.
Everything after who i’d like to meet was at the bottom,the friends weren’t in pairs per row like on your Pic.And other stuff,can ya help me ?!
Are you sure that you’re editing in safe mode? Check out my TagWorld page to get an idea of what you can do.
And what made you think I didn’t have any of that Asian persuasion in me?
No i was editing in Normal Mode,had to edit in safe mode so i could even use my Profile again.Because if i went to edit profile it went ONTO the Profile.
In the end i got it to work a little bit,not really though,the old profile still was under it.
Heres a screenshot
http://img111.imageshack.us/img111/6223/wwwmyspacecom11454939707186xh.png
the friends aren’t next to each with sucks…also…can i somehow make them next to each other in a frame and be able to write the name under that ??
(or maybe have all friends displayed under the whole thing,i only got 31 so shouldn’t get that big!?
Also i want the comments to be there!!
I have been on myspace since late 2003 probably… almost 3 years, back before chat, and music players, and all that jive… I still haven’t bought into the hype!
http://myspace.com/chadillac83
PS. I’m a web designer … ahhh the sweet sweet irony of it all!
thank you Derek.
Dean you need to clear out all your previous code. It’s pushing your default profile out the sides of the profile. The friends aren’t next to each other because the images you used aren’t he same width as the ones I used in the template. You need to edit to match or manually tweak the stylesheet to make room for wider images.
You’ll have to Google for MySpace DIV comments. I don’t like comments on the page so they’re not included in the tutorial. You can still view all your comments. All the necessary links are in the HTML. Make sure you look through everything and edit whatever is needed.
Well i will maybe try it later again…even though im not a big fan of costumizing a myspace to the extreme as i hate if too much stuff is on a site…just takes longer to load.
Thanks for the guide though,its nice.
And your tagworld is nice also!
The links to download the code or read the tutorial seem to be down. Is this temporary or is there another site where I can read your articles? Thanks.
ei how did you do the pic thngy…