new layout Options

[CharlieT]

this one is much less dramatic then the one I have for my main profile right now. It isn't all the way finished yet, I am having conflicts for where to put stuff I want in the layout.

It still has no comment box or comment table,, yes yes I know, I'll fix it later.

It is on my tester myspace

http://profile.myspace.com/index.cfm?fusea...endid=183849078

[*alovesopure*]

It looks really nice, in some places the wood doesn't line up, and the ")" look odd on the rollover links. But other than that I really like it.

[CrotchetTheLeper]

Ah, yes, loving the song. :)

I really like the hovers and the Ace of Hearts graphic. & I love the brushes you used throughout.

Nice work.
:)

[xTHExDUDEx]

Nice, like the wood background idea, adds a nice feel to it.
Are those brushes your own or randoms? They're pretty smart.
Also liking the text at mad angles.
But please, please, please, be one of the few to actually center your profiles! :D

EDIT: lol @ "CrotchetTheLeper"'s name.

[CrotchetTheLeper]

^ Ahahahahaha
Yeahhh... I get that a lot.

[CharlieT]

haha thanks all, I can't really center the profile, the wood doesn't align at all when I do it. : ( sorry.

[xTHExDUDEx]

Could you not center then offset by however many pixels you need so it matches?


Par example:

CODE

.main {
left: 50%;
margin-left: -600px;
}

Adjust 600 to your needs, no?

[CharlieT]

where would I put that code in? Sorry I am not the greatest at scripting unless, I have a tutorial in front of me : /

[xTHExDUDEx]

Had a skim thru the source, I usually keep the CSS seperate from the HTML, CSS in the "About Me" because it loads before the HTML and I place the HTML in "I'd Like to meet".

I'm not entirely confident I know exactly how your profile is bolted together but if you nest everything in your "I'd Like to Meet" inside another div and call it something like main. Then apply CSS to that div to center the entire profile, something like.

CODE

.main {
    position: absolute;
    left: 50%;
    top: 170px;
    width: 1200px;
    height: 600px;
    margin-left: -600px;
}

So basicaly, put the above in your "About Me" and

CODE

<div class="main">

before everything in
"I'd Like To Meet" and

CODE

</div>

after everything in "I'd Like To Meet".

Should work fine, then you can adjust the 600px to match up with the background :D

Let me know

EDIT:

The comments you have between your code uses "(" and ")", they are still visible, just behind the profile for most people, but not me! Use "/*" and "*/" to make em vanish.