Need help coding a layout. o__O, holy wtf mate! Options

[HeartOfPandora]

So I've got this template and it's turned out to be less of a web template and more of a MySpace thing. Thing is, as soon as I tried to put it into MySpace I realised it's been at least a year, maybe two and that MySpace's coding has dramatically changed. As in, it's supposed to look like this and it looks like this. I hate to ask, but does anyone want to make it MySpace-able? I'd simply submit it as a web template but it doesn't really fit as one. =\

And before anyone asks, yes, it's still a "1.0" layout and that's how my MySpace profile is set.

[none345678]

If you post your codes you could proly just update a few things so it will work

[HeartOfPandora]

Whoops, forgot about that!

"About Me" section:

CODE

<style>

.profileInfo, .contactTable, .userProfileURL, .interestsAndDetails, .userProfileDetail, .userProfileNetworking, .userProfileSchool, .userProfileCompany, .extendedNetwork, .latestBlogEntry, .blurbs td.text, .orangetext15, .friendSpace, .friendsComments, table div, table div embed, table div object { display:none!important; }
div table div, table table div, table div div embed, table div div object { display:block!important; }

.clearfix div { height:0; width:0; }
.clearfix { left:18px; position:relative; }
.profile, .profile div, .profile input, .clearfix select, .clearfix option, .clearfix ul { display:none!important; filter:alpha(opacity=0); -moz-opacity:0; opacity:0; }

table div div embed, table div div object { position:relative; top:auto; left:auto; margin:auto; }
table, tr, td { background:none; padding:0; }

</style>

<style>

body {
background-color: 613b4a;
scrollbar-3dlight-color: 002c3e;
scrollbar-arrow-color: fff;
scrollbar-base-color: 002c3e;
scrollbar-darkshadow-color: 002c3e;
scrollbar-face-color: 002c3e;
scrollbar-highlight-color: 002c3e;
scrollbar-shadow-color: 002c3e;
}

h1 {
font-family: Georgia;
font-size: 18px;
color: d6725a;
font-style: italic;
font-weight: normal;
letter-spacing: 3px;
}

h1 a:link, h1 a:visited {
color: d6725a;
}

h1 a:hover, h1 a:active {
color: d6725a;
}

h2 {
font-family: Georgia;
font-size: 9px;
text-transform: lowercase;
font-weight: normal;
text-indent: 35px;
color: 2d5054;
letter-spacing: 1px;
}

h2 a:link, h2 a:visited {
color: 2d5054;
border-bottom: 1px dotted 2d5054;
}

h2 a:hover, h2 a:active {
border-bottom: 1px solid 2d5054;
}

b, i {
font-family: Georgia;
color: 8ba355;
}

u {
color: 8ba355;
border-bottom: 1px dashed 8ba355;
font-family: Georgia;
}

big {
font-family: Georgia;
color: 8ba355;
line-height: 100%;
}

small, sup, sub {
font-family: "Times New Roman";
color: a72233;
}

.rawr {
width: 100%;
height: 500px;
margin: 6% auto 0 auto;
background-color: 002c3e;
}

.wrap {
width: 700px;
height: 500px;
margin: 0 auto;
background: transparent url("http://amour-perpetuus.org/content/templates/lonely/images/base.png") top left no-repeat;
}

.left {
float: left;
width: 280px;
height: 480px;
margin: 10px;
overflow: hidden;
}

.name {
float: left;
width: 350px;
height: 50px;
overflow: hidden;
padding: 0 10px 0 20px;
text-align: left;
font-family: Georgia;
font-size: 25px;
font-style: italic;
color: aeb78a;
line-height: 50px;
letter-spacing: 3px;
display: block;
}

.nav {
float: left;
width: 270px;
height: 430px;
}

.nav a:link, .nav a:visited {
font-family: Georgia;
font-size: 9px;
color: 8ba355;
letter-spacing: 2px;
text-align: right;
text-transform: none;
display: block;
margin: 10px -10px 0 0;
padding: 3px 7px 3px 3px;
background: transparent url('http://amour-perpetuus.org/content/templates/lonely/images/navbg.png') top right repeat-y;
}

.nav a:hover, .nav a:active {
color: aeb78a;
background: transparent url('http://amour-perpetuus.org/content/templates/lonely/images/navbgh.png') top right repeat-y;
}

.main {
float: left;
width: 389px;
height: 480px;
overflow: auto;
margin: 10px 0 0 0;
padding: 0 1px 0 0;
font-family: "Times New Roman";
font-size: 11px;
color: 9b8e64;
text-align: justify;
letter-spacing: 2px;
line-height: 180%;
}

.main p {
margin: 0 0 10px 0;
}

.main p a:link, .main p a:visited {
color: aeb78a;
padding: 2px;
text-decoration: none;
font-family: "Times New Roman";
font-weight: bold;
}

