Welcome to the complete guide to Myspace DIV Overlays, a tutorial on creating a full overlay for Myspace, using CSS, NVU Web Editor, and Adobe Photoshop. If your wondering what a DIV Overlay is, well its basically replacing the current Myspace Template, by creating a whole new template over it. Here are two DIV Overlays I did with this tutorial, the first one is for a client, Click Here To See, and the second is for my Myspace page, Click Here To See. The cool thing about this tutorial is that you don’t need to know how to code in CSS, or HTML, all you need to know is how to use Adobe Photoshop to create a cool profile design. Alright well lets get down to work than, here’s what your going to need.
Adobe Photoshop – For Creating Your Layout Design
NVU Web Editor – For Editing Your Layout
A GrahamPhisher.com Account – For Hosting Your Layout
Grahams Overlay – For Putting Your Layout On Myspace
(NOTE!!! This tutorial only works for 1.0 Profiles, If you have a 2.0 Profile, please read the Myspace 2.0 DIV Overlay Tutorial written by BellaGrits
Update July 3, 2010, Myspace released a HTML block module for 2.0 profiles, which make creating Overlays, incredibly easy, click here to read more.)
After you have Adobe Photoshop installed, NVU Web Editor installed, signed up for a GrahamPhisher.Com account, and have GrahamsOverlay saved to your desktop, we can get working on the DIV Overlay. So first off, open Adobe Photoshop, and create a template that is 800 Pixels Wide, and 1000 Pixels Height, this is going to be our overlay, if you want to make your Overlay height bigger or smaller, go ahead and change the height to whatever you prefer, but for this tutorial I am going to be using 800 by 1000 Pixels.
Alright now you should have your blank template open in Myspace, now its time for you to design your overlay, so basically just go to work, put down whatever you want, some suggestions of what you should put down though from me to you, your name, a navigation bar that says “ADD | MSG | FAV | FWD” so people can add, message, you, and all that, well get into linking those later, also if you create a “About Me Section” where your going to want to put text, just leave that blank, well get into how you can insert text, and all that later, just label it About Me Section, also if you want to inject a slideshow or mp3 player, or some sort of flash application leave that blank to, and just label it, I’ll teach you how you can insert a flash app into your overlay later in the tutorial. So anyways here’s what I got so far, note two things, yours does not have to look like this, and does not have to have a white background, and I’m not really trying to do a good design, its just a tutorial.
Alright the next step is using the “Slice Tool” to slice your template into multiple images, so we can edit the template. So what we want to do is click the “Slice Tool” (K), than with the slice tool create boxes around key parts of the template, such as buttons, Blank Spaces that you are going to put content in such as About Me Section or MP3 Player section and so on. Here’s a example…
The next step is extracting your template into multiple images, with a HTML file. So we want to click on the menu bar “File>>Save For Web” or “Alt+Shift+CTRL+S”, than a new window should pop up with your template inside it, and use the settings seen in the screenshot below, and than click save, and create a folder called OverLay on your desktop, than save your template as Layout in the OverLay folder.
The next step is opening your Template in NVU Web Editor, so we can edit it to work on your Myspace. So just open NVU Web Editor, and click CTRL+O, or go to the menu bar and click File Open, navigate your way to your desktop, than the OverLay folder, than open Layout.
The next step is making sure people can load your images on your template, note right now your template images are hosted on your computer, were going to have to move them to a actual image web server, aka a image host. So login into your GrahamPhisher.Com account, “Click Here To Login” than after you have logged in, go to the Gallery, than click, “MyGallery”, than at the bottom it should say “Gallery Admin Panel”, than under that click “Add Category”, and than where it asks you for Title, type “Your Name Layout”, than click “Add Category”, and now its time to upload your Template/Layout images. Enter the gallery you just made, than in the gallery it should say “Bulk Upload Images”, than upload all images from your OverLay Images Folder, you may have to re-vist the upload page a couple of times to upload all your images. After you have uploaded all images for your layout, its time to use NVU Web Editor to replace all images, with the ones hosted on GrahamPhisher.Com. To do this double click a image in the Web Editor, than a box will pop up called image properties with a current link to the image, find the same image you just clicked on GrahamPhisher.Com in your Gallery, and grab the direct link of the image on GrahamPhisher.Com, and replace the current link in the web editor with the direct link on GrahamPhisher.com, than do the same with the rest of the images, here’s a example…
Now time for inserting flash applications, and all that, its rather simple, first get the size of your blank spot (The blank spot is the image you labeled slideshow, or Mp3 player, or whatever) where you want to insert your flash application by double clicking on the image, and a properties box will pop up telling you the size of the image, than go to the site with the flash app embed code, most sites have the option to change the size of the flash app, if not you can always change the height and width inside the embed code, so anyways change it to size of the blank spot that we are going to be replacing with the flash app. So now to replace the blank spot with the flash app, click the image of the blank spot, than click on the menu bar, “Insert>>HTML…”, and replace the current image code with the flash embed code, do the same with all other blank images that were meant to be replaced with a flash app, please note your flash app will not show in the NVU Web Editor, but you can click browse on the toolbar to view it in your web browser to make sure you replaced everything properly. See the example below…
The next step is now replacing text space with text boxes, its basically the same method as above, except were going to be replacing the text space images with a HTML ScrollBox instead of a flash app. So first off, double click your text space, find out the image size, than close the properties box, than click the image again once, than click on the menu bar “Insert>>HTML”, than replace it with the following code with the proper measurements filled in, where it says width, erase the # and fill in the proper width of the blank space, and where it says height, replace # with the proper height of the blank space…
<div style=”border: 0px solid rgb(0, 0, 0); width: #px; height: #px; overflow: auto;”>
Your Text Goes Here
</div>
If your having trouble, see the example below…
Alright now were almost done, now we have to link your navigation buttons such as ADD, MSG, FAV, FWD, and so on. Linking the images is actually very easy, just go to your Myspace and get your friend ID, it should be in your address bar, for example,
After you have your friend ID use the following links to hyper link your navigation buttons by double clicking a navigation image than the properties box will pop up and their will be a tab called link, click that, than insert the proper link for the button, and make sure to replace the “#” at the end of the link with your friend ID.
Message Link
http://messaging.myspace.com/index.cfm?fuseaction=mail.message&friendID=#
Add Link
http://friends.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendID=#
Group Link
http://groups.myspace.com/index.cfm?fuseaction=groups.addtogroup&friendID=#
Forward Link
http://messaging.myspace.com/index.cfm?fuseaction=mail.forward&friendID=#&f=forwardprofile
Favorite Link
http://profileedit.myspace.com/index.cfm?fuseaction=user.addToFavorite&friendID=#&public=0
Block Link
http://friends.myspace.com/index.cfm?fuseaction=block.blockUser&userID=#
Rank Link
http://collect.myspace.com/index.cfm?fuseaction=RateImage.UserRating&UserID=#
Pics Link
http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewAlbums&friendID=#
Here’s a example…
Well the template is now almost finished, now we have to design a background to go in the layout. Designing a myspace background is simple, first off go back to photoshop, create a new template by clicking CTRL+N, or on the menu bar go to “File>>New”, than set the height to 1200 PX, and the width to 810PX, after your template is created, unlock the background layer by double clicking it, color it with the paint bucket with the same color as your template’s background color, than create a new layer, drag your first layer on top, than on the menu bar go to “Image>>Canvas Size…” and change the pixel width to 1900PX, and now you should have blank middle which is called a container, and two sides which is called the background, on these two sides you can add borders, background images, whatever you want, have fun and be creative, check the example below to make sure your doing everything correct, note I made my sides black, and my template background is white, so the mid container is white. Also upload your background to your GrahamPhisher.com account, because we will need to apply it later when were finishing the layout.
Alright well our template is now done, its time to make it into a Myspace Layout, so open up my Overlay code (Grahams Overlay). If this is your first time working with any of my codes, you’ll probably be confused when you open the file, that is unless you are experienced in CSS, which if your reading this tutorial, I take it you arent, so before we start the first thing you are going to have to understand is RGB CSS coloring, RGB standing for “Red Green Blue”, here’s a example of me changing the color of a background for a website to red,
background-color: rgb(255, 0, 0);
As you can probably see how this works, unless you missed 1st grade art class or wasn’t paying attention, RGB CSS Coloring is very much like painting, you have your red paints, your green paints, and your blue paints, above you can see I only used Red Paint, by setting the value of green and blue to 0, and red to 255, so say I wanted to set the background color to green, I’d do 0, 255, 0 say I wanted to do a darker green, I’d lower the value, 0, 200, 0, say I wanted to get a pink color, I’d mix red and blue, 255, 0, 255, hopefully you understand RGB CSS coloring now.
Alright so now we start making our template into a layout, so I guess I’ll break down the key parts of the stylesheet, please view the image below for a explanation of the stylesheet…
After you have finished coloring and filling out your stylesheet, its time to inject your template, so in NVU web editor click on the menu bar “Edit>>Select All” or CTRL+A, than on the menu bar go to “Insert>>HTML…” and copy and paste the code in the box that pops up, and in GrahamsOverlay find…
<div class=”thebanner”>
Photoshop HTML Goes Here
</div>
And delete “Photoshop HTML Goes Here”, and paste your template code there (the code we just copied from NVU Web Editor). Were almost done, all we have to do now is set the height values of our template inside the “thebanner” style (The height value of your template is what you set your height for your template when you were creating it in photoshop.) So basically inside thebanner find “height: #px;” and replace the # sign with your height, for example, “height: 1000px;”, also find “body table table td {padding-top: #px;}“, and replace the # sign with your templates height, for example, “body table table td {padding-top: 1000px;}“. And congratulations, your done! Now simply copy and paste this stylesheet into your about me or band bio section on Myspace, and make sure to remove any previous HTML coding or CSS coding.
April 17th, 2009 at 7:38 am
Nice Tutorial. Now i know where to go when I wanna change my Myspace layout to a DIV layout.
April 17th, 2009 at 8:45 am
thnx for checkin out the article Red!
April 17th, 2009 at 9:36 am
you are the fucking man !!!!!!!!! love ya work and keep it up , your doin a fuckin great job !!!!!
April 17th, 2009 at 1:40 pm
Thanks for your tutorials and all the other great stuff man! Keep it up!
Respect.
//Mike
April 17th, 2009 at 3:18 pm
thanks, ive done div overlays before but, this is a new way for me to try, and i saw the 713 msgs wow….
April 17th, 2009 at 3:31 pm
Thanks a lot man, this is great, ive been tryin to figure this out 4 a while, good work!!!!
April 17th, 2009 at 5:55 pm
good tutorial, i followed it all but i cant get the text to work.
say i make a box in PS, i slice it, then open it i NVU, link the image, then i go to insert html the img tag is their.
no matter if i leave it an put the text div in, or only put the text div in, the text either goes above, or below the image, never inside
what am i doing wrong?
April 17th, 2009 at 9:18 pm
great tutorial
April 17th, 2009 at 10:27 pm
Jay, the text doesn’t go in the image, you replace the image tag with the text box code.
April 17th, 2009 at 11:19 pm
This tutorial is badass. Thanks man!
April 18th, 2009 at 1:04 am
thanks graham this was very helpfully, i cant believe your only 17 and you have so much knowledge in design! I’m only 17 myself and im only just a beginner lol
peace
April 18th, 2009 at 2:13 am
oh quick question, i have a bunch of random white boxes that are just un-used space, do i need to upload those pics as well or can i forget those?
April 18th, 2009 at 10:25 am
Tim, yea you can go ahead and delete those, just make sure when you set your table color, you set it to transparent, instead of doing RGB coloring.
April 18th, 2009 at 4:25 pm
ok thank you Graham.
peace.
April 18th, 2009 at 7:01 pm
hi nice tutorial, but does it work in myspace 2.0 profiles?
April 18th, 2009 at 10:30 pm
Great Tutorial!
April 19th, 2009 at 2:12 pm
hey graham, nice tut.
Im working on my myspace right now
ill let u know when im done with that so u can let me know what u think
April 20th, 2009 at 6:54 pm
This iz a good tut. but im confused about the nvu part I dont know how to…like make the pictures lined up, the pics are all over the place.
April 21st, 2009 at 9:34 am
Hi Graham,
I tried this last night and put everything into the CSS customize part of Myspace but nothing changed.
Does this only work on 1.0 pages where you can add the HTML/CSS into the Band Bio/About Me section?
Thanks, love the rest of the site!
April 21st, 2009 at 8:19 pm
thanks graham!!now when i make my divs i slice them!!
April 21st, 2009 at 9:09 pm
hey graham,
in this tutorial you said you can add flash in your layout..say i wanted to add a myspace music player into one of the sliced boxes…would that work the same as putting flash in there?
April 22nd, 2009 at 12:00 am
great tutorial, one quick guestion, how do i make the friends and comments appear?
April 23rd, 2009 at 5:14 pm
Hey Graham,
I was just wondering how do you bring the music player, upcoming shows, and friends and comments back on top of the div overlay. Also how to keep the upcoming shows from overlapping div overlay content when more are added.
April 23rd, 2009 at 8:42 pm
some reason wen i add a music player and text everthing moves around an i see white lines
April 23rd, 2009 at 9:00 pm
just thought i would let you know that the slice tool on photoshop cs4 (extended version) is ‘c’ not ‘k’ like u said. took me forever to find the stupid thing. the ‘k’ button on cs4 is the 3d rotate tool.
pressing ‘c’ turns it onto crop but to get it to be the slice tool you have to go to the crop button and press and hold the clicker so a little sub-menu shows up right next to it. keep holding the clicker then go to ‘slice tool’ and let go of the mouse. u have now have slice.
=]
<3L
April 24th, 2009 at 4:14 pm
Yeah same thing happens to me Jadon
-Do u know why that happens Graham?
April 25th, 2009 at 11:37 am
Very nice this will help me alot with my DIVS I am currently using an image mapper but this will work better.
April 25th, 2009 at 11:44 am
to Shaqueil, and Jadon, if your templates shape changes when you add a flash object or text box, it is because you probably didn’t use the proper sizes when placing the flash object or didn’t slice a empty spot.
April 26th, 2009 at 10:20 am
Graham Phisher
THANK U SO MUCH FOR THIS GOOD TUTORIAL
April 27th, 2009 at 6:57 pm
HEY Graham
I HAVE A MYSPACE BAND PAGE
UMM I WAS WONDERING HOW DO U REPOSITION THE MUSIC PLAYER
PLEZZZ HELP
April 28th, 2009 at 3:28 am
hey graham i have just one question, how do i actually put the layout on, when i put the code into myspace on my music page, it covers the submit button, is there away around this?
April 29th, 2009 at 4:24 pm
just a quick question, im working with myspace 1.0…. i followed the tut step by step and when i posted the final code into the about me section like normal, saved it, then went to my profile i got a ton of terms of service wiolation boxes anywhere.. any ideas Graham?
thx alot fot the tut though i did learn alot
May 2nd, 2009 at 5:20 pm
I have a problem how do i make the layout templet html to open it in NVU?
May 2nd, 2009 at 5:22 pm
i have a problem to make the layout templet HTML to upload it in NVU?
May 3rd, 2009 at 10:21 pm
hey graham, I have created a rough draft background and layout in photoshop, tried to follow your directions to generate the myspace code, and can get a preview of the layout, but can not submit it. Does this work with myspace 2.0 band pages? Please let me know at your earliest convenience as I am trying to get my site up and running asap. Great tutorial though, easy to follow, i just have a feeling i might be screwed as a band profile in myspace 2.0. Let me know! Thanks!
May 4th, 2009 at 9:23 pm
alright graham, it didnt seem to work for me, get bk to me when u have time and ill show what you happened , ( just the screenshot) thanks bud
May 5th, 2009 at 1:48 am
Will this still work fine on profile 2.0? Ive been having problems with 2.0 css section
May 5th, 2009 at 4:19 pm
need serious help pls because i follwoed exactly and the div box dont work thees random white lines in mywork and how do i get the myspace music player on my div
codes and help neede pls give me advice
May 6th, 2009 at 8:19 am
if u have problems with this tutorial, its not the tutorial, its you, because it works for lots of other people, n even me.
May 6th, 2009 at 12:14 pm
Hey Graham.. Is there a way to call the “top friends” or “comments” in custom spots on a template without using css to reposition the default comments and top friends areas? If it is needed to be done with css with the default comments and top friends… do you know of a site that has a list of what to style exactly for them to reposition, resize, etc? Hopefully this question makes sense…
May 6th, 2009 at 2:10 pm
kl kl it has worked properly now just one small fll it works but theres no scrol box the text is the but no scroll box can yu help
i dont mean to be rude or nothing cus your a great guy at designin and coding and shit
but could you at somepoint try to do a you tube tutorial of using nvu web editor etc
May 6th, 2009 at 2:35 pm
Hi Graham,
Fantastic tutorial I’m almost there. Just wondered if you knew a code so that I can put my top friends and comments into one of the text boxes?
Also I’ve tried inputting my div into my myspace and it’s covered up the sumbit button so I can’t save the layout. How did you get round this?
Thanks,
Chris
May 6th, 2009 at 7:26 pm
hey when i post it in the about me section of myspace 2.0 it deltes it because of the new rules with myspace 2.0, they not letting CSS into the about me section. So i post it in the customize profile section and still get nothin … what didnt i do correct???
May 8th, 2009 at 11:59 am
When I click browse to see if the myspace slideshow is working, the size of the slideshow doesn’t change. It’s the same size with a white box surrounding it. Is it normal for it to do that or am I doing somthing wrong?
May 9th, 2009 at 7:39 am
Hey, finaly I know how to figure this out thanks to this tutorial, thx!
I have 1 problem though, my design is 790 high and when I place it in de Bio section it shows in the example but when I try to submit it, the ‘submit’ button is underneath the picture. And when I try to adjust the top margin, the picture is way down. I also tried to give it more space body table table td {padding-top: 1000px;} but still it doesn’t work. How can I make this work?
May 10th, 2009 at 10:27 pm
for band myspace i can use the same method ??cuz i can design my divs but not sliced,, i want the layout like this so sliced! but with band myspace..thanks
May 11th, 2009 at 5:36 am
To ‘help please’ and ‘charlie’:
I found a way to make it work and it’s quite easy, first do this.
Drag the ‘edit’ button of your ‘bio’ or ‘about me’ section to your favourites and you will have an external edit button, it only works in the menu of the button itself. If you don’t do this you wouldn’t be able to edit something in the future cause the image is on top of the button.
For the submit button, just put this in your favourites:
javascript:document.forms[1].submit();
Then you call it submit button or something so if you want to submit it and you can’t see the button, this is the same button but saved in your favourites
Have fun
May 13th, 2009 at 3:33 pm
Awesome Tutorial. This is exactly what I was looking for. I had the same issue with the submit/edit buttons but thanks to Llano I was able to get around it.
Thank you everyone this was a great help… Awesome job..
May 14th, 2009 at 7:16 am
Also if you edit your profile in safe mode the submit button won’t get covered up. On your home page look for safe mode and edit your profile there.
Don’t worry when the code doesn’t turn in to a layout. It will when you preview your profile.
Also anyone know how to embed my friends and comments into a slice on a band profile?
May 14th, 2009 at 2:35 pm
hi graham where can i get the myspace music player into the correct position pls help
May 14th, 2009 at 4:34 pm
for those whose page is covering up the submit button, just edit ur page in safe mode. I have found scripts online to move the player around, but my div covers it up…i noticed some other ppl where havin the same problem about using the myspace music player. just wondering if anyone figured out a solution?
May 15th, 2009 at 1:35 am
I am not using Nvu but Dreamweaver. I am learning CSS and want to know if our “Template” HTML can be totally a CSS (Div based) layout? of which we paste that HTML code with embedded styles into your Overlay code? (Just trying to make sure I understand your tutorial relevant to what I want to do)
May 17th, 2009 at 2:20 pm
when i finished i just got a lot of terms of serivce violation boxes all over the myspace…whats up with that?
May 19th, 2009 at 7:57 am
Would it be possible for you to help me create a DIV Myspace Layout like the one referenced below? My email address is ebony.curry@gmail.com or http://www.youtube.com/essence219
Sample DIV Layout:
http://www.myspace.com/daniellepastorino
May 21st, 2009 at 2:11 am
Hey Graham, thanks for the tutorial. Now, I seem to have a problem,i did my div, uploaded, got it coded, and put it on my page. But now the div is all broken up, I don’t know what the problem is, could you help me out?
I’ll provide a screen shot if necessary.
Thanks
May 22nd, 2009 at 3:41 am
Dear Graham,
This is the best DIV tutorial I’ve ever seen, however there are two issues i need your help with.
1) I can not get the text box right, every time I post the layout all I see is a image that reads “TERMS OF SERVICE VIOLATED” instead of my about me box. What could I be doing Wrong?
And 2) I want to put my friends and comments in a scroll box also, how would I go about doing that?
Thanks for your time- Big Chili
May 23rd, 2009 at 4:00 pm
Graham maybe the problem with this tutorial not working for some people is that they are using profile 2.0. HTML is disabled in it. You can use the CSS but inserting the div tags has no effect.
May 25th, 2009 at 12:13 pm
I followed this exact, but without the flash. I get terms of service violation when i apply the code to my page….not really sure whats going on? and it don’t seem to line up with other things? im kinda lost….frustrating…
May 26th, 2009 at 8:00 am
this is one of the most beneficial tutorials i have found on the internet – to achieve the professional band look… thank you very much. take care.
May 27th, 2009 at 4:20 pm
Hey what is the best web editor for Mac? I tried out mapSpinner, but the slices never met up with the links?
May 30th, 2009 at 12:01 pm
hey!
i only wanted to know if some of you have used this in a personal myspace (not band myspace) and 2.0
and if want to know if it had success, because i’m trying and trying and i dont get anything
and i cant back to the 1.0 version!
May 30th, 2009 at 2:02 pm
5/5!
amazing tutorial!
thanks graham.
May 31st, 2009 at 11:06 am
Amazing stuf Graham. Best tutorial by far. Haven’t quite got there yet, but you’re right. Any problems are isolated and although frustrating can be worked thru to prove that the tutorial works a treat. Many thanks. Cheers
June 1st, 2009 at 1:04 pm
Graham you are the shit. Thanks for being so generous. There is like little reason to look anywhere else for questions about myspace. I imagine you will have a book in the works someday- you have a great facility for educating people.
ANYWAY
I am trying to keep the music player functioning on an artist page. Want to keep as many elements of the page customizable as possible for the user, but especially the mp3s. Is that a bit messy for you to get into in a tutorial? can you point me in the right strategic direction?
thanks
sam
June 2nd, 2009 at 9:25 am
Graham, this is the greatest tutorial I’ve come across! I’ve never been able to follow a tutorial before I read yours. The only problem is I always get this white box at the bottom of my page. I saw that someone posted the same problem and you told them to delete it, but what do I need to delete in the coding to make it disappear. It looks like a box where the comments or friendspace would go. I put in a separate code to hide both, but all it did was make a much bigger box around the bottom links. Please help! How do I fix this??
-Thank you so much =]
June 2nd, 2009 at 3:52 pm
HEY CAN U MAKE A VIDEO OF THIS TUT PLZZ
THX REPLY MA COMMENTS BYE
June 2nd, 2009 at 4:57 pm
Very detailed and easy to tutorial. Making a mySpace site for a friend – This will come in handy!
June 5th, 2009 at 11:21 pm
hey man, how can i get the NVU program if i have a mac?? its not letting me open the program. what can i use instead to replace it ?
June 8th, 2009 at 1:07 pm
I have a myspace music page and I jsut designed my page. Everytime I go to Musician Details then I paste the code into the BIO it just stays on the side. Can anyone tell me what I am doing wrong I need this fast so if you want to help email me at joseph_moten@yahoo.com. Im stuck and dont know what to do
June 9th, 2009 at 10:39 pm
Hey, great tutorial.
But for some reason on my myspace the default picture, and the general info is still there. It’s like the div is just a banner. think you could give me a code to hide the bottom stuff? Thanks a lot! anyone please help message me on myspace! message the subject as Dane help.
http://www.myspace.com/kdldesigns
thanks everyone
June 10th, 2009 at 11:28 am
Thanks for the tutorial Graham. What can I do to ensure the original band music player is still usable for an artist myspace account. Is it possible to cut a transparent slice where it would be normally and then it will show from underneath? Would really appreciate and help or tips on this.
Many thanks
Calum
June 11th, 2009 at 2:08 am
I just tried this out for the most part it works, I am guessing I messed up the css somewheres. I am getting this thing that says Terms of Service Violation or something, where I had just an empty area. I’m going to mess with it some more I can use the CSS practice.
Thanks for the tutorial, it worked wonders.
June 12th, 2009 at 11:43 am
Man I just Followed all your tutorial and what all can see is a mensseger says: “terms of service violation”
shoud I made some mistayke
can help me in something dude? Thanks and graet job
June 13th, 2009 at 9:01 am
why does my pg look good from nvu when previewed and it looks right while im in edit profile but once the actull pg is up it looks like lil spaces still like slice can yoou help on why it looks like this please help someonehttp://www.myspace.com/samplepglb
June 13th, 2009 at 11:56 am
Invaluable tutorial right here
June 14th, 2009 at 2:53 pm
what if i dont have slice tool(using an elements version of photoshop)
is there a plugin i can download or another way to get around that?……
June 15th, 2009 at 1:28 pm
Near the end of the tutorial you advised to create the bg. After bg created its saved to a host site and then it says that we’ll need it later on. The thing is, it doesn’t then advise how to upload your bg to the profile…….what needs to be done?
June 15th, 2009 at 6:11 pm
nice tut!!! everything works fine.
the only thin i don’n know yet is how to put the friends and comments section in front of the div overlay?
i would appreciate a little tut for that.
thanks and keep up the good work. u have nice stuff and a lot of talent.
June 16th, 2009 at 3:53 am
for those who have problems with positioning the mp3-player. keep blank space in your layout like graham said. the go to http://www.garyshood.com/bandplayer/ , enter your url i.e. http://www.myspace.com/grahamphisher and the program will give you the embed-code from your built-in mp3-player. paste that code in the place where your placeholder-jpg is and delete the graphic. done.
it works just fine!!
but don’t forget to set the player silent. otherwise there will be two players singing for your visitors. on in the front and one in the back
June 16th, 2009 at 10:43 am
Hi i just wanna thankyou for this tutorial is the best i have found so far, i just figured out some things of html and css that i ddint know, im new in this stuff, im surprised that you are 17 and already got the skills, congratulations¡
i just want to ask, if you can help me, or if know other tutorial or any thing you can tell me for pimping myspace layout.
here are some examples of what i wanna create, i think they are cool.
http://www.myspace.com/losconcordemusica
http://www.myspace.com/leonpolar
thanks and goog luck.
June 17th, 2009 at 9:08 am
HEY GRAHAM DO YOU NO HOW OR WHERE I CAN GET A FREE SOFTWARE TO MAKE FLASH IMAGES ?
June 18th, 2009 at 12:24 pm
I’m designing a band myspace, and i want to know how can i move the upcoming shows section in my myspace
has anybody got the code??
June 18th, 2009 at 4:17 pm
Hey is there anyone here that has the ‘Graham Div Overlay Code’? For some reason they are not allowing me to view the link? If anyone has it email it to twoonthrbeat@gmail.com. THANKS!
June 18th, 2009 at 8:22 pm
You’re whole site is like down!! Gasp!! What happened?!
Are you going to get the forums and everything back up, none of the links for this tutorial work anymore!!!
June 20th, 2009 at 4:18 pm
the div overlay 2.0 tutorial gives me a 404 error
June 21st, 2009 at 3:31 pm
JESUS!! your inbox is 713!!!!!!!!!!!!!!!!!!!!!!!!!
lmao! your a popular guy
June 23rd, 2009 at 6:26 am
most of the links i click on this site are broken (“404 Page not found”) please help im right at the end and i cant get “Grahams Overlay” code! Graham?? Anyone?? email it to me please?? carrspark@gmail.com
June 23rd, 2009 at 12:51 pm
Hey, can someone give me the link to his code. The forum its down so it doesn’t work.
June 25th, 2009 at 11:29 pm
i need the link to the graham overlay because its not working :’(
June 26th, 2009 at 7:49 pm
hey Graham great tut, ive finished making my layout in photoshop but i cant get your overlay code?
July 3rd, 2009 at 10:43 am
Hey Great TUT Man, but however the overlay link isnt working
.
IF ANYBODY HAS THE THE OVERLAY CODE
PLEASE EMAIL TO http://WWW.KHIZARKARIM.K@GMAIL.COM
GREATYL APPRECITATED
July 4th, 2009 at 1:53 am
hey graham or anyone in particular
ive got everthing else down……. i think =/
for the url (YOUR IMAGE)
what exactly am i suppose to put there
theres quite a few diff ones
do i put the same one in all of them??
..new to this stuff…bare with me..
and if its an overlay i can leave all the text and everything at black right?.
my sizes are wrong so im going to start over
but this information would be lovely so i dont get lost the second time around
July 4th, 2009 at 10:30 am
why when i put my div on a regular layout its fine but then i put it on a music pro and my comment table moves down, i know i just dont know how to fix it, it’s when i type in 1338 in the body table table td {padding-top:1338px;} section but if i put it to 0 my comments are normal but my div ends up really low why?
.thebanner{
background-color: transparent;
position: absolute;
left: 50%;
top: 190px;
width: 800px;
height: 1338px;
margin-left: -400px;
overflow:hidden;
background-position:center left;
background-repeat:no-repeat;
border-width: 0px;
border-style: solid;
}
body table table td {padding-top:1338px;}
div table table td {padding-top:0px;}
body table table table td {padding-top:0px;}
July 4th, 2009 at 3:23 pm
haha i feel dumb about that last comment i wasnt even thinking right…so i got that…but when i put the code into my myspace nothing is covered..yeah the background goes in but all the modules and stuff stay. my middle overlay doesnt even show up anywhere
July 7th, 2009 at 7:10 pm
for the terms of service violation stuff you’re getting, try renaming your div layer. My guess is that you’re using something like #aboutme or .aboutme which (i may be wrong about) myspace probably uses for their own about me layer which in fact is probably a terms of service violation. i might be wrong but i had this problem myself and when i changed it from #aboutme to something else it worked fine. same thing with other stuff guys. just rename your div layers but remember to change them throughout the code to keep it consistent. also, for the layouts that look all jumbled, pay attention to the nesting (which divs are inside which groups of divs) because it you nest them it changes which borders it takes the top and left tags from. hope i could help, and tell me if i’m wrong about anything too. great tutorial by the way too
thanks
July 9th, 2009 at 12:34 pm
Hello can i have the Graham div code? can u please send it to my email thanks!
jdmanuel21@gmail.com
July 17th, 2009 at 12:17 pm
does this work even for band pages????
July 17th, 2009 at 6:02 pm
@romeo
yea, u just need to design your layout around the music player on the band page or get deeper into css to learn how to move it.
July 18th, 2009 at 11:06 am
Can you post up the thread about the DIV overlay for 2.0 Layouts please?
I think it used to on here..
July 19th, 2009 at 4:35 pm
hey i got everything figured out except for the mp3 players i am doing it for my bands myspace and i need to know how to get the embed code for the myspace music player??????can you tell me how thanx
July 19th, 2009 at 9:02 pm
Was wondering, ive made a layout using this tutorial and its great! but im wondering now, how do allow comments to be shown on a DIV overlay?
July 22nd, 2009 at 9:42 am
whats the code??
July 22nd, 2009 at 6:14 pm
Can someone please help me. I don’t understand the background in the layout part. I made the new template and i slipped my background onto it then i uploaded that and its the whole codeing part, it gets all messed up.
July 22nd, 2009 at 9:03 pm
first of all i just wanted to say thank you for this haha, its the easiest one out there and i love how quick and easy it really is. but i have one question how do i get rid of a blank box at the bottom it looks like it might be the extended network on the myspace 1.0. its the same color as any text box you put in the layout. also how do i make the gap go away so the page actually is only 1000px high?
July 24th, 2009 at 5:11 am
Hey man great tutorial thanks. I need help with coding two sections of my overlay. How would I replace one section with with my bands top friends and another for our shows section?
Thanks again!
July 24th, 2009 at 10:46 am
Hey buddy im having a bit of a problem. when i put the images into this site and then use NVU and change the names from the host my images dont show , they are broken images.??
July 27th, 2009 at 9:37 am
Ok I need alot of help I did my Photoshop Page BUT………..
I wanna put my friends list and comments how do i do that????
how do i put flash or mp3 player on top of the picture instead of changing the picture????
please someone help.
August 1st, 2009 at 10:47 pm
Eyy i got this done but when i put it on myspace i cant submit it cuz my layout covers the buttons! can n e one help?!
August 2nd, 2009 at 2:56 am
NVM… Great Tutorial by the way!
August 2nd, 2009 at 10:21 pm
can you use a different image host, because i submitted the wrong email when i registered .
August 8th, 2009 at 11:56 am
hey i followed the whole tutorial and everythign worked a treat
!
apart from i was wondering what codes are used to embed the music player, upcoming shows, blogs etc?
can anyone help me out?
August 10th, 2009 at 9:55 pm
Could someone help me fix the problem with the bottom of my page showing the default picture and what not? Also I am wondering how to import the upcoming shows and comments and top friends into my layout. Here is what I have so far: http://www.myspace.com/dgaband
Email me at dgaband@aol.com
Thanks!!
August 11th, 2009 at 5:26 pm
Thank you soooo much ive been trying for months to do this
August 12th, 2009 at 7:25 pm
GRAHAM, THANK YOU SOOOOOO MUCH!!!
this is the best DIV Overlay Tutorial I’ve seen!
here’s something about the music player, this is what I used to MOVE it:
embed, object {position:absolute; top:(edit)px; left:(edit)50%; margin-left: -150px; z-index:9; } td td td embed, td td td object { position:static; margin-left:0px; }
you just have to play around and place the player where you want!
Hope it works for you guys.
Another thing, I just can’t get rid of a HUGE separation between the friends section and the comments section, what about that?
also, there’s just one small separation between the DIV Overlay and the top of the myspace, anyone knows how to place it correctly?
here’s my mail if you can help me out with this:
aztronutzdave@gmail.com
http://www.myspace.com/deathorglorymx
August 14th, 2009 at 10:26 pm
CODE HELP PLZ..
I JUST MADE MY DIV OVERLAY
EVERYTHING IS GREAT THANKS TO THE BOMB ASS TUTORIAL FROM GRAHAM.
BUT I HAVE TWO PROB THAT I WOULD LOVE SOME HELP FOR
HERES THE LINK
http://WWW.MYSPACE.COM/THOEDGFX
OK FIRST OF ALL CAN SOME ONE HELP ME PUT MY COMMENTS AND FRIENDS IN THE BOTTOM
DIV BOX LABELED COMMENTS AND FRIENDS
AND ALSO WHY IS THERE A BIG BLACK BANNER ON THE BOTTOM OF THE PAGE?
I CHECKED ALL MY CODES AND BRACKETS AND I JUST DON’T UNDERSTAND IT
BUT IF ANYONE CAN ASSISTS ME I WOULD APPRECIATE IT
August 14th, 2009 at 11:56 pm
SOMEONE HELP LOL everytime i bring it into NVU it gets all un eaven and wen i upload the pics theres a thing called “spacer” any ideas where it goes
August 16th, 2009 at 7:00 pm
yo graham i do not get wer to upload da images,,
der is not bulk image thingy
August 19th, 2009 at 1:50 am
looks like a really good and thorough tut, i’ll have to give it a try some time.
August 25th, 2009 at 2:25 pm
You are a LIFE SAVER! Seriously… this is the best and really only legit tutorial for exactly what I wanted that I could find. I love you!
August 27th, 2009 at 8:51 am
This was amazing, first time I have made a Div and it was really simple our band page looks fab, thank youuuu
August 27th, 2009 at 8:54 am
Also my overlay sits on top of my friends list and comments when I make them visible, is there any way in preventing this?
August 27th, 2009 at 2:40 pm
is the NVU web editer a free trial or for ever/??helpp
September 2nd, 2009 at 2:15 pm
I was wondering if you know how to do it with photofiltre? I already have a DIV made but I dont know how to code it…
September 17th, 2009 at 6:52 pm
im so lost
September 18th, 2009 at 10:01 am
um im kinda confused i think i need a video for me to understand better
September 18th, 2009 at 2:20 pm
ok i got it but why is everything spaced out? and its still showing my regular dislpay pic and music player.when adjust the height it wont let me edit it. its like a puzzle lol
September 20th, 2009 at 7:40 am
I have 2 question please respond
1.
How do i but a background image to my textbox?
Your Text Goes Here
2.Whats the div code for the freinds and comment section?
September 21st, 2009 at 10:58 pm
I wanted to ask if I can get a code for I can place a banner in the bottom of my myspace profile .
September 22nd, 2009 at 9:38 pm
HEY GP,i finally got it after 3 days lol but does n e body know how to make my frnds n cmmnts scroll? its just a white blank spot where i entered the code
September 23rd, 2009 at 11:02 am
Hi, great tutorial got everything working accept the textarea doesn’t seem to get a scroll and when I change the myspace the profile pic and band music player still show up at the bottem.
September 24th, 2009 at 4:14 pm
Hey. What About Myspace Player On Musicians Sites? I am a producer and I can’t figure it out how to leave place for myspce player and how to set where it should be on the page. Could you guys help me please? Thanks For Great Tut Graham!
September 27th, 2009 at 5:46 pm
Can anyone tell me how to make my default pic and music player go away? I did everything how i was supposed to but when i put it on my music page the default pic and music player still shows! Check it out here:
www,myspace.com/ReadyAtWar
October 13th, 2009 at 8:59 am
CAN U DO A YOUTUBE TUTORIAL? THEN MAYBE IT WILL BE EASIER FOR SOME PEOPLE TO UNDERSTAND IT..
October 16th, 2009 at 9:01 pm
Thank you so much for the tutorial! I’ve enjoyed learning this and have somehow come through it all with a somewhat decent overlay! Very much appreciate it!
October 18th, 2009 at 11:44 pm
I have a question… How do i get rid of the gap in between my itunes buttons and the tables below. Please view my site. you will see what i am talking about. Thank you so much.
-Rick
October 21st, 2009 at 1:30 am
I followed this da best i could i did everything the only problem i had was with the text.. i did exactly what the tut says and the deminsions are on point but the box i put the text in never scrolls. it just extends and then everything gets moved around..
and second when i try to add it to myspace i get a few thin white lines out of nowhere.. if u could help me solve these problems id apreciate it Graham
October 21st, 2009 at 11:38 pm
wait nvm i fixed it lol now the only problem is the music player and profile pic at the bottom… help?
November 1st, 2009 at 3:38 pm
Hello,
I designed a div overlay and would like to test it, but it doesn`t work correctly.
I have the following problem: All the links to the pics in my html code are replaced by new myspacelinks to a picture with the sentence:”TERMS OF SERVICE VIOLATION”.
Here is the link to my testpage: http://www.myspace.com/routetest
Could you help me, I become desperate?
November 3rd, 2009 at 10:22 am
Just to let everyone know, If your getting TOS images its probably because you forgot to do the step he explains where you change the SRC of the images in the code from “images/whatever.jpg” to “website.com/whatever.jpg”. you need to specify the path to where you uploaded the images to.
November 3rd, 2009 at 10:37 pm
when i post the div code into my band bio, i hit preview, and then it pops up but i cannot hit submit because it covers the submit button!!! how to i submit if after i click preview?
Thanks!
November 4th, 2009 at 9:22 pm
hey graham,
i have everything done but the banner
seems to get in the way of everything
when i try to edit my bands page.
the edit bio is covered up and so is the submit button
November 6th, 2009 at 4:38 am
Thank you so much for the tutes! they seems doable and quite good to follow!
November 22nd, 2009 at 12:47 am
The only problem i’m having is getting a new band music player to show up on top. my overlay covers up the existing band music player and i’ve found codes to add a new one….but when i add it, the new player won’t stay on top. any pointers? thanks…this tutorial really helped
December 3rd, 2009 at 9:13 am
hey does this work on a band layout? and is ther anyway of people telling me how i can check if my band layout is 1.0 or 2.0 im stuck :s
December 6th, 2009 at 10:42 pm
Graham,
Can i create this div overlay to my myspace band?
Cheers from Brazil
=)
December 9th, 2009 at 1:31 pm
Can someone help me out? I fully designed a badass div overlay. For the background I have a border that is supposed to “contain” the main layout. On the sides of the border are the streets of L.A. with smoke faded on them. My main overlay is like 2000 pixels high I think. I basically want the background to stay in place while the main overlay scrolls over it. Is that possible. I also was trying to figure out how to code my myspace music player from my site to my div but when I took the code and pasted it to my myspace music accout NOTHING showed up and it sucks because I was so sure this was going to work that I deleted everything from my old setup of myspace music. I have never done a DIV I have made website with web editing programs but never did a DIV. Is it possible that someone can lend me a hand or some tips? Maybe a few more tutorials I should see? I gotta try to get this thing up by 8pm tonight. Thanks.
December 16th, 2009 at 5:00 pm
I wanna put my space like this one >> http://www.myspace.com/motion_699 << !!. What do i need????!?!?!?!!??!?!?!?!
Please starting at this thing,HEL ME**
December 28th, 2009 at 12:35 am
Alright,
this question is for the service violation thing that pops up after i had
finished with your tutorial
i finished it and it just had service violation all over my DIV
except for the flash players like my youtube and music player
and i went throught it 3 times and it happenes to be my frst time using css and html
so im not sure what to do from here… if you can plz help me i would greatly appriciate it.. because i made a kick ass layout and im trying to get it up on my page as soon as i can.
December 28th, 2009 at 5:14 am
ok.. i have everything else.. i just need to know how to
show my top friends and comments on there…
if you have a code plz let me know
i been struggling with this for 5 hours
December 29th, 2009 at 4:06 am
So ive done everything, and now im putting it all in myspace, and i have the same question as tim up the list: the submmit button is hidden by the div. how do i get past that?
thanks
January 7th, 2010 at 1:19 pm
Nice subject area that you have chosen.
January 8th, 2010 at 3:26 pm
ok i finished my layouts but when i try to upload them some”terms of service error or sumthing shows up.can u help.
January 16th, 2010 at 4:00 pm
thanks for the tutorial
i have a question:
which s the code to move the music player in musicmyspace acount
thanks to anyone who can help me
metalnegro2036@hotmail.com
Graham the best!
January 23rd, 2010 at 12:43 am
damn you the F’n MAN THANK YOU SOO MUCH WORKED PERFECT PROPS GO OUT TO U!!!
myspace/designs4you909
January 23rd, 2010 at 8:10 pm
Thanks graham came out prefect
January 25th, 2010 at 6:33 pm
Great Tut! i was wondering if you knew how to add html without removing the picture?, for example if i wanted to add a music player to my overlay witout removing the background in the section i sliced.
p.s other email is wrong
February 1st, 2010 at 11:34 pm
this tutorial is garbage…
February 3rd, 2010 at 1:58 pm
Hey Graham I’ve been looking for a tutorial like this for a long time, I finally found it today when i was looking through dreamweaver crap at school.
(which i’m sure you can use Dreamweaver also for this tut)
ANYWAYS i’ve been reading through the comments and i’ve noticed a lot of these people want to mess with thier band page, i’ve always traditionally just used background and masthead codes so I never had to really worry about the music player, I have used codes to move it around on the page, i’ve even set it in the masthead image before. However I don’t know if I would be able to “pop” the music player up onto the new DIV. is there a way to place it into a sliced area? I know that I would have to size the area to the player.
or perhaps I could make multiple div’s and leave a hole for the music player to “peep” out of.
if you have any info or advice you can give me it would be much appreciated, and if this gives any ideas to any of you, please share with me what you have found out.
i’ve yet to test this theory because i can’t acess myspace at my school and I don’t have my computer back yet.
anyways thanks,
-Erik
February 9th, 2010 at 5:18 pm
Hey Graham i was wondering how you could put your top friends on the layout?
February 10th, 2010 at 11:21 pm
Now would this work for 2.0?
February 17th, 2010 at 11:03 am
Hey!! Great Tutorial…
Just one question…. How can I make this work with TWO Banners? One that goes at the very top and the second going BENEATH the MUSIC bar for an artist myspace profile? I would like to hide all the navigation bars as I created my own and only leave behind their AD banner…
ANY HELP WOULD BE GREATLY APPRECIATED…
February 24th, 2010 at 10:14 am
Hi Graham, I need your help.I made everything like you said but when I put my code on myspace it says terms of service vailation?why?Can someone help me?
Tnx in advance!
March 3rd, 2010 at 7:48 am
Hey Graham! first of all… Congratulations for this website and for this wonderful tutorial! Hey bro, I have trouble here and I dont know what I am doing wrong… Can you help me please? I did everything step by step and for some reason when I submited my entire code to myspace, it only shows several white blanks with the text: “Terms of service violation”. I’ve been working with codes from a couple of years, up to date and I already checked my code and I dont know what should be the problem! I hope you take the time to reply my request! Thank you for your time!
Yours truly: Abbe
Greetings from Mexico city!
Peace
March 6th, 2010 at 3:43 pm
Hey, I came in from Google. Bookmarked, cheers.
March 6th, 2010 at 4:18 pm
Hey, came in from Google. I’ve bookmarked, aloha. =]
March 12th, 2010 at 11:25 pm
Great tut. im having the problem with the white lines. i saw that you said the sizes might be off how we did it. my question is i got a “spacer” that saved from photoshop, how do i put that into my layout to even it out.
Thanks keep it up
March 15th, 2010 at 2:07 pm
iv created a website in photoshop as directed but to my own liking and followed everything usin NVU editor, when i browse, everything is where i want it, all links are workin and everything is peachy, but when it come to uploading the css code to my myspace band profile, nothing was appearing, wudnt even let me submit my code….i have all the “blueprints” saved for photoshop and NVU, any suggestions?
April 30th, 2010 at 11:10 am
Hello everybody, and Special Thanks to Graham for this tutorial…
GOT A PROBLEM!!!
What is the part of the code to change, to have the Friends Top-List and the Friends Comment displayed On the DIV overlay?
Thanks!!!
May 12th, 2010 at 8:26 pm
Hey there graham, awesome stuff. I have an issue with two tiny lines at the top and bottom of my page. I cannot seem to get rid of them? Do you know how I could rid myself of these lines? thanks!
May 16th, 2010 at 4:50 pm
Great Tutorial But i always get stuck at the HTML part! grrrr… i need help! what am i doing wrong….
I Made my Div/ slices
Uploaded Pictures to GP.com
Loaded the Links
am i supposed to make a cut out section for the Mp3 and SlideShow Section too??
i also have alot of white spaces left when im done what am i doing wrong?? can someone send me a message on myspace please…. http://www.myspace.com/ginnelle25
May 27th, 2010 at 10:36 pm
Does this work with Myspace version 2.0? So far what ive tried hasnt worked …Do you have a tutorial for version 2.0 and photoshop slices?
June 1st, 2010 at 8:06 am
Hey I dont have photshop.I use photofiltre. Is there a way to get the code with that instead? Great tutorial
June 14th, 2010 at 5:51 pm
To the people that have problems with the comments and frinds
that dont show up …
the sollution its just at the bottom of the code
in a part saying :
.extendedNetwork { display:none; }
.contactTable {display: none;}
.profileInfo{display:none;}
.latestBlogEntry {display:none;}
.interestsAndDetails{display:none;}
.userProfileDetail{display:none;}
.orangetext15{display: none;}
.friendSpace { display:none; }
.userProfileURL { display:none; }
.friendsComments {display:none;}
Just edit at the part : {display:none}
to something like this : {display:yes}
in the section that you wish to show
Thanks Graham the best tut ever dude !!
July 15th, 2010 at 9:04 pm
I been f**kin wit you for a min. now and really you have done nothing but put me on to the game. YOU SHOWED ME HOW TO MAKE MONEY! And I can’t do nothing but thank you for it. Just one question. I know you don’t charge for this cause you feel everyone is entitled to making there own money but, do you have a DONATION BOX? Cause you need one. And you never know how many of us would give you money just because you helped us out along the way.
July 22nd, 2010 at 9:16 am
So SOmeone tell me… What works for a band page? can I do a div overlay? and in myspace 2.0….NEED HELP….This tutorial was useless to me. Come on Graham are you on hereThanx nukka…lol
July 31st, 2010 at 12:31 pm
Graham seems to be quite touchy about his tutorial :-s
Serioulsy though this helped me a lot and I had a few problems that he might have assumed we’d know how to sort but oh well I got it working in the end.
You need to click “Safe Mode” to submit the overlay as it won’t display the finished outcome thus leaving the submit button unblocked.
If you want to move the music player then create an empty box in photoshop layout where ever you want it to be and jst paste the embed code into it.
Try not to make it exactly the same size as the box as this gave me white lines everywhere.
Also the Nvu program doesn’t display the image as a whole when you’re editing that’s why it looks all over the place, click preview and it shows if you’re ok or not.
Lastly, Some of the spacers are hard to fine just by clicking the screen so check in the HTML code under “Source” or “Sources” and find and replace – src=”image/spacers.gif” – or whatever and replace with the web address.
August 12th, 2010 at 11:32 pm
I used this whole tut having previous knowledge in CSS and HTML.
but when i finally got around to posting to myspace..
big white picture that said
Terms of Service Violation??
August 16th, 2010 at 8:17 pm
Hey Folks i was working on a DIV for my band page using the 1.0 TUT and once i finally entered the code everything worked except the original music player and prof. image appeared at the bottom ….. any idea what happened
~Dino