Could somebody please edit this to work for 2.0

[nvershoutnever!]

Would any of you kind people be kind enough to edit this coding for a div layout so it works for 2.0 please?

I can't code to save my life so I leave it for the professionals haha 

Thanks in advanced

Code:

<div class="topline"></div>
<div class="topline-middle">
<div class="tophead">

<a class="comment" href="http://yourcommentlinkgoeshere.com" title="Post a comment!"><span>Post a comment!</span></a> 
<a class="friend" href="http://yourfriendlinkgoeshere.com" title="Add to friends"><span>Add to friends</span></a>

<div class="id1"><b>my</b>PHOTOGRAPHY</div>
<a class="minipic" href="#"><img class="border" src="http://img.designmyspace.org/big_picture/minipic.jpg" width="70px" height="70px" /></a>
<div class="id2">Jessica Parker</div>
<div class="id3">23 years old photographer from<br />
  New York, US.</div>
<div class="id4">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea comdo consequat. Duis aute irure dolor in reprehenderit in voluptate.</div>

<a rel="nofollow" href="#" class="imgpart"><span>Photo taken on random location, back in 2008. </span>
<img src="http://img.designmyspace.org/big_picture/default.jpg" width="922px" height="478px" />
</a>

<div class="sidelinks">
<ul>
<li><a href="#" class="active">Link One</a></li>
<li><a href="#">Link Two</a></li>
<li><a href="#">Link Three</a></li>
</ul>
</div>

<a class="credit" href="http://designmyspace.org" title="Design by DesignMyspace.org"><span>Please, do not remove this line.</span></a></div>
</div>


<style>
NOTE {RESIZE COMMENT IMAGES}
td.text td.text table table table td a img {width:100px;}
td.text td.text table table table td div img {width:80px;}
td.text td.text table table td img {width:260px; max-width:260px !important; width:auto !important;}
td.text td.text table table td div img {width:80px !important;}
* html td.text td.text table table td img {width:80px !important;}
* html td.text td.text table table td a img {width:90px !important;}
* html td.text td.text table table td div img {width:80px !important;}
NOTE {RESIZE COMMENT FLASH VIDEOS}
table.friendsComments object {width:260px;height:218px;}
table.friendsComments embed {width:260px;height:218px;}
table.friendsComments a object {width:260px;height:218px;}
table.friendsComments a embed {width:260px;height:218px;}
</style>

<style>
NOTE {Edit these if you want}
.blacktext12:before {content: "OMG! ";}
.redbtext:after {content: " awesome";}

