Profile 2.0 Options

[DaFake]

I just setup a new profile because of some issues on my old one and I haven't been able to get one layout to work, the just show up in the section I paste the code in. Basically I want a layout like http://www.createblog.com/myspace-layouts/34158-whywediffer/ that or something that I could put my own banner I made on photoshop above the myspace itself.

But first I guess I need to figure out why it won't let me use any profiles. When I have used the "go back" button like 8 times and erased everything.

[Mickey]

That layout won't work on a 2.0 page because it's coded for 1.0 pages. If you want to put your own banner in a 2.0 page, use my code.

[DaFake]

It worked as well as all the other codes I have used, but I can't figure out how to configure it, and put in the right px or -px in order to get it in the right position, but I didn't have this problem putting my last three up, which is weird considering this is a BRAND new space.

Here is my CSS:

CODE

.a {top area background color}
div#header, div#googlebar {background:none;}
div#topnav ul#leftNav li,
div#topnav ul#leftNav,
div#topnav ul#rightNav,
div#topnav ul#rightNav li {border-color:#000000;}

.a {subnav hover code}
div#topnav ul li a:hover,
div#topnav ul#leftNav li a#nav2.open:hover,
div#topnav ul#leftNav li a.open:hover,
div#topnav ul#leftNav li a.open:hover,
div#subnav ul#subNav3 li a:hover,
div#subnav ul#subNav4 li a:hover,
div#subnav ul#subNav10 li a:hover,
div#subnav ul#subNav2 li a:hover {background-color:#222222; color:#ffffff;}

