night life.

Designer's Comments

Look carefully for specific instructions

Reminds me of a calendar. :D

This layout has 4 sections and the numbers in the I'd like to meet code corresponds to the numbers to the layout boxes.

Background made with brushes.

Remember to replace XXXXXX with your friendid that's located at the bottom of the about me code.

I have made a wallpaper out of this. If you want it, grab it at deviantart. night life. (wallpaper)

Using This Layout

For specific instructions read designer's comments

This is a div overlay layout, html knowledge required!
1. Log into myspace.com
2. Click on Edit Profile (Profile 1.0)
3. Copy (ctrl c) and paste (ctrl v) code to the specified fields

Update Friend ID

Input Friend ID to automagically update code

Layout Code

Copy and paste to About Me

Help

<p><a href="http://www.createblog.com/myspace-layouts/" title="Grab Myspace Layouts and Myspace Codes"><img src="http://www.createblog.com/images/link1.gif" border="0" alt="Myspace Layouts" style="position:absolute;top:0px;left:0px;width:10px;height:27px;" /></a></p><style>
div form, .mslogo, div ul {display:none!important;}
div div, div td {background-color:transparent; background-image:none!important;}
div.profileWidth {margin-top: -30px !important;}div.profileWidth div {filter:alpha(opacity=0); opacity:0.0001}div.profileWidth div.clearfix, i i i, 
div.profileWidth div div {filter:none; opacity:0.9999}div.profileWidth div.clearfix {position:relative; top:30px}
div div select, div div form {display:none !important;}

body {
background-color:black;
}
b, strong, .btext {font-family: times new roman; font-size:12pt;letter-spacing:1px; color:618FAB;}
i, em, .itext {font-family: georgia; color:D9BA5F; text-transform: lowercase;}
u, .utext { font family: times; color:BF0000; font-size:10pt; border-bottom: dashed 1px;}
s {font family: century gothic; color:E86A25;}

.header {display: block; visibility: visible; font-family: georgia; color:F2BA52; text-align:left; font-size: 22px; letter-spacing:-1px; text-transform: lowercase; line-height:24px; font-weight: normal; border-color:F2BA52; border-bottom: solid 2px;}

.box01
{color:white;position:absolute;top:268px;margin-left:-348px;left:50%; height:180px; text-align:justified; width:245px;overflow:auto;}

.box02
{color:white;position:absolute;top:268px;margin-left:-98px;left:50%; height:180px; text-align:justified; width:245px;overflow:auto;}

.box03
{color:white;position:absolute;top:468px;margin-left:-348px;left:50%; height:180px; text-align:justified; width:245px;overflow:auto;}

.box04
{color:white;position:absolute;top:468px;margin-left:-98px;left:50%; height:180px; text-align:justified; width:245px;overflow:auto;}

.nightlife01
{display:block; height:300px; width:800px; position:absolute; top:115px; left:50%; margin-left:-400px; overflow:hidden;}

.nightlife02
{display:block; height:300px; width:800px; position:absolute; top:415px; left:50%; margin-left:-400px; overflow:hidden;}

table, td, tr, th,body, p, td, font,td, li, p li, p, br, table 
{font-family:arial; font-size: 9pt; color: black;}
table, tr, td 
{border: none; background-color: transparent; padding: 0;}
table 
{border: none; background-color: transparent;}
table table 
{border: none; border-color: none; background-color: transparent;}
table table table 
{border:none; background-color: transparent; padding:0;}
table table table table 
{border: none; border-color: none;}
a, a:link, a:active, a:visited 
{font-family: tahoma; font-size: 12px; color:3D686B; font-weight: normal;letter-spacing:;}
a:hover 
{font-family:tahoma; color:white; font-weight: normal; background-color: transparent;} 
a:link img, a:visited img {filter: none;border:0px}

.googlebar,.profilelinks,.navigationbar,.navigationbarDiv,.contacttable,.whitetext12,.nametext,.lightbluetext8,.orangetext15,.blacktext12,.btext,.redtext,.redbtext{display:none;height:0px;!important;visibility:hidden !important;}
td td td td{border:0px;width:0px;text-align:left;}
table,td,tr{padding:0px;width:;background-color:transparent}
table table table{padding:1px;height:.01%;width:100%;}
table table,table table table table,table,tr,td{height:0px;!important;border:0px;!important}
a.text,table div font a,table div div,.navbar font,tr td font{visibility:hidden;display:none;height:0px;!important;}
table table table table,table table table table td.text, td.text td.text table{display:none;}
td.text table table{display:inline;visibility:visible;}
table td table tr td.text table{visibility:hidden;}
table td table tr td.text table table,table td table tr td.text table table td.text{visibility:visible;}

a img {border: 0px;}
</style>

Layout Code

Copy and paste to I'd Like to Meet

Help

<div class="box01">
<span class="header">Lorem ipsum</span>
<b>Bold</b> <i>Italics</i> <s>Strikethrough</s> <u>Underline</u>
<br /><br />
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. Proin semper, quam a semper egestas, tellus ligula sagittis ipsum, nec condimentum enim neque quis lectus. Fusce consectetuer, lacus vitae laoreet viverra, sem eros mattis sem, a feugiat sem ante in tortor. Nunc tristique velit ut metus. Proin augue sapien, cursus sed, tincidunt eu, rhoncus eu, mi. Duis et urna eget diam vestibulum suscipit. Pellentesque nec justo. Aliquam mollis tortor vel dolor. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.
 </div>

<div class="box02">
Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. In volutpat lorem a diam. Nullam augue. Etiam placerat est mollis tellus. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Proin pretium. In hac habitasse platea dictumst. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Suspendisse aliquet. Suspendisse mi dolor, consequat vitae, mollis nec, suscipit ac, mauris. Vivamus magna lectus, cursus eget, imperdiet in, pretium vel, ante. Ut varius elementum felis. Nulla magna mauris, porta sed, ultrices sed, euismod malesuada, pede.
</div>

<div class="box03">
Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Integer tempus nibh et justo. Nulla facilisi. Phasellus suscipit, tortor a congue dapibus, magna orci convallis lectus, non aliquam justo risus vel dolor. Phasellus turpis leo, porttitor vitae, mattis a, scelerisque non, est. Pellentesque sit amet pede quis purus fermentum porttitor. Sed sed lorem. In sodales commodo massa. Duis eu eros. Sed varius, nulla nec placerat tincidunt, nisl ante dignissim lectus, at posuere augue massa. 
</div>

<div class="box04">
Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Integer tempus nibh et justo. Nulla facilisi. Phasellus suscipit, tortor a congue dapibus, magna orci convallis lectus, non aliquam justo risus vel dolor. Phasellus turpis leo, porttitor vitae, mattis a, scelerisque non, est. Pellentesque sit amet pede quis purus fermentum porttitor. Sed sed lorem. In sodales commodo massa. Duis eu eros. Sed varius, nulla nec placerat tincidunt, nisl ante dignissim lectus, at posuere augue massa. 
</div>

Layout Comments

Showing latest 10 of 15 comments

I think your CD label-link is a little too obnoxiously large, and throws off the feel of your layout, because it is a cool color and your layout is of warm colors. But, besides that, I really think you did a good job. I love the graphics. :)

By lesliewelcomesyou on May 23, 2010 7:40 am