February 08, 2012, 01:22:53 AM
Pages: [1]   Go Down
  Send this topic  |  Print  
Share this topic on FacebookShare this topic on DiggShare this topic on RedditShare this topic on StumbleUponShare this topic on Twitter Topic: Banner on top of profile  (Read 1522 times)
0 Members and 1 Guest are viewing this topic.
B.SkiLLs
Xtreme Administrator
Resident Badass
*****

Reputation: +56/-0
Offline Offline

Posts: 2355



View Profile WWW
« on: July 28, 2009, 11:58:22 PM »

This is a basic tut on placing a banner on top of your myspace profile. You are basically placing a div with an image in it on the top section of your myspace and moving the rest down so that the new div can fit.


First use this body code to push the default styles down until you get the position you want for the size of the image you need to fit at top. Place this in your "about me section in between your style tags along with the other CSS code below.

Code:

body {margin-top:420px;}




Then create a div at the top. Change the width and height in the below code to suit your needs for whatever you are putting at the top.

Code:

.TopBanner {width:800px; height:400; text-align:center; position: absolute; left:50%; top:0px; margin-left:-400px; z-index:3; visibility:visible;}



NOTE:
all that CSS Code above needs to be put in between your style tags ^^^



Then put this below in the top of your "who like to meet" section to finish off the newly added div, and then add your image or embed code where is says to. That's it.

Code:

<div class="TopBanner">

Your IMAGE OR EMBED CODE GOES HERE

</div>

« Last Edit: July 25, 2010, 01:49:41 AM by B.SkiLLs » Logged




Pages: [1]   Go Up
  Send this topic  |  Print  
 
Jump to: