Myspace Codes and Secrets - Adding a Banner under the Myspace Menu
Ok this one might be a little tough to explain but I'm gonna give it a shot. This code will add a banner under Myspace's Top Menu.
I will not be putting any advertisments in my code.
It will just be straight-up code...the kind you need to get the job done. Maybe I'll put something up later. Like a "Donate to the cause type of thing" without having to pay.
Whatever...
Now pay attention.
DO NOT JUST COPY A PASTE THE CODE AND EXPECT IT TO ALWAYS WORK THE FIRST TIME!
If something like that is the case and I'm aware of it, I will also put instructions on how to munipulate the code so that you can hopefully get your desired result.
If all else fails....just ask me for help.
...The Code
This is going to be a step by step adjustment so that you can learn what this code does and how you can make it work for you.
So the best way fo me to describe to you how to do this is line by line.
Copy any Paste this code at the end of your "About Me" section:
Alright. Now when you view your profile you'll notice a big pink box up at the top, unless your background is pink...
then change it in the first line of code to make it so you can see what I'm talking about.
This default image size is 800px wide (width) and 300px tall (height).
But lets just say for this example you made an image that was 500px wide and 150px tall.
1. top: 170px; - adjusting this amount will move the top of the banner up and down. 170px is pretty much where you would want to keep it but some of you might have the top Myspace Menu covered up by the banner, so you would adjust it.
2. width: 800px; - since the width of the banner we made was 500px wide you would put this number in here.
3. height: 300px; - since the height of the banner we made was 150px tall you would put this number in here.
4. margin-left: -400px; - now that the banner is not as wide it's not centered. Adjusting this will move the banner left and right. the lower the number you choose the more the image moves to the right. I used -245px in here. Looks close to center there.
5. body table table td {padding-top:300px;} - now that the banner is smaller you'll notice there is a big gap between the bottom of the banner and the top of the rest of your page. Edit this code to fix that.
Since the banner we made was 150px tall.....this is a good number to start with. if you want more or less of a gap adjust accordingly.
Most likely unneeded:
6. div table table td {padding-top:0px;} - this moves the Myspace menu up and down. If you want to test it out put a 5px in there to see what it does.
7. body table table table td {padding-top:0px;} - feel like your tables are too close together? the higher the number you put in here the taller your tables get. If you want to test it out put a 10px in there to see what it does.
8. border-width: 0px; border-style: solid; - this is if you want a border and what type of border you want. I left this unchanged.
***UPDATE*** If you have a myspace band layout with the red nav bar you might have a problem with the comments moving too far down the page. If this applies to you add this line of code(include the period in the begining):
.friendsComments td {padding:0px;}
And the last thing you would need to do once you got everything nice and aligned is to put your image in there. Put the URL of your image where the text "YOUR URL HERE" is and you should be set.
Enjoy.
Not working? Need More Help?
Send me an email.