.main p a:hover, .main p a:active {
background-color: 2b2d39;
}

.main p.cmnt {
font-weight: bold;
text-align: right;
letter-spacing: 1px;
}

.main li {
margin: 0 0 0 10px;
}

.main ul {
margin: 0 0 0 10px;
}

.main ul.rules {
margin: 0;
list-style: none;
}

.main ul.rules li {
margin: 0 0 10px 0;
}

.footer {
width: 470px;
height: auto;
padding: 0 40px 20px 40px;
font-family: Georgia;
font-size: 10px;
color: a72233;
text-align: center;
letter-spacing: 1px;
}

.footer a:link, .footer a:visited {
font-family: "Times New Roman";
font-size: 10px;
color: a72233;
border-bottom: 1px dotted a72233;
}

.footer a:hover, .footer a:active {
color: a72233;
border-bottom: 1px solid a72233;
}

hr, hr.break {
height: 2px;
width: 80%;
margin: 15px auto 15px auto;
color: 2b2d39;
background-color: 2b2d39;
border: none;
}

blockquote {
width: 90%;
background: transparent url('http://amour-perpetuus.org/content/templates/catwalk/cb/images/bqbg.png') center repeat;
margin: 5px auto 5px auto;
}

span.bqh {
display: block;
text-transform: lowercase;
font-family: georgia;
font-size: 9px;
background: transparent url('http://amour-perpetuus.org/content/templates/catwalk/cb/images/bqh.png') center repeat;
padding: 0 0 0 25px;
letter-spacing: 3px;
}

blockquote p {
text-align: justify;
padding: 5px 10px 5px 10px;
}
</style>

"Meet" section:

CODE

<div class="rawr">
<div class="wrap">

<div class="left">
<div class="nav">
<a href="#">home</a>
<a href="#">about</a>
<a href="#">contact</a>
<a href="#">archive</a>
<a href="#">feed</a>
</div>
<div class="name">
die Namen
</div>
</div>

<div class="main">
<h1><a href="#">css examples</a></h1>
<h2>optional sub heading, blog stats maybe?</h2>
<p><b>bold</b> <i>italic</i> <u>underline</u> <big>big</big> <a href="#">link</a> <small>small</small> ^sup _sub</p>

<blockquote>
<span class="bqh">blockquote heading</span>
<p>there's secrets in this life that i can't hide // somewhere in this darkness there's a life that i can't find // maybe it's too far away // or maybe i'm just blind</p>
</blockquote>

<hr class="break" />

<h1>hey! you! yeah you!</h1>

<h2>posted on <a href="#">{date}</a> by <a href="#">{user}</a> under <a href="#">{cat1}</a>, <a href="#">{cat2}</a></h2>
<p>It's the 29th of March, two thousand and nine and I'd just like to thank you for taking an interest in this template. I'm quite proud of it; really on the minimalist kick lately. If you could be so kind as to leave my link in the footer I'd be especially glad to help you if you ever run into trouble. If not, them I'm afraid I'm going to have to start watermarking things!</p>
<p>This template can easily be moved to fit FanUpdate! If you'd like this template as a website popup or a MySpace 1.0 type and don't know how to do it, just say the word and I'll convert it. If you'd like to move it elsewhere (Blogger, Xanga, etc) the most I ask of you is that you e-mail or PM me telling me you're going to. If I see this on CB in another format and you didn't ask my permission first, I'll make sure you get banned. :)</p>

<p class="cmnt"><a href="#"># comment(s)</a></p>
<hr class="break" />

<h1>Terms of Use</h1>
<h2>violate and I shank you.</h2>

<ul>
<li>Redistribute and die.</li>

<li>Leave the credit link.</li>
<li>Do not alter the stylesheet.</li>
<li>That is all.</li>
</ul>
</div>
</div>
</div>

[HeartOfPandora]

bump?

[fixtatik]

yeah, myspace sucks a little.

1. to your body { } properties, add overflow-x:hidden;
2. you'll need to specify the properties (font-family, text-decoration, size, etc.) for all <a> tags and <p> tags (<p> doesn't need text-decoration specified).
3. the background image for the div classed "main" is incorrect.
4. you have some funky widths that will mess things up:
- .name has a width of 350 pixels but is nested within .left which has a width of 280 pixels.
- 350 + 389 > 700 (.name + .main > .wrap)
5. change .rawr to this:

CODE

.rawr {
width: 5000px;
height: 500px;
position: absolute;
top: 0;
left: 50%;
margin: 6% 0 0 -2500px;
text-align: center;
background-color: 002c3e;
}

6. add text-align: left; to .wrap

[HeartOfPandora]

I think "a little" is an understatement... But thank you!

[manny-the-dino]

Topic Closed & Moved