Placing A Banner At The Top On A Myspace Page?

Collapse
This topic is closed.
X
X
 
  • Time
  • Show
Clear All
new posts
  • skorchmagazine
    New Member
    • Apr 2007
    • 1

    #16
    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.yourimageli nkhere.jpg)</a>;
    background-repeat: no-repeat;
    }
    {
    vertical-align:bottom;
    width:120px;
    height:30px;
    filter:progid:D XImageTransform .Microsoft.Alph aImageLoader(sr c='http://x.myspace.com/images/powered_by_goog le_white.png', sizingMethod='i mage');
    }

    </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>

    Comment

    • helraizer1
      New Member
      • Mar 2007
      • 118

      #17
      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.)

      Sam Boulton (samboulton146)'s profile on Myspace, the place where people come to connect, discover, and share.


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

      Sam

      Comment

      • helraizer1
        New Member
        • Mar 2007
        • 118

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

        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

        Comment

        • CHRIS MILLS
          New Member
          • Aug 2007
          • 1

          #19
          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:transpare nt;
          }

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

          Comment

          • funeralsong
            New Member
            • Aug 2007
            • 1

            #20
            Originally posted by gfdgsfdhdfghdfg hdghdfghfd
            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="topbanne r">
            2.
            <img src="http://www.path_to_you r_image.com/something.jpg">
            3.
            </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.

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

            Comment

            • drhowarddrfine
              Recognized Expert Expert
              • Sep 2006
              • 7434

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

              Comment

              • l23hornet
                New Member
                • Aug 2007
                • 3

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

                Comment

                • polikm
                  New Member
                  • Aug 2007
                  • 2

                  #23
                  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:transpare nt;
                  }

                  body{
                  background-color:rgb(255,2 55,255);
                  background-image:url();
                  background-position:center center;
                  background-repeat:no-repeat;
                  background-attachment:scro ll;
                  }
                  a </Style>
                  yea that worked, but how do i put a picture or sumthin there??

                  Comment

                  • oky
                    New Member
                    • Aug 2007
                    • 3

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

                    Comment

                    • polikm
                      New Member
                      • Aug 2007
                      • 2

                      #25
                      its sooo easy ...



                      thats how i did it its tiight and easy!

                      Comment

                      • drhowarddrfine
                        Recognized Expert Expert
                        • Sep 2006
                        • 7434

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

                        Comment

                        • bjh2020
                          New Member
                          • Oct 2007
                          • 1

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

                          Comment

                          • jarredo1222
                            New Member
                            • Oct 2007
                            • 1

                            #28
                            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="topbanne r">
                            <img src=" url site here " >
                            website link here
                            </div>

                            Comment

                            • sparish1013
                              New Member
                              • Oct 2007
                              • 1

                              #29
                              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="topbanne r">
                              <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!!!

                              Comment

                              • rudith
                                New Member
                                • Oct 2007
                                • 1

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

                                Comment

                                Working...