Crimson, a request Options

[none345678]

I am doing a paid request for a model/internet show host (or something like that) My dead line isn't for another 3 months so I am playing around with different ideas. This isn't exactly what she asked for, but like I said I have time to try some different things out.
no links yet. And the video is just so I know where the video will be, that's not her.

click to enlarge

preview

C&C, please.

[none345678]

^in fire fox? I checked in both ie and ff and it's fine for me.

[heyo-captain-jac...]

Looking good. No complaints from me.

Even in 1152 x 864 (what kind of weird resolution is that?)

[schizo]

I love it. If you don't end up using it for her layout, I think you should submit it. It's misaligned for me too, but other than that I have no complaints. :D

[none345678]

I have yet to master the whole aligned in all resolutions thing. lol D: I'll get on that.

Thanks guys. If she doesn't use this one I will defiantly submit it :D

[manny-the-dino]

It looks great to me. No complains here :)

[Mikeplyts]

Looks great! It is kinda busy but it's still awesome! Great job Abbey.

[none345678]

Thanks Mike and Nat.
Soooo, anyone want to help me with the whole aliment issue? Figured I would just ask here instead of making a new topic in myspace support.

CODE

<style>
.h {display:block;width:202px;height:18px; background-color:transparent; background-image:url("http://www.freewebs.com/kyanix/home1.png"); background-repeat:no-repeat; background-position:top left; }

.h:hover {display:block;width:202px;height:18px; background-color:transparent; background-image:url("http://www.freewebs.com/kyanix/home2.png"); background-repeat:no-repeat; background-position:bottom left;}
</style>


<style>
.b {display:block;width:202px;height:18px; background-color:transparent; background-image:url("http://www.freewebs.com/kyanix/block1.png"); background-repeat:no-repeat; background-position:top left; }

.b:hover {display:block;width:202px;height:18px; background-color:transparent; background-image:url("http://www.freewebs.com/kyanix/block2.png"); background-repeat:no-repeat; background-position:bottom left;}
</style>

<style>
.p {display:block;width:202px;height:18px; background-color:transparent; background-image:url("http://www.freewebs.com/kyanix/pics1.png"); background-repeat:no-repeat; background-position:top left; }

.p:hover {display:block;width:202px;height:18px; background-color:transparent; background-image:url("http://www.freewebs.com/kyanix/pics2.png"); background-repeat:no-repeat; background-position:bottom left;}
</style>

<style>
.add {display:block;width:202px;height:18px; background-color:transparent; background-image:url("http://www.freewebs.com/kyanix/add1.png"); background-repeat:no-repeat; background-position:top left; }

.add:hover {display:block;width:202px;height:18px; background-color:transparent; background-image:url("http://www.freewebs.com/kyanix/add2.png"); background-repeat:no-repeat; background-position:bottom left;}
</style>

<style>
.m {display:block;width:202px;height:18px; background-color:transparent; background-image:url("http://www.freewebs.com/kyanix/msg1.png"); background-repeat:no-repeat; background-position:top left; }

.m:hover {display:block;width:202px;height:18px; background-color:transparent; background-image:url("http://www.freewebs.com/kyanix/msg2.png"); background-repeat:no-repeat; background-position:bottom left;}
</style>



