By using this site, you agree to our updated Privacy Policy and our Terms of Use. Manage your Cookies Settings.
435,426 Members | 3,407 Online
Bytes IT Community
+ Ask a Question
Need help? Post your question and get tips & solutions from a community of 435,426 IT Pros & Developers. It's quick & easy.

Placing A Banner At The Top On A Myspace Page?

P: 2
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?
Oct 6 '06 #1
Share this Question
Share on Google+
45 Replies


jaymanson
P: 29
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
Oct 10 '06 #2

P: 2
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
Oct 13 '06 #3

P: 1
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
Oct 28 '06 #4

P: 1
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.

Expand|Select|Wrap|Line Numbers
  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. }
  5.  
  6.  
Next we need to add in the css the code for the DIV overlay in your CSS

Expand|Select|Wrap|Line Numbers
  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. }
  9.  
then drop the DIV overlay in

Expand|Select|Wrap|Line Numbers
  1. <div class="topbanner">
  2. <img src="http://www.path_to_your_image.com/something.jpg">
  3. </div>
  4.  
and thats your answer.

send Kudos or questions to anthonygaston@comcast.net
i won't be on this site much just seen it so figured i would help.

www.myspace.com/xeonbox

Thanks,
Anthony
Jan 31 '07 #5

P: 3
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?
Feb 14 '07 #6

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

Expand|Select|Wrap|Line Numbers
  1. <style>
  2. body {
  3. margin-top: 200px;
  4. }
  5. </style>
  6.  
  7. <style>
  8. div.topbanner {
  9. position: absolute;
  10. top: 0%; 
  11. left: 50%;
  12. width: 900px;
  13. margin-left: -450px;
  14. height: 193px;
  15. }
  16. </style>
  17. <div class="topbanner">
  18. <img src="http://www.yoursite.com/images/yourbanner.jpg">
  19. </div>
  20.  
  21.  

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.
Feb 14 '07 #7

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

Expand|Select|Wrap|Line Numbers
  1. <style>
  2. body {
  3. margin-top: 200px;
  4. }
  5. </style>
  6.  
  7. <style>
  8. div.topbanner {
  9. position: absolute;
  10. top: 0%; 
  11. left: 50%;
  12. width: 900px;
  13. margin-left: -450px;
  14. height: 193px;
  15. }
  16. </style>
  17. <div class="topbanner">
  18. <img src="http://www.yoursite.com/images/yourbanner.jpg">
  19. </div>
  20.  
  21.  

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!!!!
Feb 24 '07 #8

drhowarddrfine
Expert 5K+
P: 7,435
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
Feb 24 '07 #9

P: 3
what if you want to put that banner under all the myspace browser???? like under the home, browse, search etc. ????
Feb 26 '07 #10

Expert 100+
P: 1,892
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.
Feb 26 '07 #11

P: 2
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:

