Placing A Banner At The Top On A Myspace Page?

Collapse
This topic is closed.
X
X
 
  • Time
  • Show
Clear All
new posts
  • marklaa
    New Member
    • Oct 2006
    • 2

    Placing A Banner At The Top On A Myspace Page?

    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
    New Member
    • Oct 2006
    • 29

    #2
    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

    Comment

    • marklaa
      New Member
      • Oct 2006
      • 2

      #3
      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

      Comment

      • lizpop13
        New Member
        • Oct 2006
        • 1

        #4
        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

        Comment

        • xeonbox
          New Member
          • Jan 2007
          • 1

          #5
          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.

          Code:
          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

          Code:
          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

          Code:
          <div class="topbanner">
          <img src="http://www.path_to_your_image.com/something.jpg">
          </div>
          and thats your answer.

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



          Thanks,
          Anthony

          Comment

          • gfdgsfdhdfghdfghdghdfghfd
            New Member
            • Feb 2007
            • 3

            #6
            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?

            Comment

            • CustomZ02
              New Member
              • Feb 2007
              • 1

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

              Code:
              <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.

              Comment

              • clueless07
                New Member
                • Feb 2007
                • 1

                #8
                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:

                Code:
                <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!!!!

                Comment

                • drhowarddrfine
                  Recognized Expert Expert
                  • Sep 2006
                  • 7434

                  #9
                  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

                  Comment

                  • gfdgsfdhdfghdfghdghdfghfd
                    New Member
                    • Feb 2007
                    • 3

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

                    Comment

                    • AricC
                      Recognized Expert Top Contributor
                      • Oct 2006
                      • 1885

                      #11
                      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.

                      Comment

                      • thaKingRL
                        New Member
                        • Feb 2007
                        • 2

                        #12
                        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:

                        Code:
                        <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?
                        Last edited by drhowarddrfine; Feb 27 '07, 06:11 AM. Reason: Fixed link

                        Comment

                        • thaKingRL
                          New Member
                          • Feb 2007
                          • 2

                          #13
                          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.

                          Comment

                          • gfdgsfdhdfghdfghdghdfghfd
                            New Member
                            • Feb 2007
                            • 3

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

                            http://myspace.com/hillsongunited

                            Comment

                            • hijinxx
                              New Member
                              • Mar 2007
                              • 1

                              #15
                              Originally posted by gfdgsfdhdfghdfg hdghdfghfd
                              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/smashingpumpkin s

                              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 "ELS2MWEBNET017 5" preceeding its code. If anybody could help out, that would be great!! =D

                              Comment

                              Working...