<style>
.friendsComments {display:none;}
blockquote{background-color: 111111;
color:5f5f5f;
padding: 10px;
padding-bottom: 5px;
width: 400px;
padding-left: 15px;
margin-left: 15px;
line-height: 15px;
border-bottom: 0px solid;
border-color:d6d6d6;
_margin-left: 20px;
background-image:url(http://www.freewebs.com/kyanix/-1%20copy.png);
background-position: top left;
background-repeat: no-repeate;}

a {color:b82929 !important;
font-family:arial!important;
font-size:8pt!important;
letter-spacing: 0px!important;
font-weight: bold!important;
text-decoration: bold!important;}

a {color:b82929 !important;
font-family:arial!important;
font-size:8pt!important;
letter-spacing: 0px!important;
font-weight: bold!important;
text-decoration: bold!important;}

.nav1{color:000 !important;
font-family:arial!important;
font-size:8pt!important;
letter-spacing: -0px!important;
font-weight: normal!important;
text-decoration:none!important;
padding:2;}

.nav1:hover {color:fba724 !important;
font-family:arial!important;
font-size:8pt!important;
letter-spacing: 0px;
text-decoration:none!important;}

img {border:0px;}

h1 {margin: 0px;
color: c4c4c4;
text-align:right;
border-bottom:opx solid;
border-color:1f1f1f;
font-family:arial;
background-color: trasparent;
line-height: 12px;
padding:2px;
margin-bottom: 5px;
margin-top: 2px;
padding-left:0px;
font-size: 10pt;
font-weight: normal;
letter-spacing: 1px;
text-transform: uppercase;}

h2 {margin: 0px;
color: b82929;
text-align:center;
border-bottom:1px solid;
border-left:0px solid;
border-color:b82929;
font-family:arial;
background-color: trasparent;
line-height: 12px;
padding:0px;
margin-bottom: 5px;
margin-top: 5px;
padding-left:5px;
font-size: 10pt;
font-weight: normal;
letter-spacing: 1px;
text-transform: none;}


h3 {margin: 0px;
color: c4c4c4;
text-align:left;
border-bottom:1px solid;
border-left:5px solid;
border-color:fff;
font-family:arial;
background-color: trasparent;
line-height: 12px;
padding:2px;
margin-bottom: 5px;
margin-top: 2px;
padding-left:5px;
font-size: 10pt;
font-weight: normal;
letter-spacing: 1px;
text-transform: none;}




u { color:b82929;
text-decoration:none;
border-bottom:1px solid;
font-size:11px;}

S {
font-style: strike;
font-size:10px;}

B {
font-family:arial;
font-size:12px;
color:e1a53e;
letter-spacing: 0px ;
font-weight:none;
border:0px;
text-transform: none; }

.aboutme1{
color:cecece!important;
font-family:arial;
font-size:9pt;
font-weight: normal;
text-transform:none;
letter-spacing: 0px;
text-align:justify;}

.aboutme2{
color:575757!important;
font-family:arial;
font-size:9pt;
font-weight: normal;
text-transform:none;
letter-spacing: 0px;
text-align:justify;
scrollbar-arrow-color:b82929;
scrollbar-track-color:181818;
scrollbar-shadow-color:222222;
scrollbar-face-color:181818;
scrollbar-highlight-color:979797;
scrollbar-darkshadow-color:868686;
scrollbar-3dlight-color:000000;
}


</style>
</style>
<style>body{cursor:Crosshair; overflow-x:hidden; }</style>
<style>a:hover{cursor:Help}</style>
<style>
.profileInfo, .contactTable, .userProfileURL, .interestsAndDetails, .userProfileDetail, .userProfileNetworking, .userProfileSchool, .userProfileCompany, .extendedNetwork, .latestBlogEntry, .blurbs td.text, .orangetext15, table div { display:none!important;
}div table div, table table div {
display:block!important; padding:0;
}table, tr, td {
background:none; border:none;
}.clearfix, .clearfix div {
background-image:none!important;
overflow:hidden;
}.clearfix {
position:relative;
top:-30px;
width:728px;
}.clearfix .clearfix {
bottom:-30px;
margin:-45px 0 0;
position:relative;
top:auto;
width:auto;
}.clearfix .clearfix div {
margin:45px 0 0;
}.clearfix .clearfix div div {
margin:auto;
}.profile, .profile div, .profile input, .clearfix select,.clearfix option, .clearfix ul {
display:none!important;
filter:alpha(opacity=0);
-moz-opacity:0;
opacity:0;
}.friendSpace {display:none;}.contactTable {display: none;}.extendedNetwork {display:none;}.latestBlogEntry {display:none;}.userProfileURL {display:none;}.userProfileDetail {display:none;}
</style>

<style>
body{}
body{background-color:0d0904;background-image:url(http://i41.tinypic.com/2ntio1s.png);background-position: top left;background-repeat: no-repeate;}
</style>
<div class="p1" style="position: absolute; left:50%;margin-bottom:100px; margin-left:-520; _margin-left:-516px;top:100px; width:autopx; height:autopx; overflow: hidden;">
<img src="http://i44.tinypic.com/2vlwhmf.png" />
</div>

CODE

<div class="aboutme2" style="position: absolute; left:50%; margin-left: -520; top:577px; width:autopx; height:autopx; overflow: auto;">

<a href="URL HERE" class="h"></a>

</div>



<div class="aboutme2" style="position: absolute; left:50%; margin-left: -520; top:557px; width:autopx; height:autopx; overflow: auto;">

<a href="URL HERE" class="b"></a>

</div>


<div class="aboutme2" style="position: absolute; left:50%; margin-left: -520; top:537px; width:autopx; height:autopx; overflow: auto;">

<a href="URL HERE" class="p"></a>

</div>

<div class="aboutme2" style="position: absolute; left:50%; margin-left: -520; top:497px; width:autopx; height:autopx; overflow: auto;">

<a href="URL HERE" class="add"></a>

</div>

<div class="aboutme2" style="position: absolute; left:50%; margin-left: -520; top:517px; width:autopx; height:autopx; overflow: auto;">

<a href="URL HERE" class="m"></a>

</div>

<div class="aboutme2" style="position: absolute; left:50%; margin-left: 186; top:300px; width:308px; height:207px; overflow: auto;">

<b>Update:</b> Lorem ipsum dolor sit amet.<br />
<b>Update:</b> Aenean sed urna. Integer nulla purus, tempor vel, vestibulum id, ullamcorper id, sapien.<br />
<b>Update:</b> Ut euismod justo at elit. Quisque in massa.<br /><br />

<a href="url" target="_blank">Link</a>
<a href="url" target="_blank">Link</a>
<a href="url" target="_blank">Link</a>
<a href="url" target="_blank">Link</a>
<a href="url" target="_blank">Link</a>
<br /><br />
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean sed urna. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean sed urna. Integer nulla purus, tempor vel, vestibulum id, ullamcorper id, sapien. Nulla facilisi. Integer nulla purus, tempor vel, vestibulum id, ullamcorper id, sapien. Nulla facilisi. Integer nulla purus, tempor vel, vestibulum id, ullamcorper id, sapien. Nulla facilisi. Integer nulla purus, tempor vel, vestibulum id, ullamcorper id, sapien. Nulla facilisi.


</div>

<div class="aboutme1" style="position: absolute; left:50%; margin-left: -290; top:400px; width:456px; height:autopx; overflow: hidden;">

<h1>Every day i'm a star in the city</h1>
<u>Underlined</u> <b>Bold</b> <s>Strike</s> <i>Italicize</i> <a href="url" target="_blank">Link</a>
<br />
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean sed urna. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean sed urna. Integer nulla purus, tempor vel, vestibulum id, ullamcorper id, sapien. Nulla facilisi. Sed tempus. Fusce metus. Curabitur rhoncus fringilla ligula. Ut euismod justo at elit. Quisque in massa. Nullam ut justo. Donec a diam. Ut nec sapien in velit ultricies adipiscing. Duis fermentum justo sed arcu dapibus ultrices. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean sed urna. Integer nulla purus, tempor vel, vestibulum id, ullamcorper id, sapien. Nulla facilisi.Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean sed urna. Integer nulla purus, tempor vel, vestibulum id, ullamcorper id, sapien. Nulla facilisi.
<h2>Walk the streets like a wanted man</h2>
<blockquote> Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean sed urna. Integer nulla purus, tempor vel, vestibulum id, ullamcorper id, sapien. Nulla facilisi. Sed tempus. Fusce metus. Curabitur rhoncus fringilla ligula. Ut nec sapien in velit ultricies adipiscing. Duis fermentum justo sed arcu dapibus ultrices. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean sed urna. Integer nulla purus, tempor vel, vestibulum id, ullamcorper id, sapien. Nulla facilisi. Sed tempus. Fusce metus. Curabitur rhoncus fringilla ligula. Ut euismod justo at elit. Quisque in massa. </blockquote>

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean sed urna. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean sed urna. Integer nulla purus, tempor vel, vestibulum id, ullamcorper id, sapien. Nulla facilisi. Sed tempus. Fusce metus. Curabitur rhoncus fringilla ligula. Ut euismod justo at elit. Quisque in massa.

<br />
<h3>All the time got my shine lookin pretty</h3>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean sed urna. Integer nulla purus, tempor vel, vestibulum id, ullamcorper id, sapien. Nulla facilisi. Sed tempus. Fusce metus. Curabitur rhoncus fringilla ligula. Ut euismod justo at elit. Quisque in massa. Nullam ut justo. Donec a diam. Ut nec sapien in velit ultricies adipiscing. Duis fermentum justo sed arcu dapibus ultrices. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean sed urna. Integer nulla purus, tempor vel, vestibulum id, ullamcorper id, sapien. Nulla facilisi. Sed tempus.

</div>


<div class="aboutme1" style="position: absolute; left:50%; margin-left: -448; top:176px; width:autopx; height:autopx; overflow: auto;">

<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" height="219" width="283">
<param name="allowScriptAccess" value="never" />
<param name="allowNetworking" value="internal" />
<param name="movie" value="http://www.youtube.com/v/zupy7R4uR2g&hl=en&fs=1" />
<param name="wmode" value="transparent" />
<embed type="application/x-shockwave-flash" allowScriptAccess="never" allowNetworking="internal" src="http://www.youtube.com/v/zupy7R4uR2g&hl=en&fs=1" height="219" width="283" wmode="transparent" />
</object>

</div>

<div class="aboutme1" style="position: absolute; left:50%; margin-left: 186; top:540px; width:autopx; height:autopx; overflow: auto;">

<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" height="360" width="285" style="width:285px;height:360px">
<param name="allowScriptAccess" value="never" />
<param name="allowNetworking" value="internal" />
<param name="movie" value="http://widget-fd.slide.com/widgets/slideticker.swf" />
<param name="wmode" value="transparent" />
<param name="quality" value="high" />
<param name="scale" value="noscale" />
<param name="salign" value="l" />
<param name="flashvars" value="cy=ms&il=1&channel=3242591731725363197&site=widget-fd.slide.com" />
<embed type="application/x-shockwave-flash" allowScriptAccess="never" allowNetworking="internal" src="http://widget-fd.slide.com/widgets/slideticker.swf" height="360" width="285" style="width:285px;height:360px" wmode="transparent" quality="high" scale="noscale" salign="l" flashvars="cy=ms&il=1&channel=3242591731725363197&site=widget-fd.slide.com" />
</object>


</div>

[*Janette*]

It's aligned for me in ff. But something about the video placement seems like it was misaligned from somewhere else. I don't know. I like the rest of it though.

[-DressYourEyelid...]

i like it... but it is busy. i can't stare at it too long, in fear of becoming dizzy.