Big Picture

Author Comments

For everyone who wants to include a big picture in their header to give their layout their own touch. Coding took a while. Enjoy. Best viewed in Firefox & Safari.
THE CODE

What are you waiting for? Go outside, take a picture of yourself, add it and voila!

The big picture is 922×422px and the small one is 70×70px
COMMENTS
  1. Gravatar
    Russell said,
    August 6, 2009
    12:39 pm

    SWEET! I love this layout. I’m gonna use it! :D You did a great job. By the way I featured you in my latest Journal post on deviantART, Alex.

  2. Gravatar
    August 6, 2009
    7:56 pm

    Thank you very much for this layout! it’s cool! check now in action in my myspace
    http://www.myspace.com/zavalamx

  3. Gravatar
    Mark said,
    August 6, 2009
    10:25 pm

    Hy Alex, great job once again! ,,,, would we get to see some layouts for profile 2.0 soon?

  4. Gravatar
    Russell said,
    August 6, 2009
    11:58 pm

    @Mark,

    Alex has stated in the past that he would be checking out the 2.0 coding when he has the time. He has been quite busy lately, doing projects, and getting paid for them, plus not to mention other things in his life, that he does. I’d say once he’s got the time, he will. I’m looking forward to 2.0 layouts too.

  5. Gravatar
    Amanda said,
    August 8, 2009
    3:30 am

    This is so cool. I can’t wait to have this in 2.0. Does anyone know any websites that have a tutorial to change these to 2.0? I know Alex is busy so maybe I can try?

  6. Gravatar
    August 9, 2009
    7:02 pm

    @Amanda

    I still make layouts for Profile 1.0 for a reason. It is more “open” for modifications. As far as I know, this layout can’t be converted into a working Profile 2.0 layout (;

  7. Gravatar
    David said,
    August 11, 2009
    2:34 am

    Hi, I love this layout as well as all your other layouts, but i was wondering id there is any way to chop the top part off. Thanks

  8. Gravatar
    Katya U said,
    August 11, 2009
    11:09 pm

    Wow.. i love your layouts! but ihate the stuff after like the usal layout.. and when i delete it ..it looks weird.. so could you make one,.. without the bottom.. could you plezz make a div.. without the profile on the bottom.:))

  9. Gravatar
    Katya U said,
    August 11, 2009
    11:10 pm

    Wow.. i love your layouts! but ihate the stuff after like the usal layout.. and when i delete it ..it looks weird.. so could you make one,.. without the bottom.. could you plezz make a div.. without the profile on the bottom.:))..

  10. Gravatar
    August 14, 2009
    10:01 am

    Hi I was wondering if there is a way to replace a picture for ta video?
    The layoust all of them are awesome!!!

  11. Gravatar
    ajballetcoach said,
    August 15, 2009
    3:29 am

    I meant replace the picture and ad a video instead

  12. Gravatar
    Russell said,
    August 15, 2009
    9:43 pm

    @Alexander Agnarson,

    I have a friend that could make them into 2.0. But it’s only if he wants to. He has told me that it is possible to do that, using Div Overlays, and putting the main MySpace profile under it. But I get the impression from what you stated, that you probably won’t make 2.0 layouts. But I do remember you telling me int he past that when you have time you’ll look at the 2.0 coding, and we’ll see. That’s what I was basing what I said earlier on.

  13. Gravatar
    Amanda said,
    August 16, 2009
    10:20 pm

    @Alexander Agnarson

    Well thanks anyway, I wish these could be 2.0 since you can’t revert back to 1.0 anymore. They made it so you can’t. Oh well I really like your layouts maybe someone will figure it out cuz I’m stuck on 2.0. :(

  14. Gravatar
    Barzi said,
    August 17, 2009
    1:22 pm

    Hi. i have problem with my myspace music profil. i don’t know how to change my layout to this one. please help me someone. please

  15. Gravatar
    TystDarl said,
    August 17, 2009
    8:14 pm

    Really great design, very sleek and modern! Although, my display name looks smaller than the “real name” area. I was wondering if you could give me a code (or location within the code) to make my display name slightly bigger and/or bolder.

  16. Gravatar
    Stephanie said,
    August 18, 2009
    5:22 pm

    Hello Alexander, I really like your layouts the are very clean and professional. I saw your lewis hamilton layout. which is the same as the big picture but just with the red detials instead of the teal. How do you change the color, or is that a whole different code? can you help me please??

  17. Gravatar
    katy said,
    August 18, 2009
    8:31 pm

    Hi
    I have applied this layout to my myspace (thanks for a great design) however, my big image wont display at the right size. ive tried resizing the image, but it still comes up on the layout at a smaller size! Do you have any idea how I might be able to rectify this problem?
    Thanks!

  18. Gravatar
    August 18, 2009
    8:59 pm

    Make sure your image is at 300 dpi 922 x422 pixels use a software program like photoshop

  19. Gravatar
    TystDarl said,
    August 18, 2009
    9:24 pm

    I always seem to solve my own problem a few days later. So, nevermind my problem Alx. Take care!

  20. Gravatar
    HeavyAtmosphere said,
    August 19, 2009
    8:19 pm

    Awesome Layout! But whenever it shows if my are friends online on the profile, the “Online Now” is really big. Heres a picture of what I mean:

    http://i32.tinypic.com/npqstx.jpg

    Anyway to fix that?

  21. Gravatar
    Daniel said,
    August 22, 2009
    4:16 am

    Hi,the layout is very nice,however I found two problems, dropmenu of the options such as HOME MAIL …when selecting with the mouse, option are shown on the top of the screen, sometimes can not be seen. When adding a code of a picture on GENERAL INFO, which width is greater than 300, the background grey is moving to the right side and not aligning with other grey background overlaping wiht, the black background can be seen

  22. Gravatar
    Seneca said,
    August 23, 2009
    7:36 pm

    Hello, I love the profile. I was just wondering is there anything I can do to make the MySpace navigation bar visible. (mail, friends, profile, etc.) Is it possible to move that bar to the top where the background is grey? Or change the font color to a darker color?

  23. Gravatar
    August 26, 2009
    6:38 pm

    how do i put my picture instead of yours.

  24. Gravatar
    Katya U said,
    August 29, 2009
    2:18 am

    !!!!!!!! PLezz.. i love this layout can you please tell me were the lower part of the profile code is.!!!!!!! I want that to bbe deleted and keep the div.. part.. i looked and looked and i have noo clue because the ones i found didn’t fix it… i fixed the background so went i cut the lower part off it would work but i can’t cut it! help!!!!HELP ..plez!

  25. Gravatar
    Russell said,
    August 29, 2009
    11:00 pm

    @ Katya U,

    That would make it a div overlay, and right now that hasn’t been done. It can be done, but then you’d have to alter some of the images a bit, and even then, without completely re-coding it, you won’t get rid of everything below the header. It’ll still end up showing the table images.

  26. Gravatar
    Katya U said,
    August 30, 2009
    1:16 am

    @ Russell…
    Oh.. oh well thank you a though.. :)

  27. Gravatar
    Russell said,
    August 30, 2009
    12:03 pm

    @Katya U,

    You’re welcome. I like to help out if I’m able to. I have more free time on my hands than Alex does. He’s a real busy person most of the time. I’m just a friend from deviantART, but I like his work so well, that I thought I’d get on here sometimes, and try to help answer questions for him. I know he doesn’t have the time to get around to it very often. I’m actually stuck in the hospital right now, so I have even more free time, on this laptop. I just have to deal with ridiculous restrictions set up by a moron of a network administrator, it’s quite annoying. First I can download, then all of a sudden I can’t. They gotta get their stuff straight, lol.

  28. Gravatar
    David said,
    September 2, 2009
    10:38 pm

    Hi,
    I was wondering how to add my own links in the link boxes. As well as the add a friend and comment box at the top of the page.
    Love the sites!!
    D:)

  29. Gravatar
    Daniel said,
    September 2, 2009
    11:06 pm

    Hi, this my second request for the same problem, if any body can help me, the menu options are displayed in the wrong area, and not dropping on lign the head of the menu option such friends.. how can be fixed and get it right http://www.myspace.com/danielsundjproducer. It is a excellent layout thou.. Thanks

  30. Gravatar
    David said,
    September 3, 2009
    12:57 am

    Hi again,
    Problem solved. I have yet another question. In the personal, not band, where do I paste the code? I placed it in “about me” but it didn’t work.
    Thx!!

  31. Gravatar
    kidnina said,
    September 3, 2009
    3:16 pm

    does anyone know how to replace the big picture with a video. I thought I saw it on this site somewhere, but i can’t find it know.

  32. Gravatar
    Amanda said,
    September 8, 2009
    12:10 am

    question. your big picture layout? is there any way you could change the teal color to a army/sea green with a black and grey scheme?

  33. Gravatar
    Bee said,
    September 28, 2009
    2:07 pm

    Hey how do I get the comment link and the add to friends link working for me? Also is there a way to get rid of the default myspace 1.0 music player? Thanks

  34. Gravatar
    Bee said,
    September 28, 2009
    6:24 pm

    One other thing after I apply the code and try to test the comment and message links. It’s brings me to the right page but the comment box you usually type in disappears? Any reason why? Thanks

  35. Gravatar
    kostis6 said,
    October 4, 2009
    10:13 pm

    you are the best!!! thanks alot kostis chaveles guitarist from deaf adder

    http://www.myspace.com/deafadder

  36. Gravatar
    likit-e-split said,
    October 9, 2009
    5:17 am

    Hi Alexander, i was wondering how i would be able to change the side links into a drop down menu instead of a bunch of links.

    Thank You,
    Confused

  37. Gravatar
    Kieran said,
    October 16, 2009
    12:16 am

    Hi great layout thanks!

    One question though….how could I put a youtube video where the big image is?

    Thanks

    Kieran

  38. Gravatar
    gribbon said,
    October 16, 2009
    12:49 am

    Just wondering how you link to another website in the link one link two link three buttons on the big picture? The layout is amazing!!!!

  39. Gravatar
    seb said,
    October 16, 2009
    2:51 pm

    Hi thanks a lot for the geat layout. I was wondering how to change the background image? I thought i had found the image to replace but when i do it does nothing. Any ideas?

    thanks

  40. Gravatar
    shawn-g said,
    October 21, 2009
    5:29 pm

    wuzup how do i put my own pic in the box? thaks

  41. Gravatar
    alessa said,
    October 22, 2009
    7:35 am

    Thank you soooooooo much !
    I’ve been looking a long time for this kind of a minimal design.
    Found designmyspace.org thanks to Sebastien Tellier’s Myspace, btw.

    +++

  42. Gravatar
    pslay said,
    October 25, 2009
    3:23 am

    can’t figure out how to change the smaller picture that is currently next to “jessica parker” in the demo to a picture that i’ve selected. when i post the code where i think it should belong, it shows up right underneath the main top picture. the green area below the main picture has a darker-shaded box where i’ve deleted the default picture, which is where i want my picture to be. how do i do this?

  43. Gravatar
    DJ DBits said,
    November 4, 2009
    5:10 pm

    This layout has saved me from the countless problems I was encountering coding it myself. It’s simple, clean, and effective. The big picture makes it stand out among all the other templates I’ve seen online. Hopefully the new code for the video banner will come out soon, still waiting!

    Check out mine and tell me what you think, spent hours on this…

    http://www.myspace.com/djdbits

    -David

  44. Gravatar
    djtm said,
    December 18, 2009
    5:44 am

    I would like to put my name in place of the entire box below the large picture. Basically a solid background with my name and logo as opposed to the mini picture and bio area. Please advise as to how I may go about doing this. Thank you in advance.

  45. Gravatar
    Katya U said,
    December 19, 2009
    2:41 am

    Djtm: just save the “Big piture” and then either on paint or like.. fotoflexer.com .. get the whole thing in black.. and picture ur name in white.

  46. Gravatar
    djtm said,
    December 21, 2009
    5:43 pm

    Thanks Katya, I see what you mean but I do not think taht will resolve the issue.

    The big picture is perfect but the bar area below the big picture where on the sample sight says Jessica Parker and a bio I would like to replace that entire section with a name/logo? Any ideas?

  47. Gravatar
    December 23, 2009
    9:02 am

    I am trying to use your “big picture” myspace layout and wanted to remove the myspace url so in .userProfileURL I replaced your coding with{ display:none; } and nothing happened.

    I also tried this with the blog removal, about me removal, myspace url removal, general info removal, user comments, and top friends and none of this worked. Is there any way that this layout can be modified to have these things removed?

    Thanks for your time, and I really like the layouts!

  48. Gravatar
    December 28, 2009
    7:52 pm

    I LOVE DESIGNMYSPACE.ORG!!! THIS WORKED OUT SO WELL FOR MY MUSIC PAGE!! YAY FOR THIS SITE! THANK YOU!

  49. Gravatar
    David said,
    December 29, 2009
    4:36 pm

    Hi Alex,

    Love what you do with the sites!! Please help me add a video where the photos is. I tried pasting the youtube link where the photo link goes but it comes out off centre.

    Thx,
    David

  50. Gravatar
    atlas said,
    January 2, 2010
    8:26 am

    hi everyone i am having a bit of problem getting the big pic up on my myspace if any one can help me i would F*CKING love that

  51. Gravatar
    atlas said,
    January 2, 2010
    8:27 am
  52. Gravatar
    January 2, 2010
    9:57 am

    Does anyone know how to replace the big picture with a video?

  53. Gravatar
    Katya U said,
    January 2, 2010
    8:19 pm

    @ Atlas ; i think its because u have a 2.0 ..thats Y.
    @anothony: well try puting in the Embed code from like youtube ..c if it work in the place of the picture html

  54. Gravatar
    atlas said,
    January 3, 2010
    8:15 am

    @katya u thanks for responding so quickly although it sucks i cant change some stuff around : (

  55. Gravatar
    Erik said,
    January 5, 2010
    12:27 am

    Alright so I was messing around with the code to find out how to add a video into the big picture
    and I actually got it to work. I just did a trail in error sort of thing.

    Change this Code:

    Image explanation text

    With this Code:


    “insert embedded video”

    Notes:
    Make sure to change the embedded videos height and width (should be 2 place to insert it)
    Width: 922px
    Height: 478px

    Example:

    ” width=”922px” height=”478px” />

    Also just another thing I found,
    Here’s how to add more links for your big picture (cuz three isn’t enough):

    Original:

    Link One
    Link Two
    Link
    Three

    All you have to do is copy this code:

    Link Two

    and add it in between the current link one and link two:

    Link One
    Link Two
    Link Two
    Link
    Three

    Add as many as you like.

    Here’s an example of all of it;

    http://www.myspace.com/erikioannidis

  56. Gravatar
    Erik said,
    January 5, 2010
    12:29 am

    Can someone tell me why all the codes turned out as links
    instead of being all the code that i pasted in there?

  57. Gravatar
    ayln said,
    January 10, 2010
    7:26 pm

    its great i take it

  58. Gravatar
    C3 said,
    January 13, 2010
    3:45 am

    gaaahhh…i cant get the big picture aligned.its stuck to the left

  59. Gravatar
    Eimar said,
    January 30, 2010
    7:52 pm

    i have that one check it out
    http://www.myspace.com/eimarl made lil changes but yeah:D

  60. Gravatar
    March 10, 2010
    2:24 am

    This worked out perfect for me! Thanks! http://www.myspace.com/chrisrusu

    But i had a problem with a broken image on the top left of my page. How do i place an image there or how do i get rid of it???

    Thanks again awesome layout !

Leave a Comment

What are you waiting for? Go outside, take a picture of yourself, add it and voila!

The big picture is 922×422px and the small one is 70×70px
CSS Valid
Nearly XHTML Valid