Connecting Tech Pros Worldwide Forums | Help | Site Map

Placing A Banner At The Top On A Myspace Page?

Newbie
 
Join Date: Oct 2006
Location: Derby
Posts: 2
#1: Oct 6 '06
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's Avatar
Newbie
 
Join Date: Oct 2006
Posts: 29
#2: Oct 10 '06

re: Placing A Banner At The Top On A Myspace Page?


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
Newbie
 
Join Date: Oct 2006
Location: Derby
Posts: 2
#3: Oct 14 '06

re: Placing A Banner At The Top On A Myspace Page?


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
Newbie
 
Join Date: Oct 2006
Posts: 1
#4: Oct 28 '06

re: Placing A Banner At The Top On A Myspace Page?


Quote:

Originally Posted by 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


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
Newbie
 
Join Date: Jan 2007
Posts: 1
#5: Jan 31 '07

re: Placing A Banner At The Top On A Myspace Page?


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
Newbie
 
Join Date: Feb 2007
Posts: 3
#6: Feb 14 '07

re: Placing A Banner At The Top On A Myspace Page?


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?
Newbie
 
Join Date: Feb 2007
Posts: 1
#7: Feb 14 '07

re: Placing A Banner At The Top On A Myspace Page?


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.
Newbie
 
Join Date: Feb 2007
Posts: 1
#8: Feb 24 '07

re: Placing A Banner At The Top On A Myspace Page?


Quote:

Originally Posted by CustomZ02

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!!!!
drhowarddrfine's Avatar
Expert
 
Join Date: Sep 2006
Posts: 5,830
#9: Feb 24 '07

re: Placing A Banner At The Top On A Myspace Page?


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
Newbie
 
Join Date: Feb 2007
Posts: 3
#10: Feb 26 '07

re: Placing A Banner At The Top On A Myspace Page?


what if you want to put that banner under all the myspace browser???? like under the home, browse, search etc. ????
Expert
 
Join Date: Oct 2006
Location: NC
Posts: 1,725
#11: Feb 26 '07

re: Placing A Banner At The Top On A Myspace Page?


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.
Newbie
 
Join Date: Feb 2007
Posts: 2
#12: Feb 27 '07

re: Placing A Banner At The Top On A Myspace Page?


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?
Newbie
 
Join Date: Feb 2007
Posts: 2
#13: Feb 27 '07

re: Placing A Banner At The Top On A Myspace Page?


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.
Newbie
 
Join Date: Feb 2007
Posts: 3
#14: Mar 1 '07

re: Placing A Banner At The Top On A Myspace Page?


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

http://myspace.com/hillsongunited
Newbie
 
Join Date: Mar 2007
Posts: 1
#15: Mar 9 '07

re: Placing A Banner At The Top On A Myspace Page?


Quote:

Originally Posted by gfdgsfdhdfghdfghdghdfghfd

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
Newbie
 
Join Date: Apr 2007
Posts: 1
#16: Apr 26 '07

re: Placing A Banner At The Top On A Myspace Page?


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>
Member
 
Join Date: Mar 2007
Posts: 118
#17: Apr 26 '07

re: Placing A Banner At The Top On A Myspace Page?


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
Member
 
Join Date: Mar 2007
Posts: 118
#18: Jul 5 '07

re: Placing A Banner At The Top On A Myspace Page?


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 :

Quote:

Originally Posted by ThaKingRL

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
Newbie
 
Join Date: Aug 2007
Posts: 1
#19: Aug 16 '07

re: Placing A Banner At The Top On A Myspace Page?


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's Avatar
Newbie
 
Join Date: Aug 2007
Posts: 1
#20: Aug 23 '07

re: Placing A Banner At The Top On A Myspace Page?


Quote:

Originally Posted by 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?

Quote:
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..
drhowarddrfine's Avatar
Expert
 
Join Date: Sep 2006
Posts: 5,830
#21: Aug 23 '07

re: Placing A Banner At The Top On A Myspace Page?


That's <style type="text/css"></style>
Newbie
 
Join Date: Aug 2007
Posts: 3
#22: Aug 24 '07

re: Placing A Banner At The Top On A Myspace Page?


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
Newbie
 
Join Date: Aug 2007
Posts: 2
#23: Aug 31 '07

re: Placing A Banner At The Top On A Myspace Page?


Quote:

Originally Posted by 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>

yea that worked, but how do i put a picture or sumthin there??
oky oky is offline
Newbie
 
Join Date: Aug 2007
Posts: 3
#24: Aug 31 '07

