Placing A Banner At The Top On A Myspace Page?

[marklaa]

I have created a banner, uploaded it (http://i15.photobucket.com/albums/a3...lsaBanner1.jpg) and now i want to insert this at the top of the page on my myspace site (www.myspace.com/marklaa) unfortunately i cannot do this due to the restriction myspace has over editing the html coding.

Is there some kind of coding which you can insert into the bodied text which will place an image/link towards the top of the page.

I have seen it on other myspace sites though so i'm sure it is possible.

Can anyone please help me?

[jaymanson]

There are ways to position CSS div overlays on Myspace.

I had a look at your site and I'm guessing you want to cover up the advertising bar at the top. I wouldn't recommend it to be honest - it's against Myspace's T&Cs and I have known two people who have done just that, then found their accounts deleted; no warning given! All those lost contacts, messages, etc - it's not worth it mate!

If you still want to go ahead, you'll get some good pointers on div'ing Myspace here

Jay

[marklaa]

thanks for your response.

I wasn't wanting to cover up myspace's banner (that'd be naughty) but instead i just wanted to move everything down to create a gap for another banner.

But do not distress as i have solved the problem now.

thank again.
x

[lizpop13]

thanks for your response.

I wasn't wanting to cover up myspace's banner (that'd be naughty) but instead i just wanted to move everything down to create a gap for another banner.

But do not distress as i have solved the problem now.

thank again.
x

how did you move everything down to create a gap for another banner? and then add a banner on the top?

please help :]

www.myspace.com/bolascomcreme

[xeonbox]

hello all,

I hope i'm not too late on this. I seen it was posted a little while ago yet i check your pages out and noticed no one had it.

Soooo here is your answer..

first in your "About me section do this to drop everything down and give you some room to place your ad.

body {
margin-top: 200px; <----------- this is your margin to push everything down for your ad to fit at the top of your page
 
}
 
 

Next we need to add in the css the code for the DIV overlay in your CSS

div.topbanner {
position: absolute;
top: 0%; 
left: 50%;
width: 800px; <--- set your image width
margin-left: -400px; <---- make this HALF your image width.
height: 192px; set the height of the image. Should be less then the Margin height set in the body.
}
 

then drop the DIV overlay in

<div class="topbanner">
<img src="http://www.path_to_your_image.com/something.jpg">
</div>
 

and thats your answer.

send Kudos or questions to [e-mail]
i won't be on this site much just seen it so figured i would help.

www.myspace.com/xeonbox

Thanks,
Anthony

[gfdgsfdhdfghdfghdghdfghfd]

Hey i tried that and it didn't work. I have the whole margin space set at the top of mine, i put a different code. But the one you gave me i couldn't. Could you give me the whole layout, like a test layout?

[CustomZ02]

Thanks a bunch. I spent 3hrs trying to figure this out lmfao. Any way for the person that says it didnt work try:

<style>
body {
margin-top: 200px;
}
</style>
 
<style>
div.topbanner {
position: absolute;
top: 0%; 
left: 50%;
width: 900px;
margin-left: -450px;
height: 193px;
}
</style>
<div class="topbanner">
<img src="http://www.yoursite.com/images/yourbanner.jpg">
</div>
 
 

Im using this code in one of the myspace music pages and I put that code at the very top of the band bio. Works like a charm.

[clueless07]

Thanks a bunch. I spent 3hrs trying to figure this out lmfao. Any way for the person that says it didnt work try:

<style>
body {
margin-top: 200px;
}
</style>
 
<style>
div.topbanner {
position: absolute;
top: 0%; 
left: 50%;
width: 900px;
margin-left: -450px;
height: 193px;
}
</style>
<div class="topbanner">
<img src="http://www.yoursite.com/images/yourbanner.jpg">
</div>
 
 

Im using this code in one of the myspace music pages and I put that code at the very top of the band bio. Works like a charm.

<------------- NOT WORKING!!!!

[drhowarddrfine]

MySpace and other such free 'services' are so different from normal web pages that it may be helpful to look at the links below.
PimpWebpage
Xgenerators
Hacking Myspace Layouts

[gfdgsfdhdfghdfghdghdfghfd]

what if you want to put that banner under all the myspace browser???? like under the home, browse, search etc. ????

[AricC]

I don't know much about MySpace but I wouldn't try to mess with their code too much we have seen reports before where literally you have a page and 2 secs later they have deleted it. Not disabled deleted.

[thaKingRL]

I was interested in this topic too and have been looking around to no avail.

Don't know if everyone understands what is trying to be done.

I'm trying to set my page up like this (I think it's ok to post a music artists link right?) :

Link

I used one of those layout grabbers to snatch the code, and it gave me this:

<style type="text/css">
 
 
form>img#googleTLogo
{
    background-image:url(http://x.myspace.com/images/powered_by_google_white.png);
    background-repeat: no-repeat;
}
 
#googleTLogo
{
    vertical-align:bottom;
    width:120px;
    height:30px;
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://x.myspace.com/images/powered_by_google_white.png', sizingMethod='image');
}
 
</style>
<style type="text/css">
 
#home_coolNewVideos .heading {background-color:#090;}
#home_coolNewVideos {border:solid 1px #090;}
</style>
<style type="text/css">
 
    #musicnav {width:800px; border-bottom:1px solid #000; background-color:#990033; color:#FFFFFF;}
    #musicnav a {color:#FFFFFF; font-weight:normal; font-size:90%; display:inline-block;}
</style>
<style type="text/css">
 
#home_coolNewVideos .heading {background-color:#090;}
#home_coolNewVideos {border:solid 1px #090;}
</style>
<style type="text/css">
 
 td{text-align:left}
div td form {display:none;}
table div td form {display:inline;}
table, tr, td {visibility:hidden; border:0px; background-color:transparent;}
div td, td.text table table,
td.text div {visibility:visible;}
td td td td.text div,
td.text .whitetext12,
td.text div td td font {display:none;}
body {
font-size: 5px!important;
    background-image: url(http://targetuonline.com/2xl/bg.jpg);
    background-repeat: repeat;
    background-attachment:scroll;
    background-color: 171614;
    color: ffffff;
background-position:top;
margin-left:5px
 
}
 
div td td font {display:none;}
.friendsAndComments {height:500px; overflow:auto;}
embed, object {visibility:visible;}
table div {display:none;}
table table div {display:block;}
.k{top:0px;left:0px;position:absolute;z-index:9;}
 
 
a, a:link, a:visited, a.navbar, a.navbar:link, a.navbar:visited, a.man, a.man:link, a.man:visited, a.redlink, a.redlink:visited{ color:00639d; font-size:6pt; 
 
font-weight:none; font-style:none; font-family:Verdana;!important;  } 
a:hover, a:active, a.navbar:hover, a.navbar:active, a.man:hover, a.man:active, a.searchlinkSmall:hover, a.searchlinkSmall:active, a.redlink:hover, 
 
a.redlink:hover{ color:3b3b37; font-size:6pt; font-weight:none; font-style:none; font-family: Verdana;!important; text- } 
 
</style>
<style type="text/css">
 
object {position:absolute; left:50%; top:1112px; margin-left:-414px;}
table table table object
{position:static; margin-left:0px;}
</style>
<style type="text/css">
 
a .text 
 {
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
 }
</style>
<style type="text/css">
 
    body, html {visibility:visible !important; display:block !important}
</style>
 
<div style="position:absolute;top:90px;left:0px;padding:0px;margin:0px;"><a href="http://www.killerkiwi.net/"><img 
 
src="http://www.killerkiwi.net/images/mstag2.gif" alt="MySpace Layouts" border="0" /></a></div>

Can somebody look over this and tell me if it'll work?

[thaKingRL]

Sorry for double post...

I tested the code. I don't know if it works, but it seems that what it does is just cover the original page.

So how do you all the boxes and everything back in?

I'll play around with it a little, but help is appreciated.

[gfdgsfdhdfghdfghdghdfghfd]

does anyone know how to move the myspace "up" so the banner can be under it? like here:

http://myspace.com/hillsongunited

[hijinxx]

does anyone know how to move the myspace "up" so the banner can be under it? like here:

http://myspace.com/hillsongunited

I'd like to know too! I've tried the other one where the banner is right on top but does anybody know how to put a banner under the nav bar?

Smashing Pumpkins also has something similar to that one you've posted.
http://www.myspace.com/smashingpumpkins

I've tried to copy the code, and it works but Smashing Pumpkins' profile arrangement is completely different to the default arrangment. But anyways, I think its been done by the same person, as both mySpace accounts (Smashing Pumpkins and Hill Song United) have "ELS2MWEBNET0175" preceeding its code. If anybody could help out, that would be great!! =D

[skorchmagazine]

Hello all, I stumbled upon this as I was trying to figure out how to add a link to my "top banner" of which I finally figured out...so I thought I would drop the code for ya...

xoxo
jessica

<textarea cols="40" rows="7">

<style type="text/css">
{
background-image:url(<a href="http://www.websitename.com"> http://www.yourimagelinkhere.jpg)</a>;
background-repeat: no-repeat;
}
{
vertical-align:bottom;
width:120px;
height:30px;
filter:progid:DXImageTransform.Microsoft.AlphaImag eLoader(src='http://x.myspace.com/images/powered_by_google_white.png', sizingMethod='image');
}

</style>
<style type="text/css">

body{
background-image:url(http://i49.photobucket.com/albums/f274/jesreese/myspace_header.png);
background-repeat: no-repeat;
background-position:top center;margin-top: 365;}

url(http://www.websitename.com);
top: 0;
left: 49%;
margin-left: -345px;
width: 697px;
height: 361px;
position: absolute;
}
</style>
</textarea>

[helraizer1]

You can always use div overlays from BBZ space to cover up the original MySpace layout. Then you can start from scratch (within reason giving that they have disabled <meta> <script> and the like.)

www.myspace.com/samboulton146

I used the code from there to cover up the original formatting then created the page content from scratch.

Sam

[helraizer1]

To be honest, don't worry if your myspace page doesn't work. As the sticky on this Forum says "validate your code early and often" (or something along those lines). I used the w3c validator on Myspace and it came up with ~300 errors. =P

and to the point of the post :

I tested the code. I don't know if it works, but it seems that what it does is just cover the original page.

So how do you all the boxes and everything back in?

You can get the generator to cover up the main page, as you said; then from there you can use normal HTML with tables, divs, paragraphs etc.. (you can use DHTML but not Javascript.. somehow..) to make your profile from scratch. With that way you have so much more open to you, you can add banners 'til the cows come home. Just put the picture/banner in a table cell at the top of the page.

Such as on mine. It's not a traditional MySpace page. www.myspace.com/samboulton146

Sam

[CHRIS MILLS]

hey THERES A REALLY EASY WAY FOR THIS WHAT YOU GUYS WANT TO WORK JUST USE THIS

ITS PREDDY MUCH THA CODE U GET FROM GENERATORS AND A BACKROUND CODE


<style type="text/css">

body{
background-position:top center;margin-top: 721;}

div.topbanner {
top: 0;
left: 49%;
margin-left: -200px;
width: 100%;
height: 721px;
position: absolute;
}


<Style type="text/css" source="http://www.strikefile.com/" author="Thomas Zwaagstra">
table, tr, td{
background-color:transparent;
}

body{
background-color:rgb(255,255,255);
background-image:url();
background-position:center center;
background-repeat:no-repeat;
background-attachment:scroll;
}
a </Style>

[funeralsong]

Hey i tried that and it didn't work. I have the whole margin space set at the top of mine, i put a different code. But the one you gave me i couldn't. Could you give me the whole layout, like a test layout?

first in your "About me section do this to drop everything down and give you some room to place your ad.

Code: ( text )

1.
body {
2.
margin-top: 200px; <----------- this is your margin to push everything down for your ad to fit at the top of your page
3.

4.
}



Next we need to add in the css the code for the DIV overlay in your CSS

Code: ( text )

1.
div.topbanner {
2.
position: absolute;
3.
top: 0%;
4.
left: 50%;
5.
width: 800px; <--- set your image width
6.
margin-left: -400px; <---- make this HALF your image width.
7.
height: 192px; set the height of the image. Should be less then the Margin height set in the body.
8.
}



then drop the DIV overlay in

Code: ( text )

1.
<div class="topbanner">
2.
<img src="http://www.path_to_your_image.com/something.jpg">
3.
</div>



and thats your answer.

send Kudos or questions to [e-mail]
i won't be on this site much just seen it so figured i would help.

www.myspace.com/xeonbox

Thanks,
Anthony

just to let you all know to put the banner you need to add a "<STYLE></STYLE> in between the code to make the banner work and then the image code your puttin up on the top that you can out anywhere, so it will work, hope it wasn't to confusing..

[drhowarddrfine]

That's <style type="text/css"></style>

[l23hornet]

Does anyone know the html to place Myspace's banner back at the top of my myspace page.

I created a div overlay for my myspacepage but now i need to put the advertisements back at the top so they don't delete my page.

Any help would really be appreciated.

Thanks

[polikm]

hey THERES A REALLY EASY WAY FOR THIS WHAT YOU GUYS WANT TO WORK JUST USE THIS

ITS PREDDY MUCH THA CODE U GET FROM GENERATORS AND A BACKROUND CODE


<style type="text/css">

body{
background-position:top center;margin-top: 721;}

div.topbanner {
top: 0;
left: 49%;
margin-left: -200px;
width: 100%;
height: 721px;
position: absolute;
}


<Style type="text/css" source="http://www.strikefile.com/" author="Thomas Zwaagstra">
table, tr, td{
background-color:transparent;
}

body{
background-color:rgb(255,255,255);
background-image:url();
background-position:center center;
background-repeat:no-repeat;
background-attachment:scroll;
}
a </Style>

yea that worked, but how do i put a picture or sumthin there??

[oky]

hey guys i just want to placing a picture at the top on a myspace profile just like www.myspace.com/bhhta can u help me plisss...


thanks

[polikm]

its sooo easy ...

http://www.mybannermaker.com

thats how i did it its tiight and easy!

[drhowarddrfine]

Ok. No leet-speak or any other speak allowed on these forums. Use good grammar and spelling.

[bjh2020]

hi


iv tried the layout codes that have been supplied here....

and managed to center it just under the music bar.... yet it covers up the submit buttons! : )

can anyone generate a code for this site:

www.myspace.com/barcelona

or the normal banner under the music bar


www.myspace.com/josegonzalez



any help would be greatly appreciated


bjh 2020

[jarredo1222]

I have created a banner, uploaded it (http://i15.photobucket.com/albums/a3...lsaBanner1.jpg) and now i want to insert this at the top of the page on my myspace site (www.myspace.com/marklaa) unfortunately i cannot do this due to the restriction myspace has over editing the html coding.

Is there some kind of coding which you can insert into the bodied text which will place an image/link towards the top of the page.

I have seen it on other myspace sites though so i'm sure it is possible.

Can anyone please help me?

this worked for me//

<style>
body {
margin-top: 200px;
}
</style>

<style>
div.topbanner {
position: absolute;
top: 20%;
left: 80%;
width: 900px;
margin-left: -500px;
height: 193px;
}
</style>
<div class="topbanner">
<img src=" url site here " >
website link here
</div>

[sparish1013]

this worked for me//

<style>
body {
margin-top: 200px;
}
</style>

<style>
div.topbanner {
position: absolute;
top: 20%;
left: 80%;
width: 900px;
margin-left: -500px;
height: 193px;
}
</style>
<div class="topbanner">
<img src=" url site here " >
website link here
</div>

OK this code here will work I just wanted to add something to this!!!

You can edit the placement of the banner by messing with the numbers in the second section!!!

for example
If you want to move the banner closer to the top decrease the % to something less than 20% and the opposite to move it closer to the bottom.

The same applies to the left alignment. If you decrease you move left increase you move right.


In the third section of the code delete the part that says website link here from the code as that is un-neccesary.

Check your page in different browsers as well to see if your banner is lined up with your page!!! The first time I made one on my Mac it was right and on my PC it was off the screen. So you could only see half of the banner in internet explorer!!! So what my suggestion would be is to align the profile on a PC as most people use internet explorer anyway and the banners are still visible on safari however they just appear to be out of alignment to the right a little!!!

Hope this helps!!!

[rudith]

hi
i was reading this and thought that everyone on here seems to know theyre stuff i was wondering if there was code for putting , add message and store or whatever.... at the top of a band page i've seen loads of people do it but i was wondering have they just put one whole picture up and links underneath the words ?? or is there a different code for doing this all together??
any suggestions would be amazing thanks again
rudy

[drhowarddrfine]

I'll suggest you myspace people look at the links listed under the myspace article under Articles at the top of this page.

[Mike Web]

<------------- NOT WORKING!!!!

it worked...it justs didnt move my profile down. it went on top of the top margin PLUS the links and my display pictre and everything accross

[jayashcroft]

I've just used a banner editor, has worked fine and aligned on page properly but i can't seem to get rid of the text advertising the website without it realigning the banner to sit in the about me section.

here is my webpage

www.myspace.com/taylamadeband

and here is the banner code

<a href="http://" !</a><style>body table { margin-top: 420px; } .mybannermakermastheadbanner { position: absolute; top: 200px; width: 828px; height: 400px; text-align:center; margin-top: 15px; margin-left: -354px; left: 45%; } body td table, body div table { margin-top: 0; } </style><div class="mybannermakermastheadbanner"><a href="http:///"><img src="http://img512.imageshack.us/img512/1896/mybanner4741b9cd9af27eb3.jpg" alt= !' border=0></a></div>

could anyone help me get rid of the website link1

[GwenBoy69]

About this banner thing...
How will i put this banner on my music myspace page?

Banner URL:
http://www.gwenstefani.com/downloads/
(ITS THE SECOND BANNER)
Banner infomation:
<p><a href="http://www.gwenstefani.com" target="_blank"><img src="http://assets.interscope.com/banners/gwenstefani/728x90.jpg" width="728" height="90" border="1"></a></p>

Myspace page:
www.myspace.com/thesweetescapealbum

PLEASE HELP!!!
AND I WANT IT CENTERED!
PLEASE HELP!!!

[PhreakNovic]

I am trying to place a banner above the Ad's while having a normal body background how do I make this work???

[PeakConsulting]

Use CSS. It simplifies you work!

[Markus]

I wonder how many people joined TSDN in the hope of 'styling' their MySpace page?

[drhowarddrfine]

markus,

heh.

myspace.
**sigh**

[YOUNGRELL]

OK this code here will work I just wanted to add something to this!!!

You can edit the placement of the banner by messing with the numbers in the second section!!!

for example
If you want to move the banner closer to the top decrease the % to something less than 20% and the opposite to move it closer to the bottom.

The same applies to the left alignment. If you decrease you move left increase you move right.


In the third section of the code delete the part that says website link here from the code as that is un-neccesary.

Check your page in different browsers as well to see if your banner is lined up with your page!!! The first time I made one on my Mac it was right and on my PC it was off the screen. So you could only see half of the banner in internet explorer!!! So what my suggestion would be is to align the profile on a PC as most people use internet explorer anyway and the banners are still visible on safari however they just appear to be out of alignment to the right a little!!!

Hope this helps!!!

I DID ALL U SAD BUT I STILL CAN NOT SEE MY IMAGE

[elchakaz]

its sooo easy ...

http://www.mybannermaker.com

thats how i did it its tiight and easy!

hey i ready did my banner maker but i don't where or what part do i need to put the code on myspace can you help me??

[lisajc66]

<style>
body {
margin-top: 200px;
}
</style>

<style>
div.topbanner {
position: absolute;
top: 20%;
left: 80%;
width: 900px;
margin-left: -500px;
height: 193px;
}
</style>
<div class="topbanner">
<img src=" url site here " >
website link here
</div>


Okay,...this code made the necessary space at the top of my page,..BUT my banner isn't showing up?
Any tips??

Thanks in advance!
~Lisa~

[dreamerfui0321]

here is the code for those who are wanting to add a banner to the BOTTOM of your myspace page! You need to place your url in place of (URL) in the code below.


<style>
tr {background-color:transparent;}
body table div font {background-repeat:no-repeat; background-position:center center; background-image:url(URL); display:block; font-size:0px; letter-spacing:-1000px; width:800px; height:100px; position:relative; top:-50px;}
</style>

[justculture]

Ok i did it and everything worked, it created what ever space i needed and you could see the image.

But now i want to do a different thing. I want to do exactly this:

http://www.myspace.com/spinmagazine

I want to put my logo instead of the images they have, but still have the manu under it linking to my site just like them.

Can anyone lead me the right way>

Thanks
JC

[pinkstarrz]

Thanks a bunch. I spent 3hrs trying to figure this out lmfao. Any way for the person that says it didnt work try:

<style>
body {
margin-top: 200px;
}
</style>
 
<style>
div.topbanner {
position: absolute;
top: 0%; 
left: 50%;
width: 900px;
margin-left: -450px;
height: 193px;
}
</style>
<div class="topbanner">
<img src="http://www.yoursite.com/images/yourbanner.jpg">
</div>
 
 

Im using this code in one of the myspace music pages and I put that code at the very top of the band bio. Works like a charm.

I didn't have a problem doing this at all, I placed <center> at the very beginning and the very end and it even centered it above my profile, thank you very much

[Death Slaught]

Will someone please delete this thread it never seems to die and all anyone ever does is log on once, post what has already been posted, and then never gets on again.

Thanks, Death

[drhowarddrfine]

Hadn't noticed that. Good thought. I'll just close it for now.