Outstanding Myspace Music Profile Designs + CSS Cheat Sheet

Myspace’s time as leading personal social website are long over with the likes of Facebook and Twitter taking over. However when it comes to music it is still the most popular service for bands to promote themselves and interact with fans. While the standard design is very dull and cluttered at best there are ways to make a myspace music page look great. In this post I have compiled the most gorgeous myspace designs for your inspiration. There’s many more out there. So feel free to link to your favourite myspace in the comments below.

the-mars-volta-myspace

the-killers-myspace

the-decemberists-myspace

snow-patrol-myspace

placebo-myspace

muse-myspace

lights-myspace

kings-of-leon-myspace

franz-ferdinand-myspace

florence-and-the-machine-myspace

daniel-merriweather-myspace

arctic-monkeys-myspace

anouk-myspace

therumblestrips-myspace

Myspace Music Profiles designed by Fudgegraphics:

jayandtheboys-myspace

vagabond-myspace

cherbourg-myspace

Myspace Music Profile Cheat Sheet:

Anyone who’s ever tried to customize a myspace page knows that it is not as straightworfard as knowing some HTML and CSS. So as a bonus I made the myspace music profile cheat sheet for you to download. It features the most common CSS selectors to style individual titles, change the background image and add a custom header.

Download CSS Cheat Sheet:


contains 1 .pdf file, 113 Kb

Written by Franz Jeitz

Franz Jeitz is a freelance designer and owner of Fudgegraphics. Originally from Luxembourg he now lives in London. Franz loves design, music and is a tea enthusiast. Follow him on Twitter.

Join the Discussion:

40 Awesome Responses so far
  1. Nice idea for a post!
    I’m well impressed with your myspace designs; I especially like the one you made for Vagabond.

    What do you think of this one? I believe it’s pretty cool as well.
    http://uk.myspace.com/poisonthewell
    .-= Laetitia´s last blog post: I didn’t agree to this =-.

  2. Great post Fudge :D
    I use myspace for just a general profile. http://www.myspace.com/eatingfingers but now after seeing this great Inspirational post its time to get Eatingdesign on Myspace. Take care
    Mali
    .-= Mali´s last blog post: New Look Eating Design =-.

  3. @Laetitia: Thanks, as a matter of fact the Vagabond myspace design was the most challenging and hence most rewarding one. I also love the Poison The Well design. Gives me some inspiration for future projects.
    @Mali: Thanks for the comment. Feel free to link to your myspace design once it is done.

  4. Thanks for the cheat sheet – will come in handy.
    Nice collection on there as well.

  5. Great MySpace pages! Unfortunately MySpace changes the way their pages are built often which makes accurate coding (unless doing a div overlay) a pain, aspecially in band pages.
    .-= AJ Troxell´s last blog post: Looking Back: A Phire Design Mash-Up =-.

  6. So helpful, thanks so much!

  7. The designs are cool!
    .-= Johnson Koh´s last blog post: We are ONE Year Old =-.

  8. Coolness! ;) I’ve abandoned my myspace page long time ago… now I think I’ll go back and take care of it a bit – thanks so much for inspiration and the cheat sheet!

  9. Thanks for the cheat sheet, find it frustrating not being able to customize my myspace as well as I’d like but this has sorted me out cheers guys…A lot of nice designs out there already particularly like the Franz site.
    .-= rory´s last blog post: Firefox Plugins for Web Designers =-.

  10. Very cool, this will definitely come in handy.
    .-= Matt´s last blog post: CSS: A Timeline =-.

  11. Reminds me of yesteryear, struggling to design and code up my bands myspace. This cheatsheet would had gone a long way! I love the Killers myspace, looks the best by far. Thanks for the interesting read and cheetsheet.

  12. not bad. not bad. Personally, I’m a big fan of myspace sites that are completely overlayed.

    Like this:
    myspace.com/familyforce5

    talk about hot.

    my favorite on this post was the /franzferdinand

    @Laetitia I like yours too!

  13. not bad. not bad. Personally, I’m a big fan of myspace sites that are completely overlayed.

    check this one out:

    http://www.myspace.com/familyforce5

    talk about hot!

    not bad. not bad. Personally, I’m a big fan of myspace sites that are completely overlayed.

    Like this:
    myspace.com/familyforce5

    talk about hot.

    my favorite on this post was the franzferdinand myspace.

    @Laetitia I like yours too!

  14. Thanks for such excellent post. Really informative blog. Keep the good work here and i wish you all the best and success.

  15. Thanks for putting this article together. There’s some really inspirational designs for Myspace pages, its amazing what can be done.
    .-= Mike´s last blog post: Web Design Tutorial, Photoshop Actions =-.

  16. hey i was wondering how do u install the band’s myspace profile layout? cause i’m working a music band profile somebody and when i enter the code for some reason everything looks wonky and all over the place =/

  17. These posts you put up are very beneficial. I myself am new to this designing myspaces. I am currently trying to create a page for an artist of mine, Terrein Hoffanigga. Any additional help would be greatly appreciated…you do fine work sir.

  18. autechre is always good for cutting edge
    http://www.myspace.com/myslb

  19. I LOOOVE the Myspace Design for Cory Lamb: http://myspace.com/corylamb

  20. I like the designs.
    check out – Shine Unders – Really intense! – myspace.com/shineunder

  21. Omg, been looking for something like this forever! Thanks a lot! I’ve put a link up on SoulTravelMultimedia.com to this article. Great job and great blog!

    SoulTravelMultimedia

  22. @SoulTravelMultimedia: You’re very welcome. Glad you found the article useful and thanks for the link!

  23. Hi really this is nice to see..thanks many for your creative.

  24. Hi friends..!!!

    really this is outstanding works in designing..keep in touch with me..

  25. Thanks again Franz for the valuable info! And thanks for your response to the comment.. And you are welcome as far as the link! :-D

  26. This is a nice site! Keep it up… Cheers! Nice designs

  27. similar one and i had been just wondering should you get lots of spam comments? If so how do you prevent it, any plugin or anything you ca

  28. Hey, i am trying to customise my own music myspce profile for a uni piece, Is there any way you could set up a tutorial to make it easier as everything i have found so far hasnt helped?

  29. Wow
    this is really helpful
    thank you for posting this great insight of an article and the reason I say it is because of it helped me rebuild my own my space page and I am doing the same practice commercially to a few customers.
    Thanks a million

  30. Just a quick word to say thanks and this post was very helpful for me.

  31. This post is quite interesting and I really never though that I could have a better read until I visit this great site.

These Sites link here:

  1. Outstanding Myspace Music Profile Designs + CSS Cheat Sheet | Tutz - Best Tutorials
  2. Outstanding Myspace Music Profile Designs + CSS Cheat Sheet | Design Newz
  3. fudgegraphics | for lovers » Outstanding Myspace Music Profile Designs + CSS Cheat Sheet | Squico
  4. links for 2009-08-17 - Yo What’s Up Dog
  5. Hoja de estilos Cheat Sheet para Myspace | Puente Cromático
  6. PEDRO GOICO. New Media Developer´s Blog. » Archive » Myspace.
  7. Free Cheat Sheet: Myspace Music Profile CSS | Web Design Survivalist - Free Web Design Resources - Free Templates, Free WordPress Themes, Free Fonts
  8. Outstanding Myspace Music Profile Designs + CSS Cheat Sheet | SouTravelMultimedia

Comments are closed on this post.