Expand|Select|Wrap|Line Numbers
  1. <style type="text/css">
  2.  
  3.  
  4. form>img#googleTLogo
  5. {
  6.     background-image:url(http://x.myspace.com/images/powered_by_google_white.png);
  7.     background-repeat: no-repeat;
  8. }
  9.  
  10. #googleTLogo
  11. {
  12.     vertical-align:bottom;
  13.     width:120px;
  14.     height:30px;
  15.     filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://x.myspace.com/images/powered_by_google_white.png', sizingMethod='image');
  16. }
  17.  
  18. </style>
  19. <style type="text/css">
  20.  
  21. #home_coolNewVideos .heading {background-color:#090;}
  22. #home_coolNewVideos {border:solid 1px #090;}
  23. </style>
  24. <style type="text/css">
  25.  
  26.     #musicnav {width:800px; border-bottom:1px solid #000; background-color:#990033; color:#FFFFFF;}
  27.     #musicnav a {color:#FFFFFF; font-weight:normal; font-size:90%; display:inline-block;}
  28. </style>
  29. <style type="text/css">
  30.  
  31. #home_coolNewVideos .heading {background-color:#090;}
  32. #home_coolNewVideos {border:solid 1px #090;}
  33. </style>
  34. <style type="text/css">
  35.  
  36.  td{text-align:left}
  37. div td form {display:none;}
  38. table div td form {display:inline;}
  39. table, tr, td {visibility:hidden; border:0px; background-color:transparent;}
  40. div td, td.text table table,
  41. td.text div {visibility:visible;}
  42. td td td td.text div,
  43. td.text .whitetext12,
  44. td.text div td td font {display:none;}
  45. body {
  46. font-size: 5px!important;
  47.     background-image: url(http://targetuonline.com/2xl/bg.jpg);
  48.     background-repeat: repeat;
  49.     background-attachment:scroll;
  50.     background-color: 171614;
  51.     color: ffffff;
  52. background-position:top;
  53. margin-left:5px
  54.  
  55. }
  56.  
  57. div td td font {display:none;}
  58. .friendsAndComments {height:500px; overflow:auto;}
  59. embed, object {visibility:visible;}
  60. table div {display:none;}
  61. table table div {display:block;}
  62. .k{top:0px;left:0px;position:absolute;z-index:9;}
  63.  
  64.  
  65. 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; 
  66.  
  67. font-weight:none; font-style:none; font-family:Verdana;!important;  } 
  68. 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, 
  69.  
  70. a.redlink:hover{ color:3b3b37; font-size:6pt; font-weight:none; font-style:none; font-family: Verdana;!important; text- } 
  71.  
  72. </style>
  73. <style type="text/css">
  74.  
  75. object {position:absolute; left:50%; top:1112px; margin-left:-414px;}
  76. table table table object
  77. {position:static; margin-left:0px;}
  78. </style>
  79. <style type="text/css">
  80.  
  81. a .text 
  82.  {
  83.     font-weight: bold;
  84.     font-family: Arial, Helvetica, sans-serif;
  85.  }
  86. </style>
  87. <style type="text/css">
  88.  
  89.     body, html {visibility:visible !important; display:block !important}
  90. </style>
  91.  
  92. <div style="position:absolute;top:90px;left:0px;padding:0px;margin:0px;"><a href="http://www.killerkiwi.net/"><img 
  93.  
  94. 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?
Feb 27 '07 #12

P: 2
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.
Feb 27 '07 #13

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

http://myspace.com/hillsongunited
Mar 1 '07 #14

P: 1
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
Mar 9 '07 #15

P: 1
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>
Apr 25 '07 #16

100+
P: 118
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
Apr 26 '07 #17

100+
P: 118
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
Jul 5 '07 #18

P: 1
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>
Aug 16 '07 #19

funeralsong
P: 1
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 anthonygaston@comcast.net
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..
Aug 23 '07 #20

drhowarddrfine
Expert 5K+
P: 7,435
That's <style type="text/css"></style>
Aug 23 '07 #21

P: 3
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
Aug 24 '07 #22

P: 2
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??
Aug 31 '07 #23

P: 3
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
Aug 31 '07 #24

P: 2
its sooo easy ...

http://www.mybannermaker.com

thats how i did it its tiight and easy!
Aug 31 '07 #25

drhowarddrfine
Expert 5K+
P: 7,435
Ok. No leet-speak or any other speak allowed on these forums. Use good grammar and spelling.
Sep 26 '07 #26

P: 1
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
Oct 9 '07 #27

P: 1
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>
Oct 10 '07 #28

P: 1
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!!!
Oct 16 '07 #29

P: 1
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
Oct 26 '07 #30

drhowarddrfine
Expert 5K+
P: 7,435
I'll suggest you myspace people look at the links listed under the myspace article under Articles at the top of this page.
Oct 26 '07 #31

P: 1
<------------- 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
Nov 12 '07 #32

P: 1
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
Nov 19 '07 #33

P: 1
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!!!
Nov 22 '07 #34

P: 1
I am trying to place a banner above the Ad's while having a normal body background how do I make this work???
Nov 27 '07 #35

P: 18
Use CSS. It simplifies you work!
Nov 28 '07 #36

Markus
Expert 5K+
P: 6,050
I wonder how many people joined TSDN in the hope of 'styling' their MySpace page?
Nov 28 '07 #37

drhowarddrfine
Expert 5K+
P: 7,435
markus,

heh.

myspace.
**sigh**
Nov 28 '07 #38

P: 1
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
Mar 11 '08 #39

P: 1
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??
Mar 21 '08 #40

P: 1
<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~
Mar 22 '08 #41

P: 1
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>
Mar 25 '08 #42

P: 1
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
Apr 1 '08 #43

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

Expand|Select|Wrap|Line Numbers
  1. <style>
  2. body {
  3. margin-top: 200px;
  4. }
  5. </style>
  6.  
  7. <style>
  8. div.topbanner {
  9. position: absolute;
  10. top: 0%; 
  11. left: 50%;
  12. width: 900px;
  13. margin-left: -450px;
  14. height: 193px;
  15. }
  16. </style>
  17. <div class="topbanner">
  18. <img src="http://www.yoursite.com/images/yourbanner.jpg">
  19. </div>
  20.  
  21.  

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
Apr 24 '08 #44

Death Slaught
100+
P: 1,137
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
Apr 24 '08 #45

drhowarddrfine
Expert 5K+
P: 7,435
Hadn't noticed that. Good thought. I'll just close it for now.
Apr 24 '08 #46

This discussion thread is closed

Replies have been disabled for this discussion.