-->

Tuesday, August 13, 2013

Add a Custom Banner at the Top of your Profile:

To place an image at the top of your profile above everything, just else follow these instructions:

Add these lines of CSS to your custom CSS:

        #header
        {
         position:absolute;
         top: 0;
         height: 449px; /*Change this depending on how much height you want at 
the top*/
         width: 1024px; /*Ditto for width*/
         left: 0;
         right:0;
         margin: auto;

        }
        table{margin-top: 449px;} /*change this to match what you set the 
height above to.*/
        table table {margin-top:0px} 
 
 
Delete the line "position:relative" from your custom CSS:

         .container {
         color: #666666;
         position:relative;/*remove this line*/
         border: px  #;
         padding: 5px;
         height: 100%;
         background-color:transparent;
        } 
 
 
Add this code to one of your sub sections (I used About Me, but it shouldn't matter which):
        <div id="header">...stuff you want at the top...</div>
 
 
 
 
 
 

2 comments:

  1. This comment has been removed by a blog administrator.

    ReplyDelete
  2. I keep trying to do this and it doesn't work. I've tried an image url, as well as other HTML that is present in my about me section (twitter, wish list, and tip offline buttons). the buttons work, but I can't move them to the top. I've gotten rid of my header (display:none;) but I just can't seem to get these three html click throughs to the top of my page

    ReplyDelete