body {
margin-top: 890px;
font-size: 11px;
line-height: auto;
background-color:1c1c1c;
font-family: Arial, Verdana, Trebuchet MS, sans-serif;
background-repeat: repeat;
background-position: top center;
background-image: url(http://img.designmyspace.org/big_picture/bg_stretch_y.png);
}
body table {margin-top:30px;}

.topline {
width: 9999px;
height: 869px;
position: absolute;
top: 0;
right: 0;
background-color:transparent;
background-image: url(http://img.designmyspace.org/big_picture/bg_stretch_x.png);
background-positon: top center;
background-repeat: repeat-x;
overflow: hidden;
}
.topline-middle {
width: 1000px;
height: 175px;
position: absolute;
margin-left: -500px;
left: 50%;
top: 0;
background-color:transparent;
}
.tophead .friend {
position: absolute;
left: 919px;
top: 81px;
display: block;
width: 56px;
height: 41px;
background-image: url(http://img.designmyspace.org/big_picture/btn_friend.png);
background-repeat: no-repeat;
background-position: 0 0;
}
.tophead .friend:hover {background-position: 0 -41px;}
.tophead .friend span {display: none;}

.tophead .comment {
position: absolute;
left: 862px;
top: 81px;
display: block;
width: 56px;
height: 41px;
background-image: url(http://img.designmyspace.org/big_picture/btn_comment.png);
background-repeat: no-repeat;
background-position: 0 0;
}
.tophead .comment:hover {background-position: 0 -41px;}
.tophead .comment span {display: none;}

.tophead {
width: 1000px;
height: 869px;
position: absolute;
margin-left: -500px;
left: 50%;
top: 0px;
background-color:transparent;
background-image: url(http://img.designmyspace.org/big_picture/bg.jpg);
background-repeat: no-repeat;
background-position: top;
}
.bottomhead {width: 1000px; height: 26px; position: absolute; margin-left: -500px; left: 50%; top: 600px; background-color:transparent; background-image: url();}
.tophead .imgpart span { display:none; }
.tophead .imgpart:hover { text-decoration:none; }
.tophead .imgpart:hover span { opacity:0.60; filter:alpha(opacity=60); -moz-opacity:0.60; background-color:000; background-image: url(http://img.designmyspace.org/big_picture/line_overlay.jpg); background-position: bottom; background-repeat: repeat-x; display:block; position:absolute; top:0px; left:0px; width:922px; padding:10px 20px; color:fff; font-size:20px; font-family: Georgia, Arial, Verdana, Trebuchet MS, sans-serif; line-height: 30px; font-style: italic; font-weight: normal!important; }
.tophead .imgpart:hover span strong {color: ffffff; margin: 0; padding: 0; line-height: 44px;}
.tophead .imgpart:hover span br {line-height: 5px; margin: 0; padding: 0;}
.tophead .imgpart {
width: 922px;
height: 478px;
position: absolute;
left: 45px;
top: 149px;
padding: 0;
overflow: hidden;
display: block;
}
.tophead .id1 {
width: 780px;
position: absolute;
left: 73px;
top: 69px;
height: 37px;
color:ffffff;
padding: 0px;
font-size: 26px;
font-family: Arial, Verdana, Trebuchet MS, sans-serif;
font-weight: normal;
letter-spacing: -1px;
overflow: hidden;
text-shadow: 1px 1px 1px black;
}
.tophead .id2 {
width: 175px;
position: absolute;
left: 148px;
top: 668px;
height: 25px;
color:ffffff;
padding: 0px;
font-size: 18px;
font-family: Arial, Verdana, Trebuchet MS, sans-serif;
font-weight: bold;
letter-spacing: -1px;
overflow: hidden;
text-shadow: 1px 1px 0 DarkSlateGray ;
}
.tophead .id3 {
width: 175px;
position: absolute;
left: 148px;
top: 691px;
height: 43px;
color:a2bdbd;
padding: 0px;
font-size: 12px;
font-family: Arial, Verdana, Trebuchet MS, sans-serif;
font-weight: normal;
overflow: hidden;
text-align: left;
line-height: 20px!important;
text-shadow: 1px 1px 0 rgb(55,79,80)
}
.tophead .id3 span.white { color:fff;}
.tophead .id4 {
width: 587px;
position: absolute;
left: 369px;
top: 668px;
height: 58px;
color:aeb2ba;
padding: 0px;
font-size: 12px;
font-family: Arial, Verdana, Trebuchet MS, sans-serif;
font-weight: normal;
overflow: hidden;
line-height: 20px!important;
text-shadow: 1px 1px 0 rgb(36,37,39)
}
.tophead .minipic {
width: 80px;
position: absolute;
left: 47px;
top: 659px;
height: 80px;
color:fff;
padding: 0px;
font-size: 30px;
font-family: Arial, Verdana, Trebuchet MS, sans-serif;
font-weight: bold;
letter-spacing: -1px;
overflow: hidden;
}
a img.border {border-style:solid; border-width:5px; border-color:364d4e; }
a:hover img.border, a img.border:hover {border-style:solid; border-width:5px; border-color:293c3d;}

.tophead .sidelinks {
position:absolute;
left:48px;
top:602px;
width: 915px;
height: 30px;
}
.tophead .sidelinks ul { margin:0px; padding:0px;}
.tophead .sidelinks ul li { margin:0px; list-style:none; float:right; margin-left:4px; font-size:12px; }
.tophead .sidelinks ul li a { text-decoration:none; color:fff; padding: 6px 8px; position:relative; font-weight: bold; opacity:0.70; filter:alpha(opacity=70); -moz-opacity:0.70; background-color:000; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
.tophead .sidelinks ul li a:hover, .topline-middle .topnav ul li a.active {color:ffffff; text-decoration:none; opacity:0.80; filter:alpha(opacity=80); -moz-opacity:0.80; background-color:000;}
.tophead .sidelinks ul li a span {display:none;}
.tophead .sidelinks ul li a:hover span, .topline-middle .topnav ul li a.active  span{ display:none;}

.tophead .credit { width: 106px; height: 14px; position: absolute; left: 877px; top: 6px; display: block; cursor: pointer; }
.tophead .credit span {display: none;}

p {margin: 0px 0px 1em 0px; font-family: font-family: Arial, Verdana, Trebuchet MS, sans-serif; font-size: 12px;}
a, a:link, a:visited {color:ffffff; text-decoration: none; font-family: Arial, Verdana, Trebuchet MS, sans-serif;}
a:hover {color:c0c6ce; text-decoration: underline}
img {border: none;}
br {line-height: 20px;}
form {border-width:0px;background-color:none;}
body>div {margin-left: 14px;}
table, tr, td, table table, table table td {border-width:0px; background-color: transparent;}
table table table td {background-color:transparent;margin:0px;padding: 0 26px 15px 26px}
table table table table {border-width:0px;background-color:transparent;padding:0px;margin:0px; background-image: none;}
table table table table td {padding:0px;margin:0px;}
table table table {margin:0px; background-color:46494d; width: 100% !important; background-repeat: repeat-x; background-position: top center; background-image: url(http://img.designmyspace.org/big_picture/box_top.png); border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: 27282a; border-top-width: 1px; border-top-style: solid; border-top-color: 27282a; -moz-border-radius: 7px; -webkit-border-radius: 7px;}
body td table, body div table {margin-top: 0;}
font {color:b5bcc6;font-size:10px; font-family: Arial, Verdana, Trebuchet MS, sans-serif;}
a font:hover {color:7cc4c2 text-shadow: 1px 1px 0 rgb(51,54,57) ;}
a.topline-middle .navbar:link, a.topline-middle .navbar:visited {color:ffffff text-decoration: none;}
a.topline-middle .navbar:hover {color:c0c6ce;}
table tr td table tr td font {display: inline;}
table tr td table a.topline-middle .navbar {font-size: 10px;}
.text {color:b5bcc6;font-size:12px; font-family: Arial, Verdana, Trebuchet MS, sans-serif;}
a.text:link, a.text:visited {color:ffffff}
a.text:hover {color:c0c6ce;}
.nametext {color:7cc4c2; text-shadow: 1px 1px 0 rgb(51,54,57) ; font-size: 13px; margin: 14px 0px 4px 0px; padding: 0px 0px 14px 0px; text-align: center; display: block; font-family: Arial, Verdana, Trebuchet MS, sans-serif; font-weight: bold; border-width: 0px 0px 1px 0px; border-style: solid; border-color: 595d61; width: 280px !important; vertical-align: bottom;}
.contactTable {width: 332px !important;}
.contactTable td {padding: 0px; margin: 0px; text-align: center;}
.contactTable span.whitetext12 {position: relative; left: 24px;}
.contactTable td table {background-color: transparent; background-image: url(http://img.designmyspace.org/big_picture/msg_block.png); background-position: center; background-repeat: no-repeat;}
.contactTable a {padding: 0px; margin: 0px 0px 1px 5px; display: block; height: 38px; width: 156px; background-color: transparent;}
.contactTable a img, .contactTable img {border: 0px; display: none; visibility: hidden;}
table tr td table tr td table tr td div strong {display: block; width: 280px; font-family: Arial, Verdana, Trebuchet MS, sans-serif;}
.whitetext12 {color:7cc4c2; text-shadow: 1px 1px 0 rgb(51,54,57) ; font-size: 13px; margin: 8px 0px 4px 0px; padding: 0 0 14px 0; text-align: center; display: block; font-family: Arial, Verdana, Trebuchet MS, sans-serif; font-weight: bold; border-width: 0px 0px 1px 0px; border-style: solid; border-color: 595d61; width: 280px;}
.blacktext12 {color:7cc4c2; text-shadow: 1px 1px 0 rgb(51,54,57) ; font-size: 12px; font-family: Arial, Verdana, Trebuchet MS, sans-serif; font-weight: bold; display: block; margin-top: 14px; width: 100%;}
.contactTable span.whitetext12 {position: relative; left: 24px;}
.btext {color:7cc4c2; text-shadow: 1px 1px 0 rgb(51,54,57) ; font-size: 13px; margin: 14px 0px 4px 0px; padding: 0 14px 14px 14px; text-align: center; display: block; font-family: Arial, Verdana, Trebuchet MS, sans-serif; font-weight: bold; border-width: 0px 0px 1px 0px; border-style: solid; border-color: 595d61; width:370;}
.orangetext15 {color:7cc4c2; text-shadow: 1px 1px 0 rgb(51,54,57) ; font-size: 13px; margin: 14px 0px 4px 0px; padding: 0 14px 14px 14px; text-align: center; display: block; font-family: Arial, Verdana, Trebuchet MS, sans-serif; font-weight: bold; border-width: 0px 0px 1px 0px; border-style: solid; border-color: 595d61; width:370px;}
.lightbluetext8 {color:b5bcc6; font-family: Arial, Verdana, Trebuchet MS, sans-serif;}
.redtext,.redbtext {color:7cc4c2; text-shadow: 1px 1px 0 rgb(51,54,57) ; font-family: Arial, Verdana, Trebuchet MS, sans-serif; font-size: 12px; font-weight: bold;}
a.redlink:link {color:ffffff; padding-top: 3px; text-decoration: none;}

a.redlink:visited {color:ffffff}
a.redlink:hover {color:c0c6ce; text-decoration:underline;}
u {text-decoration: none; font-size: 10px;}
a.searchlinkSmall, a.searchlinkSmall:link, a.searchlinkSmall:visited { color:b5bcc6; text-decoration: none; }
a.searchlinkSmall:hover { color:ffffff; }
td, table, tr, span, li, p, div, textarea, DIV {
font-family: Arial, Verdana, Trebuchet MS, sans-serif;
color: b5bcc6;
}
h1, h2, h3, h4, h5, h6 {color:7cc4c2; text-shadow: 1px 1px 0 rgb(51,54,57) ;}
.blacktext10 {color:7cc4c2 !important; font-size: 12px!important; font-family: Arial, Verdana, Trebuchet MS, sans-serif; text-shadow: 1px 1px 0 rgb(51,54,57) ;}
.searchlinksmall a{color:7cc4c2 !important; text-decoration: none!important; text-shadow: 1px 1px 0 rgb(51,54,57) ;}
.searchlinksmall a:hover{color:7cc4c2 !important; text-decoration: underline !important; text-shadow: 1px 1px 0 rgb(51,54,57) ;}
.userProfileURL {font-size: 9px!important; text-decoration: none!important; text-shadow: 1px 1px 0 rgb(51,54,57) ;}
</style>

[HeavyCube]

preview: http://www.myspace.com/505248152

about me:

Code:

<div class="topline"></div>
<div class="topline-middle">
<div class="tophead">

<a class="comment" href="http://www.msplinks.com/MDFodHRwOi8veW91cmNvbW1lbnRsaW5rZ29lc2hlcmUuY29t" title="Post a comment!"><span>Post a comment!</span></a>  
<a class="friend" href="http://www.msplinks.com/MDFodHRwOi8veW91cmZyaWVuZGxpbmtnb2VzaGVyZS5jb20=" title="Add to friends"><span>Add to friends</span></a>

<div class="id1"><strong>my</strong>PHOTOGRAPHY</div>
<a class="minipic" href="#"><img class="border" src="http://img.designmyspace.org/big_picture/minipic.jpg" width="70px" /></a>
<div class="id2">Jessica Parker</div>
<div class="id3">23 years old photographer from<br />
  New York, US.</div>
<div class="id4">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea comdo consequat. Duis aute irure dolor in reprehenderit in voluptate.</div>

<a rel="nofollow" href="#" class="imgpart"><span>Photo taken on random location, back in 2008. </span>
<img src="http://img.designmyspace.org/big_picture/default.jpg" width="922px" />
</a>

<div class="sidelinks">
<ul>
<li><a href="#" class="active">Link One</a></li>
<li><a href="#">Link Two</a></li>
<li><a href="#">Link Three</a></li>
</ul>
</div>

<a class="credit" href="http://www.msplinks.com/MDFodHRwOi8vZGVzaWdubXlzcGFjZS5vcmc=" title="Design by DesignMyspace.org"><span>Please, do not remove this line.</span></a></div>
</div>

CSS:

Code:

.topline {
width: 9999px;
height: 869px;
position: absolute;
top: 0;
right: 0;
background-color:transparent;
background-image: url(http://img.designmyspace.org/big_picture/bg_stretch_x.png);
background-positon: top center;
background-repeat: repeat-x;
overflow: hidden;
}
.topline-middle {
width: 1000px;
height: 175px;
position: absolute;
margin-left: -500px;
left: 50%;
top: 0;
background-color:transparent;
}
.tophead .friend {
position: absolute;
left: 919px;
top: 81px;
display: block;
width: 56px;
height: 41px;
background-image: url(http://img.designmyspace.org/big_picture/btn_friend.png);
background-repeat: no-repeat;
background-position: 0 0;
}
.tophead .friend:hover {background-position: 0 -41px;}
.tophead .friend span {display: none;}

.tophead .comment {
position: absolute;
left: 862px;
top: 81px;
display: block;
width: 56px;
height: 41px;
background-image: url(http://img.designmyspace.org/big_picture/btn_comment.png);
background-repeat: no-repeat;
background-position: 0 0;
}
.tophead .comment:hover {background-position: 0 -41px;}
.tophead .comment span {display: none;}

.tophead {
width: 1000px;
height: 869px;
position: absolute;
margin-left: -500px;
left: 50%;
top: 0px;
background-color:transparent;
background-image: url(http://img.designmyspace.org/big_picture/bg.jpg);
background-repeat: no-repeat;
background-position: top;
}
.bottomhead {width: 1000px; height: 26px; position: absolute; margin-left: -500px; left: 50%; top: 600px; background-color:transparent; background-image: ;}
.tophead .imgpart span { display:none; }
.tophead .imgpart:hover { text-decoration:none; }
.tophead .imgpart:hover span { opacity:0.60; filter:alpha(opacity=60); -moz-opacity:0.60; background-color:#000000; background-image: url(http://img.designmyspace.org/big_picture/line_overlay.jpg); background-position: bottom; background-repeat: repeat-x; display:block; position:absolute; top:0px; left:0px; width:922px; padding:10px 20px; color:#ffffff; font-size:20px; font-family: Georgia, Arial, Verdana, Trebuchet MS, sans-serif; line-height: 30px; font-style: italic; font-weight: normal..; }
.tophead .imgpart:hover span strong {color: #ffffff; margin: 0; padding: 0; line-height: 44px;}
.tophead .imgpart:hover span br {line-height: 5px; margin: 0; padding: 0;}
.tophead .imgpart {
width: 922px;
height: 478px;
position: absolute;
left: 45px;
top: 149px;
padding: 0;
overflow: hidden;
display: block;
}
.tophead .id1 {
width: 780px;
position: absolute;
left: 73px;
top: 69px;
height: 37px;
color:#ffffff;
padding: 6px;
font-size: 26px;
font-family: Arial, Verdana, Trebuchet MS, sans-serif;
font-weight: normal;
letter-spacing: -1px;
overflow: hidden;
text-shadow: 1px 1px 1px black;
}
.tophead .id2 {
width: 175px;
position: absolute;
left: 148px;
top: 668px;
height: 25px;
color:#ffffff;
padding: 0px;
font-size: 18px;
font-family: Arial, Verdana, Trebuchet MS, sans-serif;
font-weight: bold;
letter-spacing: -1px;
overflow: hidden;
text-shadow: 1px 1px 0 DarkSlateGray ;
}
.tophead .id3 {
width: 175px;
position: absolute;
left: 148px;
top: 691px;
height: 43px;
color:#a2bdbd;
padding: 0px;
font-size: 12px;
font-family: Arial, Verdana, Trebuchet MS, sans-serif;
font-weight: normal;
overflow: hidden;
text-align: left;
line-height: 20px..;
text-shadow: 1px 1px 0 rgb(55,79,80)
}
.tophead .id3 span.white { color:#ffffff;}
.tophead .id4 {
width: 587px;
position: absolute;
left: 369px;
top: 668px;
height: 58px;
color:#aeb2ba;
padding: 0px;
font-size: 12px;
font-family: Arial, Verdana, Trebuchet MS, sans-serif;
font-weight: normal;
overflow: hidden;
line-height: 20px..;
text-shadow: 1px 1px 0 rgb(36,37,39)
}
.tophead .minipic {
width: 80px;
position: absolute;
left: 47px;
top: 659px;
height: 80px;
color:#ffffff;
padding: 0px;
font-size: 30px;
font-family: Arial, Verdana, Trebuchet MS, sans-serif;
font-weight: bold;
letter-spacing: -1px;
overflow: hidden;
}
a img.border {border-style:solid; border-width:5px; border-color:#364d4e; }
a:hover img.border, a img.border:hover {border-style:solid; border-width:5px; border-color:#293c3d;}

.tophead .sidelinks {
position:absolute;
left:48px;
top:602px;
width: 915px;
height: 30px;
}
.tophead .sidelinks ul { margin:0px; padding:0px;}
.tophead .sidelinks ul li { margin:0px; list-style:none; float:right; margin-left:4px; font-size:12px; }
.tophead .sidelinks ul li a { text-decoration:none; color:#ffffff; padding: 6px 8px; position:relative; font-weight: bold; opacity:0.70; filter:alpha(opacity=70); -moz-opacity:0.70; background-color:#000000; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
.tophead .sidelinks ul li a:hover, .topline-middle .topnav ul li a.active {color:#ffffff; text-decoration:none; opacity:0.80; filter:alpha(opacity=80); -moz-opacity:0.80; background-color:#000000;}
.tophead .sidelinks ul li a span {display:none;}
.tophead .sidelinks ul li a:hover span, .topline-middle .topnav ul li a.active  span{ display:none;}

.tophead .credit { width: 106px; height: 14px; position: absolute; left: 877px; top: 6px; display: block; cursor: pointer; }
.tophead .credit span {display: none;}

#header {background-color:transparent}
#topnav ul {border-right:none}
#topnav ul li {border-left:none}

#topnav ul.subMenu {border-width:0px}
#topnav ul li.dropDown a:hover, #topnav ul li a:hover  {background-color:#000000; color:white; text-decoration:none;}
#topnav li.dropDown:hover ul.subMenu a:hover,#topnav li.hover ul.subMenu a:hover, #topnav ul.subMenu a {color: black; background-color:white}
#topnav ul li.dropDown:hover ul li a {background-color: black; color:#ffffff}
#topnav ul li.dropDown:hover a {background-color:black; color:white}
#topnav ul li.dropDown a small {color:white}


a:link, a:active, a:visited, a span, a {color:#ffffff; text-decoration: none}
a:hover {color:#c0c6ce; text-decoration: underline}

p.datePosted, .profileFullName, .nickname, .count {text-shadow:1px 1px 0 #333639; color:#7CC4C2}
td, table, tr, span, li, p, div, textarea {color:#B5BCC6;}

div.module {
-moz-border-radius-bottomleft:7px;
-moz-border-radius-bottomright:7px;
-moz-border-radius-topleft:7px;
-moz-border-radius-topright:7px;
background-color:#46494D;
background-image:url(http://img.designmyspace.org/big_picture/box_top.png);
background-position:center top;
background-repeat:no-repeat;
margin:5px;
padding:5px;
border-bottom:1px solid #27282A;
border-top:1px solid #27282A;
}

body {
background-color:#1C1C1C;
background-image:url(http://img.designmyspace.org/big_picture/bg_stretch_y.png);
background-position:center top;
background-repeat:repeat-y;
}

div.wrap {
width:800px; margin-top:880px}

h3.moduleHead {text-align:center; margin:5px 0 4px;
padding:0 0 10px;border-color:#595D61;
border-style:solid;
border-width:0 0 1px; }
h3.moduleHead span span {
color:#7CC4C2;
font-family:Arial,Verdana,Trebuchet MS,sans-serif;
font-size:13px;
font-weight:bold;
text-shadow:1px 1px 0 #333639;
}

[nvershoutnever!]

preview: http://www.myspace.com/505248152

about me:

Code:

<div class="topline"></div>
<div class="topline-middle">
<div class="tophead">

<a class="comment" href="http://www.msplinks.com/MDFodHRwOi8veW91cmNvbW1lbnRsaW5rZ29lc2hlcmUuY29t" title="Post a comment!"><span>Post a comment!</span></a>  
<a class="friend" href="http://www.msplinks.com/MDFodHRwOi8veW91cmZyaWVuZGxpbmtnb2VzaGVyZS5jb20=" title="Add to friends"><span>Add to friends</span></a>

<div class="id1"><strong>my</strong>PHOTOGRAPHY</div>
<a class="minipic" href="#"><img class="border" src="http://img.designmyspace.org/big_picture/minipic.jpg" width="70px" /></a>
<div class="id2">Jessica Parker</div>
<div class="id3">23 years old photographer from<br />
  New York, US.</div>
<div class="id4">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea comdo consequat. Duis aute irure dolor in reprehenderit in voluptate.</div>

<a rel="nofollow" href="#" class="imgpart"><span>Photo taken on random location, back in 2008. </span>
<img src="http://img.designmyspace.org/big_picture/default.jpg" width="922px" />
</a>

<div class="sidelinks">
<ul>
<li><a href="#" class="active">Link One</a></li>
<li><a href="#">Link Two</a></li>
<li><a href="#">Link Three</a></li>
</ul>
</div>

<a class="credit" href="http://www.msplinks.com/MDFodHRwOi8vZGVzaWdubXlzcGFjZS5vcmc=" title="Design by DesignMyspace.org"><span>Please, do not remove this line.</span></a></div>
</div>

CSS:

Code:

.topline {
width: 9999px;
height: 869px;
position: absolute;
top: 0;
right: 0;
background-color:transparent;
background-image: url(http://img.designmyspace.org/big_picture/bg_stretch_x.png);
background-positon: top center;
background-repeat: repeat-x;
overflow: hidden;
}
.topline-middle {
width: 1000px;
height: 175px;
position: absolute;
margin-left: -500px;
left: 50%;
top: 0;
background-color:transparent;
}
.tophead .friend {
position: absolute;
left: 919px;
top: 81px;
display: block;
width: 56px;
height: 41px;
background-image: url(http://img.designmyspace.org/big_picture/btn_friend.png);
background-repeat: no-repeat;
background-position: 0 0;
}
.tophead .friend:hover {background-position: 0 -41px;}
.tophead .friend span {display: none;}

.tophead .comment {
position: absolute;
left: 862px;
top: 81px;
display: block;
width: 56px;
height: 41px;
background-image: url(http://img.designmyspace.org/big_picture/btn_comment.png);
background-repeat: no-repeat;
background-position: 0 0;
}
.tophead .comment:hover {background-position: 0 -41px;}
.tophead .comment span {display: none;}

.tophead {
width: 1000px;
height: 869px;
position: absolute;
margin-left: -500px;
left: 50%;
top: 0px;
background-color:transparent;
background-image: url(http://img.designmyspace.org/big_picture/bg.jpg);
background-repeat: no-repeat;
background-position: top;
}
.bottomhead {width: 1000px; height: 26px; position: absolute; margin-left: -500px; left: 50%; top: 600px; background-color:transparent; background-image: ;}
.tophead .imgpart span { display:none; }
.tophead .imgpart:hover { text-decoration:none; }
.tophead .imgpart:hover span { opacity:0.60; filter:alpha(opacity=60); -moz-opacity:0.60; background-color:#000000; background-image: url(http://img.designmyspace.org/big_picture/line_overlay.jpg); background-position: bottom; background-repeat: repeat-x; display:block; position:absolute; top:0px; left:0px; width:922px; padding:10px 20px; color:#ffffff; font-size:20px; font-family: Georgia, Arial, Verdana, Trebuchet MS, sans-serif; line-height: 30px; font-style: italic; font-weight: normal..; }
.tophead .imgpart:hover span strong {color: #ffffff; margin: 0; padding: 0; line-height: 44px;}
.tophead .imgpart:hover span br {line-height: 5px; margin: 0; padding: 0;}
.tophead .imgpart {
width: 922px;
height: 478px;
position: absolute;
left: 45px;
top: 149px;
padding: 0;
overflow: hidden;
display: block;
}
.tophead .id1 {
width: 780px;
position: absolute;
left: 73px;
top: 69px;
height: 37px;
color:#ffffff;
padding: 6px;
font-size: 26px;
font-family: Arial, Verdana, Trebuchet MS, sans-serif;
font-weight: normal;
letter-spacing: -1px;
overflow: hidden;
text-shadow: 1px 1px 1px black;
}
.tophead .id2 {
width: 175px;
position: absolute;
left: 148px;
top: 668px;
height: 25px;
color:#ffffff;
padding: 0px;
font-size: 18px;
font-family: Arial, Verdana, Trebuchet MS, sans-serif;
font-weight: bold;
letter-spacing: -1px;
overflow: hidden;
text-shadow: 1px 1px 0 DarkSlateGray ;
}
.tophead .id3 {
width: 175px;
position: absolute;
left: 148px;
top: 691px;
height: 43px;
color:#a2bdbd;
padding: 0px;
font-size: 12px;
font-family: Arial, Verdana, Trebuchet MS, sans-serif;
font-weight: normal;
overflow: hidden;
text-align: left;
line-height: 20px..;
text-shadow: 1px 1px 0 rgb(55,79,80)
}
.tophead .id3 span.white { color:#ffffff;}
.tophead .id4 {
width: 587px;
position: absolute;
left: 369px;
top: 668px;
height: 58px;
color:#aeb2ba;
padding: 0px;
font-size: 12px;
font-family: Arial, Verdana, Trebuchet MS, sans-serif;
font-weight: normal;
overflow: hidden;
line-height: 20px..;
text-shadow: 1px 1px 0 rgb(36,37,39)
}
.tophead .minipic {
width: 80px;
position: absolute;
left: 47px;
top: 659px;
height: 80px;
color:#ffffff;
padding: 0px;
font-size: 30px;
font-family: Arial, Verdana, Trebuchet MS, sans-serif;
font-weight: bold;
letter-spacing: -1px;
overflow: hidden;
}
a img.border {border-style:solid; border-width:5px; border-color:#364d4e; }
a:hover img.border, a img.border:hover {border-style:solid; border-width:5px; border-color:#293c3d;}

.tophead .sidelinks {
position:absolute;
left:48px;
top:602px;
width: 915px;
height: 30px;
}
.tophead .sidelinks ul { margin:0px; padding:0px;}
.tophead .sidelinks ul li { margin:0px; list-style:none; float:right; margin-left:4px; font-size:12px; }
.tophead .sidelinks ul li a { text-decoration:none; color:#ffffff; padding: 6px 8px; position:relative; font-weight: bold; opacity:0.70; filter:alpha(opacity=70); -moz-opacity:0.70; background-color:#000000; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
.tophead .sidelinks ul li a:hover, .topline-middle .topnav ul li a.active {color:#ffffff; text-decoration:none; opacity:0.80; filter:alpha(opacity=80); -moz-opacity:0.80; background-color:#000000;}
.tophead .sidelinks ul li a span {display:none;}
.tophead .sidelinks ul li a:hover span, .topline-middle .topnav ul li a.active  span{ display:none;}

.tophead .credit { width: 106px; height: 14px; position: absolute; left: 877px; top: 6px; display: block; cursor: pointer; }
.tophead .credit span {display: none;}

#header {background-color:transparent}
#topnav ul {border-right:none}
#topnav ul li {border-left:none}

#topnav ul.subMenu {border-width:0px}
#topnav ul li.dropDown a:hover, #topnav ul li a:hover  {background-color:#000000; color:white; text-decoration:none;}
#topnav li.dropDown:hover ul.subMenu a:hover,#topnav li.hover ul.subMenu a:hover, #topnav ul.subMenu a {color: black; background-color:white}
#topnav ul li.dropDown:hover ul li a {background-color: black; color:#ffffff}
#topnav ul li.dropDown:hover a {background-color:black; color:white}
#topnav ul li.dropDown a small {color:white}


a:link, a:active, a:visited, a span, a {color:#ffffff; text-decoration: none}
a:hover {color:#c0c6ce; text-decoration: underline}

p.datePosted, .profileFullName, .nickname, .count {text-shadow:1px 1px 0 #333639; color:#7CC4C2}
td, table, tr, span, li, p, div, textarea {color:#B5BCC6;}

div.module {
-moz-border-radius-bottomleft:7px;
-moz-border-radius-bottomright:7px;
-moz-border-radius-topleft:7px;
-moz-border-radius-topright:7px;
background-color:#46494D;
background-image:url(http://img.designmyspace.org/big_picture/box_top.png);
background-position:center top;
background-repeat:no-repeat;
margin:5px;
padding:5px;
border-bottom:1px solid #27282A;
border-top:1px solid #27282A;
}

body {
background-color:#1C1C1C;
background-image:url(http://img.designmyspace.org/big_picture/bg_stretch_y.png);
background-position:center top;
background-repeat:repeat-y;
}

div.wrap {
width:800px; margin-top:880px}

h3.moduleHead {text-align:center; margin:5px 0 4px;
padding:0 0 10px;border-color:#595D61;
border-style:solid;
border-width:0 0 1px; }
h3.moduleHead span span {
color:#7CC4C2;
font-family:Arial,Verdana,Trebuchet MS,sans-serif;
font-size:13px;
font-weight:bold;
text-shadow:1px 1px 0 #333639;
}

OMG you did it

Thank you so much

I will thank you again when I see you on msn if you give me paypal details when I get paid I will give you a small donation

Thanks again man!!

[badass09]

this code i took out the css out and put it in the css box but still messes up the text colors...still is black... can anyone help me and fix it so it works with 2.0?

<style type="text/css">
.mygen { Created using MyGen 2.5 - www.mygen.co.uk }

.mygen { Background Properties }
table, tr, td { background-color:transparent; border:none; border-width:0;}
body {
   background-color:000000;
   background-image:url(http://images.layouts.fm/188/18874/18874588.jpeg);
   background-attachment: fixed;
   background-position:top center;
   background-repeat:no-repeat;
   scrollbar-face-color:FF8822;
   scrollbar-highlight-color:FFCC22;
   scrollbar-3dlight-color:CC6622;
   scrollbar-shadow-color:886622;
   scrollbar-darkshadow-color:000000;
   scrollbar-arrow-color:FF2222;
   scrollbar-track-color:AA2222;
    }

.mygen { Text Properties }
table, tr, td, li, p, div {  color:FFFF22;  font-weight:bold;    }
.btext {  color:66EE22;      }
.blacktext10 {  color:AAFF22;      }
.blacktext12 {  color:EE2222;      }
.lightbluetext8 {  color:FF2222;      }
.orangetext15 {  color:EEEE22;      }
.redtext {  color:22FFFF;      }
.redbtext {  color:EEAA22;      }
.text {  color:FFFF22;      }
.whitetext12 {  color:EEEE22;      }
a:active, a:visited, a:link {  color:FF8822;      }
a:hover {  color:EE6622;      }
a.navbar:active, a.navbar:visited, a.navbar:link {  color:22CC22;      }
a.navbar:hover {  color:22FF22;      }
a.redlink:active, a.redlink:visited, a.redlink:link {  color:FF2222;      }
a.redlink:hover {  color:EE2222;      }
.nametext {  color:FF4422;      }

.mygen { Miscellaneous Properties }
a:link img { filter:Wave(Add=0,  Freq=5,  LightStrength=20,  Phase=220,  Strength=10);}
a:hover img { filter:xray;}
body { cursor:wait;}
a:hover { cursor:help;}
</style>

<div style="width: 88px; height: 31px; position: absolute; top:0px;left:0px; background-color: DEE6EB; border-width:1px;border-style:solid;border-color: 9CB3C3; font-family: Arial Black;">
<a href="http://www.mygen.co.uk" style="color: 9CB3C3; font-size: 18px; position: absolute; left: 10px; top: -5px">MyGen</a>
<a href="http://www.mygen.co.uk" style="color: 9CB3C3; font-size: 8px; position: absolute; left: 1px; top: 18px">Profile Generator</a>
</div><style>.r{} div#modulebasicInfo {background:transparent url(http://counters.gigya.com/wildfire/IMP/CXNID=2000002.0NXC/bT*xJmx*PTEyNTY*ODA5NDIyODEmcHQ9MTI1NjQ4MDk*NDQwNiZwPTc2MTcxJmQ9TGF5b3V*JTIwRWRpdG9yJmc9MSZvPTEwYWEwMzc5Mzg*NjQxYzViM2U4ZmUyNGQ3ZjZhYWFk.gif) no-repeat scroll 0 0} </style><img style="visibility:hidden;width:0px;height:0px;" border=0 width=0 height=0 src="http://counters.gigya.com/wildfire/IMP/CXNID=2000002.0NXC/bT*xJmx*PTEyNTY*ODA5NDIyODEmcHQ9MTI1NjQ4MDk*NDQwNiZwPTc2MTcxJmQ9TGF5b3V*JTIwRWRpdG9yJmc9MSZvPTEwYWEwMzc5Mzg*NjQxYzViM2U4ZmUyNGQ3ZjZhYWFk.gif" />

[HeavyCube]

edit this:
table, tr, td, li, p, div {  color:FFFF22;  font-weight:bold;    }

add # on color:

so make sure it looks like this:
table, tr, td, li, p, div {  color:#FFFF22;  font-weight:bold;    }

you could've posted a thread instead of a reply.

[F2OOO™]

niiiiice that profile layout is tiiight. lawlyz =]