Profile 2.0 and where to even begin?!?!, Need a push to start Options

[janthony]

So no more profile 1.0 which sucks cause I could work magic with it, now 2.0 has css which is neat, but I have no idea where to begin to cover up the 2.0 layout with something else.


I have this code but no idea where to even add text anywhere anyone mind helping out?

After the banner I wanna start words pictures etc. But I keep trying and it doesnt work, no words show up or pictures slideshows etc. All or any help would be much appreciated

Here the link to the profile.

http://www.myspace.com/521359714

CODE

body{
background-image:;
background-color:#000000;
background-attachment:fixed;
background-position:top left;
background-repeat:repeat;
font-family: arial; font-size: 10px; text-transform: lowercase; text-decoration: none;}div.contentTop {



height: 1200px;
background-repeat: no-repeat;
background-position: top center;
background-image:url(http://c1.ac-images.myspacecdn.com/images02/111/l_29c1708c3cdf454d99f96b729aaa49c0.jpg);


}.msc {topnav background color}
div#topnav, div#googlebar, div#header
{background-color:(6495ED);}.msc {topnav border line color}
div#topnav ul#leftNav li,
div#topnav ul#leftNav,
div#topnav ul#rightNav,
div#topnav ul#rightNav li
{border-color:(007F5C);} div.wrap {width:730px;}
#topnav {background-color:#000000;}
#topnav ul {border-right:0;}
#topnav ul li {border-left:0;}
#topnav ul li a:hover {background-color:#000000; color:#000000; text-decoration:none;}
#topnav ul li.dropDown:hover a, #topnav ul.subMenu a:link {color: #000000;}
#topnav li.dropDown:hover ul.subMenu a:hover,#topnav li.hover ul.subMenu a:hover, #topnav ul.subMenu a {background: #ffffff; color: #000000;}
#topnav ul li.dropDown:hover a,#topnav ul li a:hover {background: #000000; color: #ffffff;}
#topnav ul.subMenu, #topnav ul li.hover a,#topnav ul li.hover a:hover {background-color: #000000;}
#topnav ul, #topnav ul li {border: none;}
#topnav ul li.dropDown:hover a,
#topnav ul li.hover a, #topnav ul a:hover, #topnav ul li.hover a:hover {color: #ffffff;}
#topnav ul.subMenu {border: 0;}
#topnav li.dropDown:hover ul.subMenu a:hover,
#topnav li.hover ul.subMenu a:hover {color: #000000;}
div[class~="module"] {border:none;}
div[class~="moduleTop"] div div,
div[class~="moduleBottom"] div div {background-image:;}
div[class~="moduleTop"] div div {height:10px; border-top:0px; margin:0px 12px; text-transform:lowercase;}
div[class~="moduleBottom"] div div {height:10px; border-bottom:0px; margin:0 12px;}
div[class~="moduleMid2"] {margin:0 12px;}
div[class~="moduleMid"] {border-left:0px;}
div[class~="moduleMid1"] {border-right:0px;}
div.wrap {background-color:#000000;}
div.moduleMid, div.moduleTop div div, div.moduleBottom div div, div.profileDemographics, .profileUserInfo {background-color:#000000;}
div.moduleTop {background-position:top left;}
div.moduleTop div {background-position:top right;}
div.moduleBottom {background-position:bottom left;}
div.moduleBottom div {background-position:bottom right;}
div#header, div#googlebar {background-color:transparent;}
div#googlebar {background-color:transparent;}
div[id~=footer] a {font-family:arial; font-size:10px; font-weight:normal; text-decoration:none; text-transform:lowercase;}
div[id~=footer] div {font-size:10px; font-family:arial; padding:10px 0;}
div.moduleBody a {font-size:10px; letter-spacing:0px; text-decoration:none; text-transform:lowercase; font-weight:bold;}
div.basicInfoDetails h2 {font-family:century gothic; font-size:17px; letter-spacing:-1px; text-transform: uppercase; font-weight: bold;}
div.profileDemographics {padding-left:0px; padding-right:0px; border-style:solid; border-width:0px;}



.profileUserInfo {padding-left:0px; padding-right:0px; border-style:solid; border-width:0px;}h2 {background-color:#008080; font-family:Impact; font-size:20px; letter-spacing:2; color:#fffffff; text-transform:lowercase; font-weight:bold; border:0; padding-left:2px; display: block; letter-spacing:0;} h3.moduleHead {background-color:#008080; font-family:Impact; font-size:20px; letter-spacing:2; color:#ffffff; text-transform:lowercase; text-align:left; padding-left:3px; border-bottom:0px solid #af070f; display:block; line-height:9px;} h4 {background-color:008080; color:#008080; font-family:Tahoma; font-size:20px; letter-spacing:0; text-transform:lowercase; border:px solid #; display:block; padding-left:4px; line-height:15px;}strong {font-family:Tahoma; font-size:10px; text-transform:uppercase; font-weight:bold; padding-left:0px; padding-right:0px;}
span.count {font-weight:bold; text-decoration:none;}
body, a:link, a:active, a:visited {color:#ffffff;}

Reason for edit: Please use [codebox] tags instead of [code] tags when posting longer codes. - Mike

[Mickey]

Create a class and use it to put up content. For example, add this to your CSS:

CODE

.aboutme {position: absolute; top: #px; left: 50%; margin-left: -400px; width: 800px; height: 500px; overflow: auto; z-index: 9;}

Then use that class in your About Me or wherever like this:

CODE

<div class="aboutme">Insert your content here.</div>

Just customize things as you see fit. If you need further help, refer to this article. Click on "Show profile 2.0" for the appropriate tutorial.