Custom Banner Top MySpace
Add a Custom Banner to the Top of The MySpace Page
My code for a custom Top Banner, for BOTH myspace 2.0 and myspace 1.0, has been moved here:
Add a Top Banner to MySpace 2.0 OR Myspace 1.0, standard page, artist page, band page
IF your banner consists of something other then an image you will need to create your own code. I am not able to detect the needed values, to generate the code for you.
First Create a div block, that contains the content of your top banner
The div can contain any html content that myspace does not filter.
You can put a flash object, links, and more inside this div.
IF you are using myspace 2.0, omit (leave out) the style tags, and put the style code lines in the css area.
For all others, keep the style blocks.
IF your div does not position on top, but positions elsewhere on your page, this is likely because you have some style code, that is assigning some parent element (parent to the div) as the positioning reference container.
In IE, have a position statement, on a parent table OR div (and possibly other elements as well), will cause that element to act as the container for position reference.
In non IE a table position statement won't cause the table to act as the positioning container. However, a div position statement will.
In myspace 1.0, and artist pages, there is a solution for this.
We can take our top banner div, and place it OUTSIDE of the bio/blurbs content area, so that any positioning on that table, does not effect the positioning of the top banner.
[This will not work in myspace 2.0, you are not allowed to close off element structures that you did not also open.]
==== old article below, much of it is still relevant for myspace 1.0. However, now that I am recommending that everyone upgrade to myspace 2.0, I do not plan to maintain the below code, as myspace makes future changes to 1.0 ============
Most of these solutions work on
- Regular Page
- Band Page
- Film Page
- comedy page
For a Code Generator (which will determine the correct values after you enter the url of your image, and banner location):
Click Here for Top Banner Code Generator
A banner can be added to multiple locations in the top page area,
For those who are interested in an explanations, so you can create and/or modify the code, read the article below.
This will also give you the needed code to place an object (such as a flash swf file) in the top area.
For those who do not want to read through my Explanations and just want some quick code blocks, you can use the below links to jump to the desired page content:
Using the Top of your Background Image as a Top Banner
Placing Custom Banner OR other content (Div, Object, Marquee) at the very TOP of the page, above Ad Banner
Place Banner just under Ad Banner, Keep Google Search Form
Placing image just above the main navigation bar
Placing image just above the main table
Full Example: placing image Under Main Navigation Bar, and placing multiple links on the image
Placing Custom Banner Under the Music Nav Bar
Banner Under Top Menus, Where image border alignment with border around main table is Important
There are multiple techniques one can use to place a custom banner near the top of the Page.
Placement Strategies
There are two basic placement strategies.
(There are more, but only two I recommend, for the top space)
1)Absolute Placement:
I recommend this IF you are very close to the top of the page.
OR (you need to make links AND are still reasonably close to the top of the page.)
OR alignment with your background image is MORE IMPORTANT than alignment with your top menu area (default page content).
2)As a Background Image to Something which is already on the page.
Before the most recent round of core code changes, I recommend this if one was going lower than just below the ad banner, and wanted very accurate placement.
using the top of your background image as a top banner
The below code only creates a margin above the top Ad Banner. It is useful if you want to draw your top banner directly into your background image.
You can place this code at the very top of the about or bio section:
Putting your own image, marquee, or flash or other content at the very TOP of the page
This code works on the Standard Page, Band Page, Comedy and Film Page.
This code is designed to place the banner (or div content), logically OUTSIDE of the table you are placing the code in. I do this, because too often people have utilized a position command on the table. In these cases, the banner was unable to position outside the table, in IE.
This solution also has code to prevent some very common page customizations from rendering the top banner not visible.
This is the reason my solution, has much more code than most solutions.
But it does work in more cases, with more profiles, than the other code I have seen published.
It is VERY IMPORTANT that this code get placed AFTER any content, in either the To Meet or Bio or Heroes (only if you are not showing groups) or Any of the General Sections on the Band Page
IF in doubt, as to where you can place this code, place it at the END of the Bio or Meet section; UNLESS you already placed structure altering code (opened or closed a div or table) in this space.
IF you have a block of code, other than just an image (such as a marquee, sliced image OR flash object, or Other), you can still use the above technique.
Just replace what I have placed inside the div.myBanner (I have only an image inside) with your own code block. Your block may consist of an object, another div, a table structure or other.
Placing image just Below the Ad banner
On the standard page, there is a rumor that it is against the terms of service to move the ad banner down. I have not seen this in the terms. The language they use is "obscure". Therefore I would not move it down too far. Use your own judgment.
Because the ad banner is EXACTLY 90px in height, we can measure accurately from the top of the page, to the placement point for our banner.
Therefore I still use absolute placement.
[note: in FF there are an extra 10 pixels above the ad. The extra 10 pixels are caused by a form, that is not used, but is in the code, and takes up space in FF but not IE.
You can eliminate the form.]
Place Banner just under Ad Banner, Keep Google Search Form
Works with Standard Page, Band Page, Comedy and Film Page.
The below code keeps the google search form, and places your banner just below the ad banner.
Using Either of the code blocks above, the image can be turned into a link by replacing this line:
<img src="http://i10.tinypic.com/639n3br.jpg">
With This:
<a href="http://spiff-myspace.blogspot.com"><img src="http://i10.tinypic.com/639n3br.jpg"></a>
Replace both the URL for the link, and the URL for the image, with your own data.
IF you are placing the ad banner, below the Google search, or below any of the top menus, I recommend a different strategy.
The below code blocks all use the background image strategy.
(Links can still be added, but as a separate step).
The following page elements can be easily hijacked for use as a custom banner.
Please see my top banner code generator:
Click Here to Use the Top Banner Code Tool
I have updated the code in that tool, and removed it from this article.
Turning images into a Link
My tool places image banners, which go below the google search (or lower) using a background image property.
This means it is more difficult to tun them into a link.
To turn the image into a link, we are going to use a clear gif, and place the gif over the image, and turn the image into a link.
Because the link image will be clear, it is not as critical that its placement is perfectly aligned.
I will use the same clear gif that is already used on the default myspace page.
The distance, in pixels, from the top of the page, to the bottom of the music navigation bar (where we placed the image) is about 215 pixels.
It varies from 209px to 221 (I measured in IE and FF and in multiple resolutions).
I do NOT want to cover the links on the maroon bar, that is more important than slight overlap into the table space below the image.
Based on this, I am going to use 222px. I will also make my clear gif about 20 px less than the height of my image.
Placing the image just above the main navigation bar
The following page elements can be easily hijacked for use as a custom banner.
Please see my top banner code generator:
Click Here to Use the Top Banner Code Tool
I have updated the code in that tool, and removed the code from this article.
I will update the tool to handle link images very soon.
==== the stuff below this line has not been updated based on the latest code changes. It may or may not still be valid ========================
Get measurements for Links
If you do not know how to do this, and do not have a tool to do this easily, I have created a grid with a clear background. You can temporarily place this grid on your page, to get measurements.
If you want to use my grid, add this code block (it is temporary, you will remove it later).
Here is a picture of what my page looks like, after I have placed the image, and placed the grid on top of the image:
As seen in FF at 96 dpi
As seen in IE at 96 dpi
As seen in IE at 120 dpi
Notice the differences in how the image sits, with relation to the grid.
Notice that in all three cases, the image sits neatly under the main nav bar, even in the case where the navigation bar wrapped to the next line.
Because we are going to place our clear gifs (which will become our links), with reference to the whole page, and not an inner div, we need to measure from top AND center (not left or right).
We also need to know the height and width of the area we are going to link.
I will measure for 4 links. I have the 4 areas outlined in violet on my image.
In each case I am going to use a large area in the center of the image, but insure that I don't include any area which overlaps my top menu.
I get the following:
Hint on getting measurements:
If I place an image, left:50%, it places the left side of the image center.
with the rest of the image off to the right.
If I then add a margin-left, it moves the image to the RIGHT, the amount of that margin (creating a margin on the left side). If I make the margin-left negative, it move to the left.
Now that I have my measurements, I can add in my links.
I am going to put each link in a div. I will give each div 2 classes. On class will be used by all my links which use the clear gif image. The other class will be unique to the specific link.
The below code has all 4 links, each in a div.
Then I have the style block.
I undersized my link images, to account for variance in the 4 platforms I was testing with. (Keep in mind, that this variance would be in our actual image placement, and not our clear gif link images, had we used absolute placement for our main image).
Here is the code:
Images of Results:
The grid and purple dashes around the clear gif images are TEMPORARY.
They would be removed from the final page.
in IE 96dpi
in FF 120dpi
My other tests came out somewhere in the same range, I just wanted to show a few differences. Note that I sized my clear gif images so that they were within acceptable bounds, and did not overlap the nav bar above or below my custom image.
Also keep in mind, that whatever inaccuracies we have to tolerate, for the placement of our clear gif, we would have to tolerate for our visible image, if we used strategy 1.
Another interesting thing to note, from the above pictures, is the difference in how the main navigation bar behaves, when it does not all fit within the 800px of width; versus how the maroon music nav bar behaves.
If you want to prevent the main navigation bar from wrapping, it is possible (within limits.
I explain it in this article: MySpace Top Menu Styling
To remove the blue (red on mouseover) from the link images, add this code:
Banner Under Top Menus, Where alignment with border around main table is Important
In this example I use the main table as the container for the background image.
This method is preferred if you want the banner image within a border which is shared with the main content (and not with the ad/menu area).
If you do NOT have a band page, it works well to put the background image and border two tables deep instead of one. (On the Band Page, the freindsComments are themselves two tables deep, and outside of the main two deep table).
This can be done without effecting the bottom link area.
It does require that you remove the clear gif spacer to the left, or things will look out of balance. However, for a non BAND page, which wants a top banner, under the top menu area, and in perfect alignment with the main page content, this is probably the best solution
======[add code here for two table deep solution]=======
My code for a custom Top Banner, for BOTH myspace 2.0 and myspace 1.0, has been moved here:
Add a Top Banner to MySpace 2.0 OR Myspace 1.0, standard page, artist page, band page
IF your banner consists of something other then an image you will need to create your own code. I am not able to detect the needed values, to generate the code for you.
First Create a div block, that contains the content of your top banner
The div can contain any html content that myspace does not filter.
You can put a flash object, links, and more inside this div.
<div class="iTopB">
YOUR CONTENT HERE
</div>
IF you are using myspace 2.0, omit (leave out) the style tags, and put the style code lines in the css area.
For all others, keep the style blocks.
<style>
{! code author:Eileen; http://xiii.us/ !}
.i {display:none;}
{! create space for top banner !}
body {margin-top:130px;}
{! position div !}
div.iTopB {position:absolute; top:0px; left:50%; margin-left:-400px;}
</style>
IF your div does not position on top, but positions elsewhere on your page, this is likely because you have some style code, that is assigning some parent element (parent to the div) as the positioning reference container.
In IE, have a position statement, on a parent table OR div (and possibly other elements as well), will cause that element to act as the container for position reference.
In non IE a table position statement won't cause the table to act as the positioning container. However, a div position statement will.
In myspace 1.0, and artist pages, there is a solution for this.
We can take our top banner div, and place it OUTSIDE of the bio/blurbs content area, so that any positioning on that table, does not effect the positioning of the top banner.
[This will not work in myspace 2.0, you are not allowed to close off element structures that you did not also open.]
<a class=i href="http://xiii.us/eGen/topB.php">Top Banner MySpace"</a>
</td></tr></table></td></tr></table>
<div class="iTopB">
YOUR CONTENT HERE
</div>
<table class="i"><tr><td><table><tr><td>
==== old article below, much of it is still relevant for myspace 1.0. However, now that I am recommending that everyone upgrade to myspace 2.0, I do not plan to maintain the below code, as myspace makes future changes to 1.0 ============
Most of these solutions work on
- Regular Page
- Band Page
- Film Page
- comedy page
For a Code Generator (which will determine the correct values after you enter the url of your image, and banner location):
Click Here for Top Banner Code Generator
A banner can be added to multiple locations in the top page area,
For those who are interested in an explanations, so you can create and/or modify the code, read the article below.
This will also give you the needed code to place an object (such as a flash swf file) in the top area.
For those who do not want to read through my Explanations and just want some quick code blocks, you can use the below links to jump to the desired page content:
Using the Top of your Background Image as a Top Banner
Placing Custom Banner OR other content (Div, Object, Marquee) at the very TOP of the page, above Ad Banner
Place Banner just under Ad Banner, Keep Google Search Form
Placing image just above the main navigation bar
Placing image just above the main table
Full Example: placing image Under Main Navigation Bar, and placing multiple links on the image
Placing Custom Banner Under the Music Nav Bar
Banner Under Top Menus, Where image border alignment with border around main table is Important
There are multiple techniques one can use to place a custom banner near the top of the Page.
Placement Strategies
There are two basic placement strategies.
(There are more, but only two I recommend, for the top space)
1)Absolute Placement:
I recommend this IF you are very close to the top of the page.
OR (you need to make links AND are still reasonably close to the top of the page.)
OR alignment with your background image is MORE IMPORTANT than alignment with your top menu area (default page content).
2)As a Background Image to Something which is already on the page.
Before the most recent round of core code changes, I recommend this if one was going lower than just below the ad banner, and wanted very accurate placement.
using the top of your background image as a top banner
The below code only creates a margin above the top Ad Banner. It is useful if you want to draw your top banner directly into your background image.
You can place this code at the very top of the about or bio section:
<a class="i">START CODE TO MAKE TOP MARGIN ABOVE AD
<a href="xiii.us/ms/ad-search-menu">MySpace Top Banner</a>
<style>
.i {display:none}
body.bodyContent {margin-top:60px !important}
div.clearfix i i.i {margin-top:0px !important }
{! IF you have a Comedy page, you also need the below.
value needs to be 160 plus top margin !}
div.profileWidth table div ul, div.clearfix i i.i {top:220px !important;}
</style>
END CODE TO MAKE TOP MARGIN ABOVE AD </a>
Putting your own image, marquee, or flash or other content at the very TOP of the page
This code works on the Standard Page, Band Page, Comedy and Film Page.
This code is designed to place the banner (or div content), logically OUTSIDE of the table you are placing the code in. I do this, because too often people have utilized a position command on the table. In these cases, the banner was unable to position outside the table, in IE.
This solution also has code to prevent some very common page customizations from rendering the top banner not visible.
This is the reason my solution, has much more code than most solutions.
But it does work in more cases, with more profiles, than the other code I have seen published.
It is VERY IMPORTANT that this code get placed AFTER any content, in either the To Meet or Bio or Heroes (only if you are not showing groups) or Any of the General Sections on the Band Page
IF in doubt, as to where you can place this code, place it at the END of the Bio or Meet section; UNLESS you already placed structure altering code (opened or closed a div or table) in this space.
<i class=i>!!! Start Code To Apply Top Banner !!!!</i>
</td></tr></table>
</td></tr></table>
<a class="i" href="http://xiii.us/ms/top-banner" title="myspace top banner">
Custom top banner code by Eileen</a>
<div class="xiiiTopBanner" style="position:absolute; top:0px; left:50%; margin-top:0px; margin-left:-410px; z-index:9 !important">
<img src="http://i10.tinypic.com/639n3br.jpg">
</div>
<style>
.i {display:none;}
{!-Create space for image above body-!}
body.bodyContent, body, i i i.x {margin-top:100px;}
{!-The below value needs to be 160 + the height of your top banner -!
div.profileWidth table div ul, div.clearfix i i.i {top:260px !important;}
</style>
<table class=i><tr><td>
<table><tr><td>
<i class=i>!!! End Code To Apply Top Banner !!!</i>
IF you have a block of code, other than just an image (such as a marquee, sliced image OR flash object, or Other), you can still use the above technique.
Just replace what I have placed inside the div.myBanner (I have only an image inside) with your own code block. Your block may consist of an object, another div, a table structure or other.
Placing image just Below the Ad banner
On the standard page, there is a rumor that it is against the terms of service to move the ad banner down. I have not seen this in the terms. The language they use is "obscure". Therefore I would not move it down too far. Use your own judgment.
Because the ad banner is EXACTLY 90px in height, we can measure accurately from the top of the page, to the placement point for our banner.
Therefore I still use absolute placement.
[note: in FF there are an extra 10 pixels above the ad. The extra 10 pixels are caused by a form, that is not used, but is in the code, and takes up space in FF but not IE.
You can eliminate the form.]
Place Banner just under Ad Banner, Keep Google Search Form
Works with Standard Page, Band Page, Comedy and Film Page.
The below code keeps the google search form, and places your banner just below the ad banner.
<i class=i>!!! Start Code To Apply Top Banner !!!!</i>
</td></tr></table>
</td></tr></table>
<a class="i" href="http://xiii.us/ms/top-banner" title="myspace top banner">
Custom top banner code by Eileen</a>
<div class="xiiiTopBannerUA" style="position:absolute; top:90px; left:50%; margin-top:0px; margin-bottom:0px; margin-left:-410px;">
<img src="http://i10.tinypic.com/639n3br.jpg">
</div>
<style>
.i {display:none}
{!-make room Under Ad -!}
div.profileWidth div.clearfix div {margin-bottom:105px !important;}
div.profileWidth div.clearfix div div, div.profileWidth div.clearfix div.profile, div.profileWidth div.clearfix i i.i {margin-bottom:0px !important}
{! the below value needs to be 160px + height of your banner !}
div.profileWidth table div ul, div.clearfix i i.i {top:260px !important;}
</style>
<table class=i><tr><td>
<table><tr><td>
<i class=i>!!! End Code To Apply Top Banner !!!</i>
Using Either of the code blocks above, the image can be turned into a link by replacing this line:
<img src="http://i10.tinypic.com/639n3br.jpg">
With This:
<a href="http://spiff-myspace.blogspot.com"><img src="http://i10.tinypic.com/639n3br.jpg"></a>
Replace both the URL for the link, and the URL for the image, with your own data.
IF you are placing the ad banner, below the Google search, or below any of the top menus, I recommend a different strategy.
The below code blocks all use the background image strategy.
(Links can still be added, but as a separate step).
The following page elements can be easily hijacked for use as a custom banner.
Please see my top banner code generator:
Click Here to Use the Top Banner Code Tool
I have updated the code in that tool, and removed it from this article.
Turning images into a Link
My tool places image banners, which go below the google search (or lower) using a background image property.
This means it is more difficult to tun them into a link.
To turn the image into a link, we are going to use a clear gif, and place the gif over the image, and turn the image into a link.
Because the link image will be clear, it is not as critical that its placement is perfectly aligned.
I will use the same clear gif that is already used on the default myspace page.
The distance, in pixels, from the top of the page, to the bottom of the music navigation bar (where we placed the image) is about 215 pixels.
It varies from 209px to 221 (I measured in IE and FF and in multiple resolutions).
I do NOT want to cover the links on the maroon bar, that is more important than slight overlap into the table space below the image.
Based on this, I am going to use 222px. I will also make my clear gif about 20 px less than the height of my image.
Placing the image just above the main navigation bar
The following page elements can be easily hijacked for use as a custom banner.
Please see my top banner code generator:
Click Here to Use the Top Banner Code Tool
I have updated the code in that tool, and removed the code from this article.
I will update the tool to handle link images very soon.
==== the stuff below this line has not been updated based on the latest code changes. It may or may not still be valid ========================
Get measurements for Links
If you do not know how to do this, and do not have a tool to do this easily, I have created a grid with a clear background. You can temporarily place this grid on your page, to get measurements.
If you want to use my grid, add this code block (it is temporary, you will remove it later).
<div class="grid1" style="position:absolute; top:0px; left:0px; z-index:0">
<img src="http://i11.tinypic.com/4pczehk.gif" >
</div> Here is a picture of what my page looks like, after I have placed the image, and placed the grid on top of the image:
As seen in FF at 96 dpi
As seen in IE at 96 dpi
As seen in IE at 120 dpi
Notice the differences in how the image sits, with relation to the grid.
Notice that in all three cases, the image sits neatly under the main nav bar, even in the case where the navigation bar wrapped to the next line.
Because we are going to place our clear gifs (which will become our links), with reference to the whole page, and not an inner div, we need to measure from top AND center (not left or right).
We also need to know the height and width of the area we are going to link.
I will measure for 4 links. I have the 4 areas outlined in violet on my image.
In each case I am going to use a large area in the center of the image, but insure that I don't include any area which overlaps my top menu.
I get the following:
| top | center of page to edge of link area | width | height |
| 200 | 330 left to left edge | 550 | 75 |
| 300 | 300 left to left edge | 140 | 70 |
| 300 | 120 left to left edge | 140 | 70 |
| 300 | 200 right to right edge | 140 | 70 |
Hint on getting measurements:
If I place an image, left:50%, it places the left side of the image center.
with the rest of the image off to the right.
If I then add a margin-left, it moves the image to the RIGHT, the amount of that margin (creating a margin on the left side). If I make the margin-left negative, it move to the left.
Now that I have my measurements, I can add in my links.
I am going to put each link in a div. I will give each div 2 classes. On class will be used by all my links which use the clear gif image. The other class will be unique to the specific link.
The below code has all 4 links, each in a div.
Then I have the style block.
I undersized my link images, to account for variance in the 4 platforms I was testing with. (Keep in mind, that this variance would be in our actual image placement, and not our clear gif link images, had we used absolute placement for our main image).
Here is the code:
<span class="off">!-Create my Links using Clear Gif Image-!</span>
<div class="myL myL1" >
<a href="http://xiii.us/ms1">
<img src="http://x.myspace.com/images/clear.gif">
</a></div>
<div class="myL myL2">
<a href="http://xiii.us/ms1">
<img src="http://x.myspace.com/images/clear.gif">
</a></div>
<div class="myL myL3">
<a href="http://xiii.us/ms1">
<img src="http://x.myspace.com/images/clear.gif">
</a></div>
<div class="myL myL4">
<a href="http://xiii.us/ms1">
<img src="http://x.myspace.com/images/clear.gif">
</a></div>
<span class="off">!-Use style to position and size-!</span>
<style>
div.myL {z-index:8}
{!-position and size link 1-!}
div.myL1 {position:absolute; top:200px; left:50%; margin-left:-320px;}
div.myL1 img {width:540px; height:70px}
{!-position and size link 2-!}
div.myL2 {position:absolute; top:300px; left:50%; margin-left:-300px;}
div.myL2 img {width:140px; height:50px}
{!-position and size link 2-!}
div.myL3 {position:absolute; top:300px; left:50%; margin-left:-120px;}
div.myL3 img {width:140px; height:50px}
{!-position and size link 2-!}
div.myL4 {position:absolute; top:300px; right:50%; margin-right:-200px;}
div.myL4 img {width:140px; height:50px}
</style>Images of Results:
The grid and purple dashes around the clear gif images are TEMPORARY.
They would be removed from the final page.
in IE 96dpi
in FF 120dpi
My other tests came out somewhere in the same range, I just wanted to show a few differences. Note that I sized my clear gif images so that they were within acceptable bounds, and did not overlap the nav bar above or below my custom image.
Also keep in mind, that whatever inaccuracies we have to tolerate, for the placement of our clear gif, we would have to tolerate for our visible image, if we used strategy 1.
Another interesting thing to note, from the above pictures, is the difference in how the main navigation bar behaves, when it does not all fit within the 800px of width; versus how the maroon music nav bar behaves.
If you want to prevent the main navigation bar from wrapping, it is possible (within limits.
I explain it in this article: MySpace Top Menu Styling
To remove the blue (red on mouseover) from the link images, add this code:
<style>
{! remove border from link images !}
a img {border:none !important}
</style>
Banner Under Top Menus, Where alignment with border around main table is Important
In this example I use the main table as the container for the background image.
This method is preferred if you want the banner image within a border which is shared with the main content (and not with the ad/menu area).
If you do NOT have a band page, it works well to put the background image and border two tables deep instead of one. (On the Band Page, the freindsComments are themselves two tables deep, and outside of the main two deep table).
This can be done without effecting the bottom link area.
It does require that you remove the clear gif spacer to the left, or things will look out of balance. However, for a non BAND page, which wants a top banner, under the top menu area, and in perfect alignment with the main page content, this is probably the best solution
======[add code here for two table deep solution]=======
Thank you for Visiting; Have a Nice Day :-)
Queries hitting other pages of mine, which should be hitting this page:
- myspace header ad banner codes.
- how to put a banner under the advertisements on your myspace
- how to put a picture above band profile
- how to put a photo at top of band page code
- how to add myspace headers like bands have
- how to push down your myspace to add a top banner
- Are we allowed to add a custom banner to the top of the page and push down the ad? I don't know. I have not seen in the rules were it says that we can not.
- How to create space above ad advertisement for custom logo
- mySpace top banner code is easy to apply.
-add cusom size banner top myspace bands layouts
- get custom banner under myspace links
Queries hitting other pages of mine, which should be hitting this page:
- myspace header ad banner codes.
- how to put a banner under the advertisements on your myspace
- how to put a picture above band profile
- how to put a photo at top of band page code
- how to add myspace headers like bands have
- how to push down your myspace to add a top banner
- Are we allowed to add a custom banner to the top of the page and push down the ad? I don't know. I have not seen in the rules were it says that we can not.
- How to create space above ad advertisement for custom logo
- mySpace top banner code is easy to apply.
-add cusom size banner top myspace bands layouts
- get custom banner under myspace links
Labels: myspace banner
posted by u∃∃l!∃ at Monday, May 14, 2007
244 Comments:
Thanks this will come in handy :)
Hi there,
Great site, thanks for your help!!!
www.myspace.com/thekull
im using the code to put links in my image/banner. the only thing thats not working for me is the grid.. do i have to ajust anything in the code to have it view on my profile?? or is ther a certain software i need??
my URL is: http://myspace.com/kweenx666
Dan
you are welcome.
Very nice looking page.
Interesting music.
Diana
I am not sure I understand what you are trying to do.
The grid thing, I suggest, is only supposed to be temporary, to help get measurements. You don't need it.
You should not need special software.
I love your background, especially the square with the pacman game mosters.
Hey man Im trying to put a Banner above the ad and have a normal Body background how would I go about doing this???
phreaknovic
The first code block, in this article, works for that.
Did you try the code, and did it not work for you?
If not, maybe I can look at your page.
Ok kool thanks man for the code and the speedy response!!!! THANKS!!!
Hi there my lovely,
Well, the gap was made everything was snazzy but the image didnt show up, on every variation i made with coding or different image hosting websites i tried.
http://farm3.static.flickr.com/2224/2113119087_cb75bd3a81_b.jpghttp://farm3.static.flickr.com/2224/2113119087_cb75bd3a81_b.jpg
(1024 x 795)
The profile i was trying to make it work on:
http://www.myspace.com/abbi_london_photographic
any help you could give would be fab! xx
abbi, I have the same problem.
How did you fix it?
I want to place the banner on top of the Ad.
The space is created, but the image does not appear. Additionally the 'Use Shortcuts:' scrolldown menu appears.
hey guys can you help me please ... I'm trying to put the a flash movie just under the myspace advertising (top center) like "http://profile.myspace.com/index.
cfm?fuseaction=user.viewprofile&
friendid=167511134"
but i'm not able ... can you help me to know how can i fixed it .? Plz.
You create space for the banner the same way you would if you were putting any other banner in that space.
However, for this a background image won't work, so you need to resort to absolute placement.
Allow for some extra space,since the distance from the top of the page, to the bottom of the top menu, is NOT the same cross browser.
Use the example for placing a banner under the navigation bar, to create the space.
Then use the example for putting a banner at the very top of the page, to place the flash.
Just insure that your top value is not zero, but instead the distance from the top of the page, to where you want your banner.
hi,
when i put the code in and click preview, the submit button is blocked by the preview of the banner, how do i stop this happening?
You have to use safe mode.
anybody know how to remove the red myspace music navigation bar from a band profile??
to remove the maroon nav bar
remove maroon nav bar, click here
ur awesome eileen.
Hi Eileen! I got the top banner image to work, but I have another question. Do you know the code to make the whole top background black?
Because, I have the body of my page with a black background. The sides of the page show stripes, but I would like from the top of the page to the start of the body to be all black.
If you look at my page, you see the top image is on top of the stripes, but I would like it to be black behind the image, down until the top of the body. Know what I mean?
My page is at myspace.com/diadembrand
Thanks so much!
hey thank you so much for all the great tutorials!
i'm trying to make a div band layout for a friend whos in a band i know
however i had a couple of problems in the process of making it:
i keep trying to put the top banner either below or above the myspace ads but it doesn't show up. im not sure if i'm putting the code in the wrong section or what.
also i was wondering if it would be possible to put a black background behind my div image. theres gray spaces on both of the sides of the profile& i was just wondering if there was a code that could change it to black instead of grey.
i would greatly appreciate it if you could give me some suggestions. thank you so much!
heres my page if you need to take a look at it:
myspace.com/dinorawrhxc
--syd
I want to thank you so much for this! I have been looking all over the web for a way to make it look right in both FF and IE.
thanks!
xoxo
THANK YOU SO MUCH!! Only problem i'm having with this code is how the heck do I get rid of all the extra space below the banner?
http://www.myspace.com/rawveganmom
NM I found it!! Yay!!
Hey there,
the code for banner under music nav bar is great..although when theres a roll over ad on my page it gets all messed up. Is there a way to fix this?
thanks
Hey i need to create a link on my girlfriends banner to get to her website that she created...
She and I do not know how to do this...
uhmm...so how do i make the banner clickable to take people to her site???
get at me on myspace
www.myspace.com/daltoniscool500
i used your codes but for some reason the ad banner isnt moved and my inage just lies on top of the mess of things at the top of the page. what could i be doing wrong?
The top banner doesn't show up, only the space where it should be, please help, what should i do?
brandonmangrum77@hotmail.com
Hey - I used your banner code to create one, but put in a div overlay .swf file instead of a .jpeg
http://www.myspace.com/littleminxtv
In I.E. and Safari the repositioning (top and left offset) I did looks great, but in Mozilla it throws the vid almost all the way off screen - how do I code for both platforms?
P
Hey - I used your banner code to create one, but put in a div overlay .swf file instead of a .jpeg
http://www.myspace.com/littleminxtv
In I.E. and Safari the repositioning (top and left offset) I did looks great, but in Mozilla it throws the vid almost all the way off screen - how do I code for both platforms?
P
- I used your banner code to create one, but put in a div overlay .swf file instead of a .jpeg at the top of my myspace page:
http://www.myspace.com/littleminxtv
In I.E. and Safari the repositioning (top and left offset) I did looks great, but in Mozilla it throws the vid almost all the way off screen -how do I code for both platforms?
P
I used your first listed code and placed a banner above the ad. If I change the left margin to -half the width of the image as instructed, it goes off the right edge of my screen. If I adjust it to the center of my screen, my friends tell me it's off the left of theirs. Can you help me with what's wrong?
Thanks!!
i got the codes to work in all browsers except FIREFOX, is there a way to make it look the same through all browsers
thanks
thanks so much. my page is very professional looking now, and i owe much of that to you!
I love you. That was the most helpful thing ever.
How do you put the image over the top of the advertisement? (bring to front)
I still want to see the ads' but just want to place a small gif image over the top of them. Thank you!
Great code, and very helpfull tutorial. I have one question: How to put sliced image under MusicNav Bar, just like:
www.myspace.com/nin
I have spent hours and hours to resolve that code.
Thanx
hi Eileen, I'd like to know if it is possible to make my TOP Banner transparent/opaque...
...I would also like to know how i could possible make my music (http://www.myspace.com/youngmacmar) look something like this page (http://www.myspace.com/bizzybone)
in other words, how can i impose an image over my music page? like the bizzy bone page seen above? thanks!
-MARLON
mar
I do not see that the top banner has any opacity applied at all.
As for the "impose an image over" that is not the best way to get this effect.
The best way, is to Remove the existing content, place your own content, and then place the music player and friends over the top.
Is the content you want to place static in size, or dynamic?
(Will the size stay the same or will it change from browser to browser or over time).
Do you know how to create your content?
IF you can create your content, so that it works outside of myspace, and does NOT use any code that myspace does not accept, leaving a blank space for your music player and one for your friends,
you can easily use this tutorial
Band Div Overlay
The bottom links are required, and the page you refer to has them hidden.
brainislav
That banner was placed using absolute placement.
They created a margin above the main table
body table {margin-top:150px;}
body table table,
body div table {margin-top:0px;}
Then they placed the banner with absolute.
div.bannerClass {width: 805px; height: 250px; position: absolute; margin-left: -403px; left: 50%; top: 230px; }
Notice the side effect, the excess space at the bottom
Instead you can create your extra space using the empty div, that sits up there
i.e.
div div {margin-top:150px;}
table div div {margin-top:0px;}
This works fine as long as you are willing to allow some excess space, to allow for cross browser differences.
Usually it looks just fine.
OR
IF you are very very picky about exact spacing AND willing to move your friends bottom center (just above the comments) there is another way. But it is more complex and rarely used.
hi -
your page is really great - and has made my life a lot easier. It is also good to gain a better understanding of how exactly myspace works. I have been trying to place a banner below the navigation bar at the top. I followed your instructions and it has placed it exactly where I want but the code also places the banner at the bottom of the page - blocking out the links there. Is there a way of getting rid of it?
thanks for your help
http://www.myspace.com/thekazimier
thanks a bunch for the "image on top" thingy...ive been tryin out other sites for hours now to no avail.
www.myspace.com/fredrockz
thanks a bunch for the "image on top" thingy...ive been tryin out other sites for hours now to no avail.
www.myspace.com/fredrockz
I'm trying to add a image above everything on my band page and I tried to use your code and just completely failed!!--I'm not really good at these things, I was using a pregenerated banner but it's not big enough and has all these links--I also have a question on placing backgrounds to where they center perfectly--I know the standard resolution is 1024, but is it possible to get a background that fits all resolutions?? Kinda like some of the professional band pages??--I notice their sites fit all sizes--can you help me??--my band url is:
www.myspace.com/shinethroughshadowmusic--I would appreciate any help--Thanks
Hello Eileen. Great work on all these tutorials. They have helped tremendously.
I have one issue that I'm hoping you can help me with.
I am using your div overlay tutorial for band pages, but I also want to put a custom header above the banner ad. However, when I add the code (from your site) to create a custom header above banner, the banner actually shows up UNDER the div overlay. I've tried adjusting the z-index for the header, but that is not fixing the problem.
Do you have any suggestions on how to get the header to appear on top of the div overlay for a band page?
The page is here: www.myspace.com/dopestylemaker
Thanks in advance for your assistance.
Does anyone know how to put a custom banner at the very bottom of the page?
Hi Eileen,
I've added a banner below the music menu on my band page.
One issue, I would like to move the left margin of the banner/div slightly inwards so the banner edge fits exactly with the edges of the tables below.
Have a look a my page and you should see what i'm aiming for-
www.myspace.com/stupidiscomusic
Any help would be appreciated
Thanks
Felix
This post has been removed by the author.
This post has been removed by the author.
ok i have tried everything on here to get my banner to work.
But none of its working.
The problem that I am having is that when I do all the adjustments and everything it just leaves a big blank space where my banner should be.
My image is 1092x600 and I want it to go above the add so that it is the first thing people see when they see my blog.
The image url is
http://i216.photobucket.com/albums/cc294/Lestat313/hearde-banner2.gif?t=1208857906.
Any help would be appreciated.
hi im having problems with the code for the banner under the music nav bar ... its work great only prblem is the width . my width is 884px not 800px how do i set it to be 884 etc ...
im using the code for the banner underneath the music nav bar how do i set the div width to a high number .... rite now it is at 800px i need it at 884px etc etc.. can any one help asap please
ch33ki Ent™
im using the code for the banner underneath the music nav bar how do i set the div width to a high number .... rite now it is at 800px i need it at 884px etc etc.. can any one help asap please
ch33ki Ent™
fantastic thanks a lot! really helped, easy to follow, even without preview images! however, i am looking for a code to remove the 'myspace music banner' or place the image over the top (bring to front) - if you know how to do this please post!
keep up the excellent tutorials x
"pandu said...
I want to thank you so much for this! I have been looking all over the web for a way to make it look right in both FF and IE.
thanks!
xoxo"
Indeed! I was looking for (and found here) the same thing!!!
Thank you :-D
This post has been removed by the author.
First of all thanks for your help.
I have a question. I'm working on a MySpace artist page and would like to add a self created flash banner right under MySpac music bar. Is this possible and how do I do that?
Thanks in advance :-)
Dirk
Sorry but I forgot to say I want to add a clickable link to the banner.
Dirk
very nice page.
can u help me make the banner fit the whole top page??
www.myspace.com/symphonyofmalice
hit me up on myspace :)
Thanks Eileen
Gus,
Thank you, Eileen. Very handy stuff... you're a godsend.
Hi! I used the top banner generator because I'm new to all of this. I wanted a banner above the main table but below the ad and menu area, and I was able to do this. Is there a simple code to add to the one that was generated to make it a link?
Thanks!
Hi! I've been scouring the internet trying to find a tutorial on how to do this. The past two days I've tried so many different combinations and tricks, but I just can't get the image to appear on IE, everything looks perfect on FF.
I have the same problem that most of the people up there have. The space is there, but no image.
Please help!
I can not re-create the problem, related to banners not showing up in IE.
However, since multiple people have reported this problem, I would like to further investigate it.
Can someone, with this problem (banner shows up in FF but NOT in IE), who used my code (either from this page or via my generator) please leave me a link to the myspace page where the code has been applied.
i would really like to know how to put the music player over top of the banner at the top.
www.myspace.com/apicturesographic
the player is supposed to go into the white space.
Hey, I already have a top picture posted and was trying to add another picture below the menu bar. I tried every code on this page basically but it always displays the image 3 times instead of 1 and I can't figure it out. Any ideas? -Keith
www.myspace.com/killingsworthrecordingco
I only see the image once,
are you talking about the image under the main nav bar, or are you trying to add another one under the red nav bar, using div.clear?
I am going to test my code again, but I am pretty sure I have the needed reverse commands, to prevent the image from showing up 3x,
However, what you describe, sounds like it is showing up in all 3 instances of div.clear
hi eileen!!!
i'm having the same problem as many people. my picture shows up on my editing page, but i cannot get it to show up once the page is saved!! its just space! i tried deleting any existing code... and tried it on FF and IE, and neither work. whats up?
im working on a popular company myspace, and i would prefer to IM you the name so you can check. please IM me on myblindfoldaside as soon as you can. THANKS!!
Hi Eileen,
Thanks for this site. It has been fantastic with helping me create a great MySpace page.
Here's a question maybe you can help with...
I used your code to post a header. Worked GREAT! Looked awesome. And it didn't cover any MySpace ads or the navigation bar so it wasn't violating anything.
I woke up this morning to see YIKES! They changed the look of MySpace and my awesome header is GONE! I can't figure out how to put it back up there. Any ideas?
Thanks for everything!
Hi Eileen,
your site has been very helpfull and I appreciate it very much. I had a banner placed above the main table below the navigation bar and due to the changes on myspace, the banner now appears twice, but not the link. Was wondering if you had a solution for this.
Cheers,
Travis.
www.myspace.com/maedermusic
Oh man the new Myspace update released today, June 18th 2008, has rendered all of my banners useless. I have created a bunch of different sites for bands and many of them are messed up now.
My only option at this point is to redesign the entire main div overlays and not roll with the banners anymore. I'm hoping you can come up with a fixit code before I have to do that.
Here are my problem sites that had the band name banner at the top and now they're gone:
www.myspace.com/mannilown
www.myspace.com/frobeckband
Here is one that I did that doesn't use a banner and remained intact...I wish I would have done this for all of them :(
www.myspace.com/poprocks
Thanks for any help you can proved.
Oh man the new Myspace update released today, June 18th 2008, has rendered all of my banners useless. I have created a bunch of different sites for bands and many of them are messed up now.
My only option at this point is to redesign the entire main div overlays and not roll with the banners anymore. I'm hoping you can come up with a fixit code before I have to do that.
Here are my problem sites that had the band name banner at the top and now they're gone:
www.myspace.com/mannilown
www.myspace.com/frobeckband
Here is one that I did that doesn't use a banner and remained intact...I wish I would have done this for all of them :(
www.myspace.com/poprocks
Thanks for any help you can proved.
Hey guys, I found this to help fix the banner issues for the new June 18th 2008 Myspace update. I've tried this on a band page and my personal page and got it to work:
http://forums.myspace.com/p/4021424/44884752.aspx?fuseaction=forums.viewpost
Don't panic,
I have studied the changes and know how to fix the problems (which differ depending on where your banner is).
As far as changes, that are safe from future myspace modifications, there are not any.
I can not predict what they will change.
Thank you for the post to the myspace forum, for one type of banner/location that fix is as good as anything I would have come up with (in fact that would have been my choice of strategy for that banner location).
With the exception of the music nav bar, the top area, is the same on the standard and artist profiles.
The divs in class=clear (div.clear) are GONE,
I was using these for both banners and to create space for banners.
are the new codes ready to use yet mate?
please can you fix all of them?
cheers
the new code for placing banner just above red music nav bar works great in I.E but not in firefox. my banner is 400px tall. I have to set margin-bottom to 200px to make it work in IE and to the correct 400px for firefox to work. do you have a soluttion? thanks?
The new code for placing custom banner just above the red music nav bar works great in IE but not in forefox, my banner is 400px tall, I have to set margin bottom to 200px to work in IE and to the correct 400px in firefox.. do you have a soluttion to work in both? thanks!
Thankyou for pointing out the problem in IE.
I have identified the cause, and fixed the problem
(now I am curious why FF doesn't have the same problem).
Anyway, it is fixed, but I still haven't done a whole lot of testing, but I did do preliminary testing in IE and FF on a page with NO OTHER customizations.
There is browser specific code in the new myspace default code.
hey im having a terrible time trying to put a banner up. everytime i put my code in all i get is a blank space. also my code is for a pi but i actually want flash there. my page is myspace.com/monyaeelson and the url for the flash is http://www.tempfiles.net/download/200806/18611/muviedude.html
please help me
scratch that... swf url is http://bay01.imagebay.com/bay.php?view=37687_muviedude.swf
This post has been removed by the author.
This post has been removed by the author.
Hey dude, great codes i've used them in the past to do a few band pages. However i've been having some trouble. Since myspace has been updated when i try to place a .gif under the Myspace music bar it always get repeated and stacks on top of each other no matter what the height is. Was wondering if you could help.
Its happened on all the band pages i've done and now i have have to fix them all.
here is an example of one
myspace.com/justbreatheoz
I will post new code for that scenario tomorrow.
They changed the code, in that space, a lot.
Hi there,
Hopefully you can help me. I am trying to embed a .swf file ABOVE the top advertisement on a band page.
I can get the profile to move down but I can't seem to get the flash video to work above the advertisment.
The .SWF is hosted here: http://i278.photobucket.com/albums/kk98/bfricker/intro-blakefricker.swf
Please Help!! Thank you!!
Hi,
i have a band page and i have used your code for putting a banner below the main menu which works great thank you, however the image i am using is clipped slightly at the edges, is it possible to make the area wider in any way?
Many thanks
i figured out what was wrong with my banner. now i just need to know how to change the text color of the comments. thank you
Hey, when I use this code on my band's page its on top of everything. Is there a way to move everything down?
Brad,
I haven't fixed all the code in this article yet, but I did update the code in my code generator.
Did you use the generator, for putting the image under the maroon nav bar? That one had a bug until I fixed it a few hours ago.
Try the generator:
Top Banner Code Generator
If it doesn't work correctly, I will look at your code.
Just wondering, but have you fixed the codes so that the images we place aren't showing up twice?
I used your code before, and it was fine until Myspace changed around.
Now, the picture shows up once at the top, then again down below the navigation bar and everything where I originally wanted it. Thanks!
I updated the code in the code generator here:
CLICK HERE
However I have not yet updated the article, maybe I will get to that this weekend.
The banner generator you referenced works perfectly! The banner no longer shows up twice; thank you so much!
This page is a great resource. It would be great if you have a message board!
hi i made a top banner but i couldnt put it to middle of my page at the top.i am using your codes.how can i put it to middle of the top of my page?thanx
i was putting the codes to music and interests part but when i put there banner is not on the middle and some writings looking on the page i dont want to see this writings then i tried to put it about me and i'd like to meet part.when i put it there banner space is opening but my banner is not looking.i dont know what i am gonna do about it :)i made a banner for a long time,i think so to put it to my page will take a long time too:)pls help..
Can you give me a link to your page, so I can see why your banner is not working correctly?
yes sure. www.myspace.com/icaksu . i am a beginner at these things, graphics and code things:)
AWESOME Site, I use your codes a lot. Am just getting around to changing everything over since the Myspace re-hash.
I have used your generator to fix my top banner, but cannot turn it into a link. Can you please advise? www.myspace.com/higheight
Many thanks!
Hi i fixed the problem with trying your top banner code generator.your website really amazing and so helpful.thanx.have a great day..
I'm trying to put this top banner thing on my page but it keep covering like half of my page. what do i do?
ciao Eileen!
This is Francesco from Italy..I prefer to underline this because I'm not a master with english :-)
I write you hoping that you could help me or anyhow maybe this could be a new challenge for everyone uses to visit your blog!
Well in a few words I'm trying to put two banners on my own band's myspace..trying and trying (I'm not also a master with codes!) I'm close (maybe) to the solution but as you can see (www.myspace.com/stearica) I still have problems because everything is below the banners is too far.
If you have any idea to resolve this mess I'd be soooo greatful!
Thanks Eileen,
take good care!
This post has been removed by the author.
This post has been removed by the author.
Dear friend your blog is awesome!
I resolved with your code generator, please check if you want: www.myspace.com/stearica..thank you so much!
If I just could ask for a last help, I'd like to ask you if the banner above the main table could go a little bit up covering the "myspace music" bar (you call it menu area I guess). Thanks again for the attention and the precious help!
Francesco
i think so You have to try the top banner code generator for it. i fixed my problem with it..
Whenever I put the generated code in the top banner area in the band page div overlay the rest of the page goes blank. Any ideas?
You are wonderful! Thanks very much
Hi Eileen,
Thanks for all the great information, been using your codes for a while, thanks for fixing the codes to the new myspace changes...AWESOME.
I do have a question that maybe you can help me, I'm tired of killing some brain cells.
My site is www.myspace.com/machinent
I have a Banner at the very top which has a link and then I have another under the music nav bar, but can't figure out how to add a link I used your new generator for this one.
And then finally, I used to have a banner at the very bottom, but now it's covered, I can see it just below the bottom nav buttons, here again how would a add a link to that one as well.
Thanks for any help to help me get some sleep at night trying to figure this out.
Thanks
Cesar
I tried your code for placing a banner below the Myspace Music banner (yours is labeled as above main table.) Everything works out great and fits perfectly on my page, however under "Edit band profile/band details" the banner shows up numerous times and screws up a lot of things. Where do i go from here?
You must use SAFE MODE for this type of customization.
The safe mode option should be right next to the edit option, on your home page.
can someone pls tell the code that i need to add this flash banner http://www.g-bani.com/TOPMOVIE.swf at the very top of this profile myspace.com/gbani355 ?
ciao Eileen! Thanks in advance..your site is so precious! As I see before my comment a question about a flash banner, I'd like to ask you if you can help me to put a link into a flash banner: www.myspace.com/avvolte All the very best! Francesco
Hi there
My band's myspace is at www.myspace.com/sirensoverstalingrad. I'm using a Flash Myspace kit I got from a website and I really love it, but there are two problems I have with it:
1. I can't seem to put a banner at the top of the page. I want to incorporate links into it too, but when I put the banner in it appears down by the Top Friends area.
2. There is a big black empty space to the left of my music player that I'd like to fill.
Can you suggest any codes or tweaks I might be able to use to pull this off? I understand that you probably don't deal with Flash too much but any help you can offer is much appreciated.
Thanks
Dan
i have a .swf image and I try to use
your top banner code genearator to
put it in but when I put it into my profile theres just a red "X" and when I right click the "X" and click "view image" a new window pops up with the image itself. Can you help me put the image on my music page?
Here's the URL for the image
http://img411.imageshack.us/img411/9210/teezybanner00010cw0.swf
i have a .swf image and I try to use
your top banner code genearator to
put it in but when I put it into my profile theres just a red "X" and when I right click the "X" and click "view image" a new window pops up with the image itself. Can you help me put the image on my music page?
Here's the URL for the image
http://img411.imageshack.us/img411/9210/teezybanner00010cw0.swf
i have a .swf image and I try to use
your top banner code genearator to
put it in but when I put it into my profile theres just a red "X" and when I right click the "X" and click "view image" a new window pops up with the image itself. Can you help me put the image on my music page?
Here's the URL for the image
http://img411.imageshack.us/img411/9210/teezybanner00010cw0.swf
Music Page:
http://profile.myspace.com/index.cfm?fuseaction=user.viewprofile&friendid=293142447
The code generator will not work with swf (not yet, I need to add that to it).
However, here is what you need to do.
You need to replace the img (the whole thing starting with the img open tag, and ending with the img close tag) with an object block.
This tutorial explains how to create an object block, for a swf file:
Video Posting Guide
I will try to add the code to my generator this weekend, so people can use it for swf files as well.
Hi eileen,
im trying to create contact links (add, msg etc) on my header, but it is not working.. i tried changing the z-index to see if this was the case, but no success.
is this code still valid for all the changes myspace has recently made?
Hi Eileen,
I would like to say thank you soooo for ALL of your help.. I would love to advertise/market any products you may have...plz contact me @ www.myspace.com/addic2dancin
2 questions:
Im new to this! Im helping an artist. I have successfully placed the code in the Bio section of her artist page. The only thing is it's to SMALL. How do I create a FULL top page picture, image or background image to stand out or appear to be the page b4 scrolling down? Im using photobucket (direct link) as you directed. By the way, do you know of any great sites that gives a "photoshop look" as far as editing pics or creating graphics for free or low cost?...
Photobucket is to plain!! Not many options...lol
Thanks again
Onya
Hi Eileen,
I would like to say thank you soooo for ALL of your help.. I would love to advertise/market any products you may have...plz contact me @ www.myspace.com/addic2dancin
2 questions:
Im new to this! Im helping an artist. I have successfully placed the code in the Bio section of her artist page. The only thing is it's to SMALL. How do I create a FULL top page picture, image or background image to stand out or appear to be the page b4 scrolling down? Im using photobucket (direct link) as you directed. By the way, do you know of any great sites that gives a "photoshop look" as far as editing pics or creating graphics for free or low cost?...
Photobucket is to plain!! Not many options...lol
Thanks again
Onya
Hi Eileen,
I would like to say thank you soooo for ALL of your help.. I would love to advertise or market any products you may have...plz contact me
2 questions:
Im new to this! Im helping an artist. I have successfully placed the code in the Bio section of her artist page. The only thing is it's to SMALL. How do I create a FULL top page picture, image or background image to stand out or appear to be the page b4 scrolling down? Im using photobucket (direct link) as you directed. By the way, do you know of any great sites that gives a "photoshop look" as far as editing pics or creating graphics for free or low cost?...
Photobucket is to plain!! Not many options...lol
Thanks again
Onya
I cant figure out how to make the image a link. My banner needs to link to another page but i have NO IDEA how to do that. please help! send me an email explaining how to do it.
bronx_bomber_13@hotmail.com
any help would be appriciated
Im doing a band profile and my banner is quite large, but it seems to cover the advert sometimes, but other times it doesnt, is there a way that i can make sure it sits behind the advert everytime?
http://profile.myspace.com/index.cfm?fuseaction=user.viewprofile&friendID=400247895
thats the url if you want to have a look at it
Thanks
Justin xx
Hi,
I am doing a band profile, and my banner is part of a larger image thats in line with the background, the banner goes right to the top of the page so covers the advert. However it only covers it sometimes, sometimes when i load the page the adverts visible but other times its not. is there a code to make sure the banner alwyas sits behind the ad?
http://profile.myspace.com/index.cfm?fuseaction=user.viewprofile&friendID=400247895
thats the profile if you want to have a look yourself
Thanks
Justin xx
This post has been removed by the author.
hi there...i tried using the generator to create a banner below or above the music menu for artist pages but the image never dsiplays on the myspace page.
PS...thank u so much for all ur myspace help!!
hi there...i tried using the generator to create a banner above or below the music menu for artist pages. the banner never displayed on the myspace page no matter what i tried. any help wud be MUCH appreciated! THANK YOU!
If you provide a link to your page, I will take a look, and see if I can quickly locate the problem.
Hi Eileen
thank you so much for the tutorials and the site in general. I have been trying for days to place a .swf banner at the top of my band's myspace (just under the music navigation bar). I have tried adjusting your code but to no success. The myspace page can be found here Dogshow I have for now just put up a jpg using your code. Any help would be greatly appreciated
Hi Eileen
thank you so much for the tutorials and the site in general. I have been trying for days to place a .swf banner at the top of my band's myspace (just under the music navigation bar). I have tried adjusting your code but to no success. The myspace page can be found here Dogshow I have for now just put up a jpg using your code. Any help would be greatly appreciated
Hey there, I need help i spent 2 hours last night lining up clear gifs over top of lettering on my banner image. I got them lined up perfect in safari and then in firefox it was 50 pixels off. So i fixed it for firefox and now i need to fix it for safari and ie. both of which are about 50 pixels off in opposite directions. lol. neways you can see for yourself at
http://www.myspace.com/hitormiss717
First of all I would like to congratulate you on a fantastic MySpace resource. I have found it invaluable.
However, when attempting to use your top banner generator to place an image above the main table on a band space I was disappointedly met with a block of code containing "SORRY I DO NOT YET HAVE THIS CODED".
If you could either finish this code, or give me a link to somewhere that has it I would be forever in your debt.
Yours,
Jesse.
(This is the band space I'm working on:
www.myspace.com/mildaddiction92)
Hi Eileen -
Your pages here have helped me out tremendously! I hope you can help me with something. Earlier today I had come across some code and it put the headling all on one line (no wrap) across the page and apparently the right profile margin was opened up as the entire profile had a "widescreen" effect (at least it seems that way after studying drhoovey's page). And the .profileInfo, online now icon, and last login were in the middle of the page. I'm trying to get back to that point....it got wiped out and I think it's because I'm on a standard page and mayhaps I should have put up an away display on my profile (duplicates safe mode, right?) I've learned a hell of alot from your pages here and I've also got a few other items I'd like to change if you may link me? or address the situation? you are great!
* the .latestBlogEntry : can you add more blog titles to the area?
and i've got to change the text colors and resize the table..
* the .nametext bg image and .profileInfo : can u butt it up against the edge of the profile? and i've still got to get that image smaller - about the same size as the profile pic..
* the contact table - had it in the middle of the profile - oooo, it was in the middle gif? with the gender, city, state, online now icon, and last login? how do i do that plz? and the .friendSpace and comments were under that...
that's it..
thank you so much..
i'll keep reading - got another day or two before the semester starts! oh, and i didn't have room to list all my classes in the school stuff!
myspace.com/gdgrl828
many smiles -
Joy
Hi Eileen -
Your pages here have helped me out tremendously! I hope you can help me with something. Earlier today I had come across some code and it put the headling all on one line (no wrap) across the page and apparently the right profile margin was opened up as the entire profile had a "widescreen" effect (at least it seems that way after studying drhoovey's page). And the .profileInfo, online now icon, and last login were in the middle of the page. I'm trying to get back to that point....it got wiped out and I think it's because I'm on a standard page and mayhaps I should have put up an away display on my profile (duplicates safe mode, right?) I've learned a hell of alot from your pages here and I've also got a few other items I'd like to change if you may link me? or address the situation? you are great!
* the .latestBlogEntry : can you add more blog titles to the area?
and i've got to change the text colors and resize the table..
* the .nametext bg image and .profileInfo : can u butt it up against the edge of the profile? and i've still got to get that image smaller - about the same size as the profile pic..
* the contact table - had it in the middle of the profile - oooo, it was in the middle gif? with the gender, city, state, online now icon, and last login? how do i do that plz? and the .friendSpace and comments were under that...
that's it..
thank you so much..
i'll keep reading - got another day or two before the semester starts! oh, and i didn't have room to list all my classes in the school stuff!
myspace.com/gdgrl828
many smiles -
Joy
Hi there,
great site & codes - thanks!
I've used your code to add an image to the very top of my myspace page. It looks great in FireFox, but the horizontal alignment screws up in IE... and ideas?
Also, I can't get the banner under the ad/nav/music bar (any of those) to work, with the image covering other elements, or the whole page just going haywire! Please, any help will be HUGELY appreciate!
Here's the page:
http://www.myspace.com/phdeeelectro
Many thanks & kind regards
Jon
Hi there,
great site & codes - thanks!
I've used your code to add an image to the top of my myspace page. It looks great in FireFox, but the horizontal alignment screws up in IE... and ideas?
Also, I can't get the banner under the ad/nav/music (any of those) to work, with the image covering other elements, or the whole page just going haywire! Please, any help will be HUGELY appreciate!
Here's the page:
http://www.myspace.com/phdeeelectro
Many thanks & kind regards
Jon
hey eileen please HELP me i did the code genorator and placed it in heros under my content but when i went to my page there was a space but the banner was invisible
my page
ishttp://profile.myspace.com/index.cfm?fuseaction=user.viewprofile&friendid=401326813&MyToken=82f6c3c5-2530-496a-979b-826b82a1ba30
p.s
ive try'd the code in every section that the article said to try
Jack,
Can you take your profile off of private, so I can look at it.
Hi Eileen,
Great site! I am trying to place the flash banner above the ads on my band's myspace. I have found some useful codes for placing image banners but not .swf files. I want the flash banner to go at the top of the page.
The band's myspace is :
www.myspace.com/edgusto
Sample Banner:
http://www.vjeran.net/clients/ed-gusto/ed.gusto.banner.01.html
Can you send me a code I can use to embed the swf file to myspace.
Thanks in advance.
Ed
alright, here's my predicament. i want to have a banner under the google ad (if i can cover up the home and music nav stuff, but if i can't do that, under the music nav.) the problem however is the banner is tall and i want half the banner to go behind the myspace photo and music player. a good example of what i want to do is http://www.myspace.com/greeleyestates but it doesn't have to be that crazy. but the basic idea is to have the background stay still with the banner to move with the rest of the elements. any ideas? thanks for your time
Hi Eileen,
I was looking for the tutorial 'Full Example: placing image Under Main Navigation Bar, and placing multiple links on the image' but it doesn't appear to be on the page.
Basically, I am trying to get the links from the contact table (add, message etc.) at the top of my profile instead of in the regular contact table. Could you please help me with this?
Greatly appreciated :)
Thanks, Rich
my profile uses a div
code... in it.
& i used thee top banner code
and it's a empty space with no
picture :|
This website is fucking great thanks..
hey eileen, great site!!!
about a month ago i used one of your codes to put an image above everything on my band's myspace and it worked great. but yesterday i tried to change it and it wouldn't work. there would just be a large gap between the top menu and the start of our profile.
i used the same code i used last time. if you could help me, that would be fantastic!!! thanks in advance!!!
myspace.com/mbdown
hey eileen, great site!!!
about a month ago i used one of your codes to put an image above everything on my band's myspace and it worked great. but yeterday i tried to change it and it wouldn't work. there would just be a large gap between the top menu and the start of our profile. i used this code with the image i'd like to have at the top
i used the same code i used last time. if you could help me, that would be fantastic!!! thanks in advance!!!
myspace.com/mbdown
hey thanks for this coding help
i have re designd my myspace :D
i appreciate it
Wow! I have been fooling around with making custom banners for the top and this IS the BEST tutorial EVER! Holy crap, I love the grid and clear link images. Your codes are all working perfect! I can't wait to continue working on my site. You made it so simple. I was almost going to pay someone $350 to do exactly what your teaching. Thank yYou Thank You Thank You
So I am trying to get a banner below the music nav bar, like www.myspace.com/theclassiccrime. I've tried several different tutorials, and none of them have resolved the issue of covering up the edit page after I've applied the masthead. I tried your code generator and it just places the banner all over the page in some very odd way (literally, I get about 10 copies of the banner all over the place in random areas). So anyway, I was hoping you might be able to help me out.
Thanks,
B
Your site has helped me so much. I have a problem though. My top banner code, it seems I can't get it to align properly between IE and FF. Its fine in Firefox, but in IE, the main nav and the banner are both shifted to the right. here is my page
www.myspace.com/c_rob
Your site has helped me so much. I have a problem though. My top banner code, it seems I can't get it to align properly between IE and FF. Its fine in Firefox, but in IE, the main nav and the banner are both shifted to the right. here is my page
www.myspace.com/c_rob
Thank you So Much For All The Info!
I Was Wondering How You Post A Video Within The MySpace Top Banner On A Band Page, Like This One www.myspace.com/lovehatehero
Thanks For All The Info! I Was Wondering How You Post A Video In The Top Banner On A Band Page, Like This Page www.myspace.com/lovehatehero
Thanks For All The Info! I Was Wondering How You Post A Video In The Top Banner On A Band Page, Like This Page www.myspace.com/lovehatehero
Conceptually a video, works the same as an image banner, for the cases where I do NOT use a background image to get the banner effect.
I don't remember exactly which solutions are currently using a background image.
However, for those where I create a div, and place the image inside the div, you can place an object (such as a video) instead of an image, inside the div.
Does this still work? Banner works. Where do I put the code for the links? It is not showing up anywhere, even when I test it with a real image, not clear, just to see if it is somewhere on the page. Nothing.
I've been using your 'jus below the ad' code for some time now and it has worked great. but recently myspace has done a few changes. there is now an extra 10 pixels above the advertisment in IE. also, banners are now subject to moving around depending on how large your window is open and your screen resolution. they used to stay stationary no matter what. but now banners appear in different places on different broswers. hopefully there will be a way to counteract this.
I made a top banner for my band's myspace page, that appears fine on my web browser. I am using IE 7.0.6, but my friend who uses 7.0.4, as well as another friend using Safari noted that, when viewed on their CPUs, the image was not centered as it was on mine. Is there code to fix this issue? Thanks--
Can you please explain the linking to a banner codes? I have a banner on my bands page, yet i cant get the banner to link to the web site i want? Can you help me? I use the below the music myspace one and place the banner there,but i am not sure where i can add the codes for the link. thanks for your help!
I will try to upgrade my tool to handle links over Thanksgiving weekend.
Basically you create a div, and put the links in the div, and then use absolute placement to place the div.
I have not tested this in V2 yet.
I should to that soon.
Hey! This is surely the best page I have found.
One question though... I put a banner all the way at the top of my page above the ads and everything, and I wanted to put links on it. On another page I put the banner underneath the ads and your 'clear gifs' code worked great to create links. I tried the same code on my current page, and I couldn't get it to work. Is there different code that would allow me to put links on my very very top banner??
Thanks!!
Hey I'm having issues with the code for top banner with Divs. IE does not recognize the {left-margin: -410}
It works fine on every other navigator, but my main nav is IE and I'm not the only one using it ;=).
Here's my site: www.myspace.com/thearkitecht
Dear Eileen,
from what i found online so far you are one of the top most experts in myspace coding.
Here is what I try to do:
Place a banner under the music bar and put links into it.
I tried some of your code - but I could not get it to work. I was hoping you could point me in the right direction.
My URL is www.myspace.com/horsemount
Looking forward to your reply.
Many thanks,
Thomas
i made a band div overlay site and put a top banner with your code about a year ago, but when myspace changed things and made the nav bar all seethrough and stuff this summer i lost my top banner, the add banner doesnt show up sometimes, and there is a random space before the comments section, I have no idea what do do since it has been so long since I worked on it. could you help?
thanks so much,
-Dylan
myspace.com/grammaticalrebellion
Hi, Eileen...love your ideas.
I used one of your codes for my music page and it worked beautifully (www.myspace.com/thaorignalgata) but... when I tried the code on my standard page (www.myspace.com/gatamiserycherri), no matter WHERE I put the code it covers the top half of the profile and makes it impossible to read. A space appears above the ad, but the image itself is through the top of the profile. The image was larger, and I resized it, but no dice. I placed the code in every spot the generator suggested and also used the code here on the blog. I'm working in Firefox. Any suggestions you have would be so appreciated. Thanx!
after i posted my comment, i just noticed the thing at the top of the screen that says you would like some stuff designed for you in return for your help with pages. i dont know much about coding but i am a designer and would be more than happy design something in photoshop, in return for all the help you have been for me on this website. Just let me know what exactly you need (for instance, you said you want icons for online and offline, but what file format and how should I get them to you?)
happy to pay you back for all the help you've been with my page,
-Dylan
When I used your top banner generated code. All of the contents in my about me and who i'd like to me sections became invisible. myspace.com/loanzzz
How do I stop this from happening?
Thanks
mark
You need to post a link to the page, where you have the code installed, so I can look at it.
Hey guys, i need some help with my myspace page, ive hidden the entire page, and placed a top header that is 700 in width and 1400 in height, it contains info and images, but as its a header its all one image, so basically my layouts one image made to look like a layout? well anyway, i cant seem to get the clear gif links to work on it, and i depend on them! could anyone help?...
im a graphic designer, so i only now how to work with aspects of design, not css or html :/ if you could help me out itd be great!
thanks
Well,
If you already used my tutorial, and are still having trouble, I will probably need to look at your page.
I trade code troubleshooting for graphics I can use with my code.
this is gay. seriously,
I put it on my page and it came up with a vaccuum cleaner sucking up tom's pic and it said myspace progression sucks.
freaking homos.
thx for the code, man. really.
Hi,
Is there any way to make the top banner image fade in on load of the page?
Thanks so much for all of these codes! It is really helpful.
This post has been removed by the author.
HELP how do i put a image below The myspace music bar. I went to your page and it said sorry havent coded yet. Any ideas? Please help!
hi there
i´m trying to put a banner just above the main content
i would like to add it exactly where you wrote "Content above main table can go here" here
http://profile.myspace.com/index.cfm?fuseaction=user.viewProfile&friendID=229961117
how can i do that?
i tried with your banner generator but it places the banner just above the music menu
it is for a band profile
thanks!
Did you select the correct option?
I will test the code again tonight, and verify that it still works.
I use your codes all the time and they are a massive help. I ran into a small snag though. I made a "topspace" on Wix.com to use as a top page banner. I used you div overlay code and it seems to be hiding the wix flash. Nothing happens when I change the z index to try and pull it over the div. I've also tried making space above the div and sneaking it up there but it still doesn't show the flash.
Is there anything I can do to install my flash as a banner? The Wix site generates the codes for you to install as a banner but doesn't seem to work with the div overlay.
I'm scratching my head, please help!!
I used you Div overlay code and my profile looks top notch. I made a Wix.com "topspace"(it's a mini flash site)to use as a banner.
Wix generates the codes to use it as a banner but I can't get them to work with the div. I tried using your code for embedding such a banner and still can't get it to appear.
Any help is appreciated.
www.myspace.com/masallsaint
I'm an idiot... There was a music player postition code i neglected to remove... Sorry if you took the time to look into my foolishness
Tried every combination and cant seem to get two banners (one above and one below ad)on band page. Can get one or the other but not both. Maybe prior conflicting codes? Any help would be great.
www.myspace.com/thedamnautomatics
Tried every combination and cant seem to get two banners (one above and one below ad)on band page. Can get one or the other but not both. Maybe prior conflicting codes? Any help would be great.
www.myspace.com/thedamnautomatics
Tried every combination and cant seem to get two banners (one above and one below ad)on band page. Can get one or the other but not both. Maybe prior conflicting codes? Any help would be great.
www.myspace.com/thedamnautomatics
This might sound stupid; but how do you make the banner clickable. I'm using css to place the banner on v.2 of myspace on top of my myspace. I don't seem to figure out where to place the code to make such picture to be a link. I know how to do it using html but css is not the same and I overheard that you cannot make a link using css using a picture.
This might sound stupid; but how do you make the banner clickable. I'm using css to place the banner on v.2 of myspace on top of my myspace. I don't seem to figure out where to place the code to make such picture to be a link. I know how to do it using html but css is not the same and I overheard that you cannot make a link using css using a picture.
bX-nrpjof
I feel bad for the double comments above; but everytime I click publish your comment it gives me this error(bX-nrpjof). I saw some others duplicated and I know why it is but can someone reply my first question?
I know what you mean, related to the double comment.
I have learned to ignore that message, since my comment has always posted despite the message.
If you want to make your banner clickable, you have to use different code.
The css method, of applying a background image, will not work.
Well I guess it can work, if you put a clear clickable gif over the top of it.
Code for actual content (that is not just style applied to content) can go into the blurbs section.
I don't know if I ever wrote up how to do this in 2.0.
Nor do I know if my 1.0 code even works anymore. Myspace changes stuff all the time.
Jeremy,
I suspect you may be trying to use the same class name for both banners.
For the 2nd banner do the following:
1) Change the class name
2) Insure that you use the new class name for the entire block of code, including the style.
3) add the height of the top banner, to the top distance, for the 2nd banner.
For two banners, you have to consider the code for one, when applying the code for another.
For the second banner you mentioned Im trying to use the same class name for both. Im not very code savvy so you'll have to give me the heads up on that. I had put one in the Bio section and one in the Members section. Thanks.
Hey Eileen, I'm having a bit of trouble coding up my banner....I would like to use an image map over the jpeg, and I've already got the image map coordinates, but I don't know how to combing the image map with the code you've provided for placing the banner. Anything you can do to help me is definitely worth anything I can do to help you. Email?
FYI the myspace page I've provided is simply a dummy page I use for designing :]
Thanxs for the page it is very efficient. though. The code I need is for me to set my banner just above all the adds. could you please help?
This post has been removed by the author.
This post has been removed by the author.
This post has been removed by the author.
having trouble with the space under my banner can you help?
wwww.myspace.com/robertbennettnewsome
God so Bless you. This helps a lot. how do I put links in my bands myspace banner? and pls. update the below ads myspace band code. thnx.
Sammy Ocheita
Hello Eileen
Thank you. I've used the generator to add an image just bellow the navigation bar on myspace profile, still using v1.
But it is not in line with the columns. It needs to move a little to the right. I use mac os x firefox.
At the myspace forum they recommended to change the values to:
"see these two lines of code in what you posted?
div.profileWidth:first-child {padding-right:86px !important; padding-left:84px !important;}
adjust the bold numbers above to control the left/right position in firefox"
I've done so and it is at the moment padding-right:100px and padding-left:72px. But the image did not move place at all.
Kindly, could you check my profile:
www.myspace.com/nubialondon
or email me at:
nubialondon@yahoo.com
Since I've tried for the last 12hrs+ to adjust it to be where it should be, and I'm so very tired.
Thank you so very much for your kindness.
Best regards
Nubia
need some help over here how to put my photo as mt baner on top i cant do it younguninque help you boy out wwww.myspace.com/younguniqueboy
im trying to put a vid from you tube as the banner (top) on myspace, is there a way? answer back please, anyone....
my site is http://www.myspace.com/castheuntitled
im trying to put a vid from you tube as the banner (top) on myspace, is there a way? answer back please, anyone....
mys ite is http://www.myspace.com/castheuntitled
sorry if i posted twice.
Yes, it is easy.
Do it the same way you would do an image except replace the image with the youtube object.
Hi Eileen,
Thanks for this great site. It is such a tremendous help. I have a problem with the top banner for Myspace 02. I put a flash object there and it is in the center on Firefox and IE but in Safari/mac it goes to the right. Is there any way to correct that?
Thanx
hello eileen,my name iz chris i play in a knoxville,tn local band i am having trouble getting a banner at the top of the page ,i used the gap code,and i made my banner through photoshop ps3,the gap code didnt work,i saw no gap..here's my link to my band take a look..http://profile.myspace.com/index.cfm?fuseaction=user.viewProfile&friendID=162042083...............could help me,im not that good with codeing 2..contact me at .chrisbenton101@yahoo.com
thanx
chris
hello Eillen i am having trouble getting the top banner for my band i tryed to use the gap code i didnt show no gap between wher it sayz its going to.i made my banner through photoshopo ps3.and i use a couple of image hosting sites.another words im just totally lost with this bannere thing could u plz help me..contact me at ...chrisbenton101@yahoo.com.........or my band site.....onevsone_contact@yahoo.com
thanx chris
Hi Eileen,
Thank you your helpful tutorials.
I am new to myspace and am currently designing the band page for a new UK band called Hook and the twin.
I would like to place their banner above the main table - xiii.us is saying that the code for this option has not been implemented yet. So instead I have used the code from musictweak.com, and it works, however it does not keep the banner centered with the ad, main table, navigation bar etc...
Your help and expertise would be very much appreciated. Alternatively, when will xiii.us be updated?
Thank you for your help
Siobahn Vaughan
Post a Comment
Due to Excessive Spam, I have turned on comment moderation.
Links to this post:
Create a Link
<< Home