re: Placing A Banner At The Top On A Myspace Page?


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
Newbie
 
Join Date: Aug 2007
Posts: 2
#25: Sep 1 '07

re: Placing A Banner At The Top On A Myspace Page?


its sooo easy ...

http://www.mybannermaker.com

thats how i did it its tiight and easy!
drhowarddrfine's Avatar
Expert
 
Join Date: Sep 2006
Posts: 5,830
#26: Sep 26 '07

re: Placing A Banner At The Top On A Myspace Page?


Ok. No leet-speak or any other speak allowed on these forums. Use good grammar and spelling.
Newbie
 
Join Date: Oct 2007
Posts: 1
#27: Oct 9 '07

re: Placing A Banner At The Top On A Myspace Page?


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
Newbie
 
Join Date: Oct 2007
Posts: 1
#28: Oct 10 '07

re: Placing A Banner At The Top On A Myspace Page?


Quote:

Originally Posted by 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?

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>
Newbie
 
Join Date: Oct 2007
Posts: 1
#29: Oct 16 '07

re: Placing A Banner At The Top On A Myspace Page?


Quote:

Originally Posted by jarredo1222

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!!!
Newbie
 
Join Date: Oct 2007
Posts: 1
#30: Oct 26 '07

re: Placing A Banner At The Top On A Myspace Page?


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's Avatar
Expert
 
Join Date: Sep 2006
Posts: 5,830
#31: Oct 26 '07

re: Placing A Banner At The Top On A Myspace Page?


I'll suggest you myspace people look at the links listed under the myspace article under Articles at the top of this page.
Newbie
 
Join Date: Nov 2007
Posts: 1
#32: Nov 12 '07

re: Placing A Banner At The Top On A Myspace Page?


Quote:

Originally Posted by clueless07

<------------- 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
Newbie
 
Join Date: Nov 2007
Posts: 1
#33: Nov 19 '07

re: Placing A Banner At The Top On A Myspace Page?


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
Newbie
 
Join Date: Nov 2007
Posts: 1
#34: Nov 22 '07

re: Placing A Banner At The Top On A Myspace Page?


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!!!
Newbie
 
Join Date: Nov 2007
Posts: 1
#35: Nov 27 '07

re: Placing A Banner At The Top On A Myspace Page?


I am trying to place a banner above the Ad's while having a normal body background how do I make this work???
Newbie
 
Join Date: Nov 2007
Posts: 18
#36: Nov 28 '07

re: Placing A Banner At The Top On A Myspace Page?


Use CSS. It simplifies you work!
Markus's Avatar
Moderator
 
Join Date: Jun 2007
Location: York, England, with wolves.
Posts: 5,134
#37: Nov 28 '07

re: Placing A Banner At The Top On A Myspace Page?


I wonder how many people joined TSDN in the hope of 'styling' their MySpace page?
drhowarddrfine's Avatar
Expert
 
Join Date: Sep 2006
Posts: 5,830
#38: Nov 28 '07

re: Placing A Banner At The Top On A Myspace Page?


markus,

heh.

myspace.
**sigh**
Newbie
 
Join Date: Mar 2008
Posts: 1
#39: Mar 11 '08

re: Placing A Banner At The Top On A Myspace Page?


Quote:

Originally Posted by sparish1013

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
Newbie
 
Join Date: Mar 2008
Posts: 1
#40: Mar 21 '08

re: Placing A Banner At The Top On A Myspace Page?


Quote:

Originally Posted by polikm

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??
Newbie
 
Join Date: Mar 2008
Posts: 1
#41: Mar 22 '08

re: Placing A Banner At The Top On A Myspace Page?


<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~
Newbie
 
Join Date: Mar 2008
Posts: 1
#42: Mar 26 '08

re: Placing A Banner At The Top On A Myspace Page?


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>
Newbie
 
Join Date: Apr 2008
Posts: 1
#43: Apr 1 '08

re: Placing A Banner At The Top On A Myspace Page?


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
Newbie
 
Join Date: Apr 2008
Posts: 1
#44: Apr 24 '08

re: Placing A Banner At The Top On A Myspace Page?


Quote:

Originally Posted by CustomZ02

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
Death Slaught's Avatar
Site Addict
 
Join Date: Aug 2007
Location: Tennessee
Posts: 952
#45: Apr 24 '08

re: Placing A Banner At The Top On A Myspace Page?


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's Avatar
Expert
 
Join Date: Sep 2006
Posts: 5,830
#46: Apr 24 '08

re: Placing A Banner At The Top On A Myspace Page?


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