What's with all the pink?

Find out more at Pink for October or get your own Pink!

5ThirtyOne

Avatar

A blog. A website. A semi-coherent receptacle for Derek Punsalan mixed with excerpts of technology, personal interests, and noteworthy items.

Twitter: Saigon nightlife... inter-est-ing. Squared, Lush, and Gossip.
Get content delivered: RSS | Email

Derek Punsalan...is Sylvia Loh MyQuire - Get stuff done with people who share your passions Box.net - Access your files anywhere with Box

Current » Current page published on March 11th 2007

MySpace - Minimal Dark Overlay

Over the past few months I’ve had a number of inquiries as to when I would get around to posting the code for my MySpace DIV overlay. With a little inspiration from Kristin to make updates, I’ve finally decided to post the code here. Towards the end of this post you’ll find the necessary files (zipped for your convenience) as well as directions and comments. Please take the time to read through the post in its entirety.

MySpace DIV overlay

The dark minimal overlay [view the test account on MySpace] is a unsupported MySpace DIV overlay created and distributed by myself. The MySpace DIV CSS and HTML are released under Creative Commons. Please respect any modifications made by fellow MySpace members by not ripping personal images or changes without consent. Please give credit where credit is due.

Download

Dark MySpace DIV Overlay
download package

Reference the installation instructions as well as the FAQ below before activating the overlay in your profile. This overlay will cover the entire default MySpace profile meaning that blog post announcements and comments are hidden from view.

Updates

  • Rey informed me that MySpace has updated the post comment action string. The download has been updated. Thew new post action string looks like this:

    <form method="post"
    action="http://comments.myspace.com/index.cfm?fuseaction=user.ConfirmComment">

    For those that may have downloaded the previous distribution of the overlay, please update your HTML markup to reflect the changes.

Installing

  • Read through this page in its entirety. Also feel free to reference part one, two, three, and four. I can guarantee there is a 98% chance your question is answered.
  • Download the above zipped package and unzip on your desktop.
  • Contained within the folder are three text files. Read the included README file for instructions on saving the code to your profile(s).
  • Reference the FAQ and comments before submitting requests for help.

If by chance you run into difficulty saving changes to your profile because of a missing ’submit’ button, edit your profile in ‘Safe Mode’.

Questions

  • Will this profile look the same in IE?: I have made every effort to make sure that this profile loads as it should in its default form in Internet Explorer, Opera, Firefox, and Safari. If the profile does not look as it should for you, continue reading. Visit the test account on MySpace to get a better idea of what this DIV overlay does.
  • The old profile is sticking out the sides! Help?: If you find that the default profile is showing through behind the overlay, delete any comments with wide images.
  • How do you add reflections below images?: The reflections are nothing more than faux reflections created within Photoshop. Please search Google for Photoshop reflections tutorials.
  • How do I get an animated profile image?: The animated image is an animated GIF. Please reference Google for the appropriate tutorials. Recommended software: Adobe Imageready.
  • My comments are gone! How do I get them back?: As stated earlier, the overlay is completely separate from the default profile. As such, comments are hidden from view. If you wish to display comments in a scrollable DIV, please check Google for the appropriate overlay comments code.
  • How do I get my blog posts and comments to show?: The overlay download is completely separated from the default MySpace profile. Understand that everything will need to be hard coded into your layout.

Noteworthy

Updated downloadable MySpace DIV Overlay available: Minimal Lime MySpace DIV Overlay.

Meta » Gritty post related bits

Comments are disabled for this page. Feel free to visit the forums if you are looking for additional support.

Advertisement

Archived: Browse previous activity by category
Browse an overview of recent activity

View Tutorials » Step-by-step go make something tutorials

WordPress Custom Fields; laying text over your lead graphic

For WordPress users, there are certain scenarios when the typical reverse chronological presentation of content is just not enough. I have experimented with different methods ...

Remove DRM protection from iTunes tracks with iMovie HD

A few days back I found myself perusing the iTunes Music Store looking for a few songs that I had heard via Sirius*. After completing ...

View Apple » Apple software & hardware related articles

"What you’ll find in my Leopard"… and what you won’t

I had made plans for a proper break-down concerning the features, changes, and updates for Apple's latest feline incarnation - 10.5 Leopard. Ultimately, I decided ...

How-to: Proper Gmail IMAP for iPhone & Apple Mail

UPDATE 11/18: inaequitas reminds us that in order to star messages on your iPhone, simply move the message the starred items directory. UPDATE 10/26: RayL re-confirms ...

View Personal » Personal thoughts & rants

Planning on carrying the momentum, 2007 to 2008

Syl caught a photo of Boo (Mini Rat Terrier) in a rare "not bouncing off the wall and couch" mode The later part of 2007 was ...

November is purple, Pancreatic Cancer Awareness

Educate and promote awareness Last month 5ThirtyOne went pink to support Pink for October raising awareness for Breast Cancer Awareness Month. A co-workers partner raised the ...

View Inspiration » Design related announcements & articles

Lovely Blogs highlights "blog design"

Ben Bleikamp, also known for his entrepreneurship blog College Startup, has been hard at work coding and compiling his design community share Lovely Blogs. Now ...

Rebooted - “Fat” faux footers

Inspired by Phu's Many colours of a reboot, I've decided to share my favorite sites which utilize "fat" footers. I think the more appropriate title ...

View Mobile » Mobile technology & information

Asus Eee PC sub-notebook running Apple OS X

Ignoring the legalities or hair pulling from Apple's legal department, Dan decided that it was high time for a sub-notebook running OS X. If Apple ...

Unlimited SMS savings for iPhone (or any phone) family account holders

There are currently three different iPhone plan add-ons for at&t family accounts. Each plan offers unlimited data usage & visual voicemail. The only difference which ...

View Noteworthy » Take note, noteworthy posts or news

Maybe shopping in person actually does save time?

Yesterday I was hoping to have some free time to visit the grocery store to pick-up a few necessities. Unfortunately, I realized all too late ...

Warning! Gmail users beware, fake upgrade emails

UPDATE: According to a comment on digg, gmailupgrades.com has been taken down. Important FYI update for any Gmail users. If you receive the following email in ...

View Productivity » Staying productive, articles pertaining to productivity

Box.net evolves, say hello to OpenBox

Box, a long-time favorite mentioned in Box.net as a collaborative file manager, has evolved into OpenBox adding new features which would tie the service into ...

Basecamp, activeCollab, and Goplan compared

UPDATE 11/18: activeCollab is no longer offered as a free project management collaboration download. From the design, development, and product strategy company Webreakstuff comes a new ...

View WordPress » Articles pertaining to the rock solid CMS WordPress

The Unstandard WordPress theme

The Unstandard WordPress theme is released / shared with the intent of breaking the typical blog mold. Farewell to the blase reverse chronological text heavy ...

WordPress 2.3+ official support for custom database error page

Some time ago a tutorial was posted on 5ThirtyOne which addressed customizing the DB Error page rendered whenever visitors landed on heavily trafficked WordPress site. ...

Advertisement



External: Your reader says "feed me"
Finished? Return to the top

Flickr » Subscribe to my Flickr

  • Coconut juice
  • Dried fish
  • Fresh crabs
  • Fresh frogs
  • Rooftops
  • Vietnam Airlines