div.content div.contentMid2 {background-image:url(http://cbimg9.com/layouts/08/12/32845aa.png); background-repeat:no-repeat; background-position:center top;}

div.basicInfoModule span.urlLink { position: relative; width: auto; margin: 26px 8px 0 -40px; }
div.basicInfoModule span.urlLink a
{display: block; text-indent: -10000em; background: url(http://cbimg9.com/layouts/08/12/32845ab.png) no-repeat -135px -1px; width: 30px; height: 31px; padding: 0; line-height: 1; text-align: left; }
div.basicInfoModule span.urlLink a:hover { background-position: -135px -31px; }
ul.contactLinks { background: url(http://cbimg9.com/layouts/08/12/32845ac.png) no-repeat; width: 174px; height: 43px; margin: -15px 0 17px; padding: 41px 0 0; }
ul.contactLinks li { float: left; }
ul.contactLinks li a { display: block; width: 40px; height: 30px; text-indent: -10000em; padding: 0; text-align: left; background: url(http://cbimg9.com/layouts/08/12/32845ab.png) no-repeat; }
ul.contactLinks li.message { margin-left: 10px; }
ul.contactLinks li.addToFriends { margin-left: 0px; }
ul.contactLinks li.comment { margin-left: 0px; }
ul.contactLinks li.message a { background-position: 1px 0; }
ul.contactLinks li.addToFriends a { background-position: -37px -1px; }
ul.contactLinks li.comment a { background-position: -82px -1px; }
ul.contactLinks li.message a:hover { background-position: 1px -30px; }
ul.contactLinks li.addToFriends a:hover { background-position: -38px -31px; }
ul.contactLinks li.comment a:hover { background-position: -82px -31px; }

body {background-color: #C8C2AD; background-image: url(http://cbimg9.com/layouts/08/12/32845ad.png); background-repeat: repeat-y; background-position: top center; background-attachment: fixed;}
div.moduleBody {padding: 5px 10px 5px 7px;}
div.blurbAboutMe, div.blurbLikeToMeet {padding: 2px;}

div.pageLinks a:link {color: #660000; font-family: Arial; font-size: 1em; border-bottom:1px dotted #7F7967; text-decoration: none;}
div.pageLinks a:visited {color: #cccccc; font-family: Arial; font-size: 1em; border-bottom:1px dotted #7F7967; text-decoration: none;}
div.pageLinks a:hover {color: #bb0000; font-family: Arial; font-size: 1em; border-bottom:1px solid #6F6A5A; background-color: #AAA28A; text-decoration: none;}

div.interestsModule a:link {color: #660000; font-family: Arial; font-size: 1em; border-bottom:1px dotted #7F7967; text-decoration: none;}
div.interestsModule a:visited {color: #cccccc; font-family: Arial; font-size: 1em; border-bottom:1px dotted #7F7967; text-decoration: none;}
div.interestsModule a:hover {color: #bb0000; font-family: Arial; font-size: 1em; border-bottom:1px solid #6F6A5A; background-color: #AAA28A; text-decoration: none;}

div.blurbsModule a:link {color: #660000; font-family: Arial; font-size: 1em; border-bottom:1px dotted #7F7967; text-decoration: none;}
div.blurbsModule a:visited {color: #cccccc; font-family: Arial; font-size: 1em; border-bottom:1px dotted #7F7967; text-decoration: none;}
div.blurbsModule a:hover {color: #bb0000; font-family: Arial; font-size: 1em; border-bottom:1px solid #6F6A5A; background-color: #AAA28A; text-decoration: none;}

div.blogsModule a:link {color: #660000; font-family: Arial; font-size: 1em; border-bottom:1px dotted #7F7967; text-decoration: none;}
div.blogsModule a:visited {color: #cccccc; font-family: Arial; font-size: 1em; border-bottom:1px dotted #7F7967; text-decoration: none;}
div.blogsModule a:hover {color: #bb0000; font-family: Arial; font-size: 1em; border-bottom:1px solid #6F6A5A; background-color: #AAA28A; text-decoration: none;}

div.detailsModule a:link {color: #660000; font-family: Arial; font-size: 1em; border-bottom:1px dotted #7F7967; text-decoration: none;}
div.detailsModule a:visited {color: #cccccc; font-family: Arial; font-size: 1em; border-bottom:1px dotted #7F7967; text-decoration: none;}
div.detailsModule a:hover {color: #bb0000; font-family: Arial; font-size: 1em; border-bottom:1px solid #6F6A5A; background-color: #AAA28A; text-decoration: none;}

ul.commentsInfo a:link, div.userComment a:link, ul.links a:link {color: #660000; font-family: Arial; font-size: 1em; border-bottom:1px dotted #7F7967; text-decoration: none;}
ul.commentsInfo a:visited, div.userComment a:visited, ul.links a:visted {color: #cccccc; font-family: Arial; font-size: 1em; border-bottom:1px dotted #7F7967; text-decoration: none;}
ul.commentsInfo a:hover, div.userComment a:hover, ul.links a:hover {color: #bb0000; font-family: Arial; font-size: 1em; border-bottom:1px solid #6F6A5A; background-color: #AAA28A; text-decoration: none;}

div.user a:link {color: #660000; font-family: Arial; font-size: 1em; border-bottom:1px dotted #7F7967; text-decoration: none;}
div.user a:visited {color: #cccccc; font-family: Arial; font-size: 1em; border-bottom:1px dotted #7F7967; text-decoration: none;}
div.user a:hover {color: #bb0000; font-family: Arial; font-size: 1em; border-bottom:1px solid #6F6A5A; background-color: #AAA28A; text-decoration: none;}

div#footer a:link {color: #660000; font-family: Arial; font-size: 1em; text-decoration: none;}
div#footer a:visited {color: #cccccc; font-family: Arial; font-size: 1em; text-decoration: none;}
div#footer a:hover {color: #bb0000; font-family: Arial; font-size: 1em; background-color: #BFB79B; text-decoration: none;}

div.column h3 span span {border-bottom: 2px solid; display: block; padding-bottom: 5px;}
div.column1 h3 {font-family: Arial; color: #000000; font-size: 1.4em; font-weight: bold; display: block; text-align: right; padding: 7px 12px 16px 8px;}
div.column0 h3 {font-family: Arial; color: #000000; font-size: 1.4em; font-weight: bold; display: block; text-align: right; padding: 7px 12px 16px 8px;}

div.blurbAboutMe, div.blurbLikeToMeet {color: #000000; width: 567px; margin-left: 2px; margin-top: -10px;}
div.blurbAboutMe h4 {width: 561px; font-family: Arial; color: #342840; font-size: 1.2em; font-weight: bold; background-color: #948c70; margin: 0px; padding: 2px 2px 4px 2px; text-transform: capitalize;}
div.blurbLikeToMeet h4 {width: 561px; font-family: Arial; color: #342840; font-size: 1.2em; font-weight: bold; background-color: #948c70; margin: 10px 0px 0px 0px; padding: 2px 2px 4px 2px; text-transform: capitalize;}

.interestGeneral h4 {font-family: Arial; color: #342840; font-size: 1.2em; font-weight: bold; background-color: #948c70; padding: 2px 2px 4px 2px;}
.interestMusic h4 {font-family: Arial; color: #342840; font-size: 1.2em; font-weight: bold; background-color: #948c70; padding: 2px 2px 4px 2px;}
.interestMovies h4 {font-family: Arial; color: #342840; font-size: 1.2em; font-weight: bold; background-color: #948c70; padding: 2px 2px 4px 2px;}
.interestTelevision h4 {font-family: Arial; color: #342840; font-size: 1.2em; font-weight: bold; background-color: #948c70; padding: 2px 2px 4px 2px;}
.interestBooks h4 {font-family: Trebuchet MS; color: #342840; font-size: 1.2em; font-weight: bold; background-color: #948c70; padding: 2px 2px 2px 2px; text-transform: capitalize;}
.interestHeroes h4 {font-family: Trebuchet MS; color: #342840; font-size: 1.2em; font-weight: bold; background-color: #948c70; padding: 2px 2px 2px 2px; text-transform: capitalize;}

div.detailsModule .odd {font-family: Arial; color: #342840; font-size: 1em; font-weight: bold; padding: 3px 3px 3px 3px; text-transform: capitalize;}
div.detailsModule .odd span {font-family: Arial; color: #000000; font-size: 1em;}
div.detailsModule .even {background-color: #948c70; font-family: Arial; color: #342840; font-size: 1em; font-weight: bold; padding: 3px 3px 3px 3px; text-transform: capitalize;}
div.detailsModule .even span {font-family: Arial; color: #000000; font-size: 1em;}

#footer {color: #000000;}
h4.SocialVibe {margin-top: 8px;}
div.blurbAboutMe h4 {margin-top: 10px;}
div#header, div#googlebar {background:none; border:none}
#topnav {background-color:#222222; border: 0px;}
.mdpapplicationModule .moduleBody {padding: 5px;}
div#footer {padding-bottom:10px; margin-bottom: 20px;}
div.commentsModule ul.moduleList li.odd div.user {float:right;}
div.modulebasicInfo em {color: #342840; font-style: normal; margin-left: 3px;}
div.friendSpaceModule .toolbarCount, div.friendSpaceModule ul.links {display: none;}

div.commentsModule div.moduleBody div.user img.ImgOnlineNow {display:none;}
div.commentsModule ul.moduleList li.odd {background-color: #948c70; margin-left: 1px;}
div.commentsModule ul.moduleList li.odd div.userComment {margin-left:0px; margin-right: 25%;}

div.photo a img {border: 3px solid #AFA78E;}
div.photo a:hover img {border: 3px solid #AAA28A;}
div.photo {width: 176px;}

div.basicInfoModule ul.profileUserAlbum a {border: 3px solid #9F9881;}
div.basicInfoModule ul.profileUserAlbum a:hover {border: 3px solid #AAA28A;}
div.basicInfoModule ul.profileUserAlbum {height: 66px;}

div.friendSpaceModule .moduleList li a img.ImgOnlineNow {display: none;}
div.column1 .friendSpaceModule ol.squarePhotos li, div.friendSpaceModule ol.moduleList li {width: 40px; height: 40px; margin-right: 11px; overflow: visible;}
div.column1 .friendSpaceModule .moduleList li a span {position: absolute; top: -45px; left: -35px; visibility: hidden;}
div.column1 .friendSpaceModule .moduleList li a img {height: 40px; width: 40px; border: solid 2px #AAA28A;}
div.column1 .friendSpaceModule .moduleList li a:hover img {height: 40px; width: 40px; border: solid 2px #AF9D78;}

div.column0 .friendSpaceModule ol.squarePhotos li, div.friendSpaceModule ol.moduleList li {width: 40px; height: 40px; margin-right: 10px; overflow: visible;}
div.column0 .friendSpaceModule .moduleList li a span {position: absolute; top: -45px; left: -35px; visibility: hidden;}
div.column0 .friendSpaceModule .moduleList li a img {height: 40px; width: 40px; border: solid 2px #AAA28A;}
div.column0 .friendSpaceModule .moduleList li a:hover img {height: 40px; width: 40px; border: solid 2px #AF9D78;}

div.commentsModule span.toolbarCount {display: none;}
div.commentsModule .moduleList li.even a img {padding: 3px; background-color: #AAA28A;}
div.commentsModule .moduleList li.even a:hover img {padding: 3px; background-color: #AF9D78;}
div.commentsModule .moduleList li.odd a img {padding: 3px; background-color: #AAA28A;}
div.commentsModule .moduleList li.odd a:hover img {padding: 3px; background-color: #AFA183;}

<style type="text/css">
body{
background-position:top center;margin-top: 700;}
div.topbanner {
top: 0;
left: 49%;
margin-left: -480px;
width: 100%;
height: 700px;
position: absolute;
}
div.basicInfoModule {padding-top:160px;}
.topbanner {position:absolute; top:210px; left:50%; margin-left:-385px;}

About Me Coding:

CODE

<br /><div style="text-align:center;"><strong>I'm Davey and I'm single.</strong><br /><br /><big>Check out my band!</big><br /><a href="http://www.myspace.com/palaceoftitans"><img src="http://i34.tinypic.com/2iazgk1.jpg" /></a><br /><br />

<big><big><em>"Some of my finest hours have been spent on my back veranda,<br />
smoking hemp and observing as far as my eye can see."</em></big><br />
<strong>- Thomas Jefferson</strong><br /><br />


<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" height="400" width="480">
<param name="allowScriptAccess" value="never" />
<param name="allowNetworking" value="internal" />
<param name="movie" value="http://player.ordienetworks.com/flash/fodplayer.swf" />
<param name="wmode" value="transparent" />
<param name="flashvars" value="key=cc65e18e86" />
<param name="quality" value="high" />
<embed type="application/x-shockwave-flash" allowScriptAccess="never" allowNetworking="internal" src="http://player.ordienetworks.com/flash/fodplayer.swf" height="400" width="480" wmode="transparent" flashvars="key=cc65e18e86" quality="high" />
</object></big></div>

<p class="topbanner"><img src="http://img386.imageshack.us/img386/7295/imdavey.png" /></p>

To view my page just click my Myspace link

Reason for edit: When posting codes, please use [codebox][/codebox] tags. Thanks. - TJ

[DaFake]

Check my page to see the result.

It sort of mixed two layouts together and put my header in the section I posted the code.

[Jghelfi]

you are supposed to post CSS codes in the CSS section in the control panel on the Customize Layout Page...
you can also use the CSS Section while you are using DIV type coding to use when you need your sections (Who to meet, About, maybe even Interests section) to work..

like putting the Properties of the code in CSS and the Content of the Div in your Sections...