DBSK

Designer's Comments

Look carefully for specific instructions

Link to my layouts archives

I don't really listen to their music but I've heard they're good, + I like this picture (;

Tested in Firefox, Explorer, and Safari;
Background created in Gimp;
Brushes from obsidiandawn.com;
Please do not remove credits; enjoy (:

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>
.profileInfo, .extendedNetwork, .latestBlogEntry, .interestsAndDetails, .userProfileURL, .friendsComments, .userProfileNetworking, .userProfileSchool, .userProfileDetail, .userProfileCompany, .friendSpace, .contactTable, .orangetext15 { display:none; }

body { background-color:fff;background-image:url('http://cbimg6.com/layouts/09/02/33878aa.png');scrollbar-3dlight-color:fff;scrollbar-arrow-color:3f3f6f;scrollbar-track-color:3f3f6f;scrollbar-darkshadow-color:fff;scrollbar-face-color:fff;scrollbar-highlight-color:fff;scrollbar-shadow-color:fff; }

table, tr, td { background-color:transparent;border:0px;padding:0px; }
div br { line-height:0; }
table td div { visibility:hidden; }
table table td div { visibility:visible; }

div, table, td, p, ul, ol, li, .text, font, textarea, input, a { font-family:"lucida grande", tahoma, verdana, arial, sans-serif;font-size:12px;color:000;text-decoration:none!important; }

a { border-bottom:1px dotted;color:3f3f6f!important;border-color:000!important; }
a:hover { border-bottom:1px dotted;color:000!important;border-color:3f3f6f!important; }
u { border-bottom:1px dotted;border-color:3f3f6f; }

.eBanner { position:absolute;left:50%;top:110px;margin-left:-415px;width:830px;height:563px;background-image:url('http://cbimg6.com/layouts/09/02/33878ab.png'); }

.eBackground { position:absolute;left:50%;top:658px;margin-left:-415px;width:830px;height:330px;background-image:url('http://cbimg6.com/layouts/09/02/33878ac.png'); }

.eBody { position:relative;margin-top:30px;margin-left:30px;width:770px;height:270px;text-align:justify; }

.eLinks { height:20px;width:100%;border-bottom:1px dotted; }
.eLinks a { display:block;height:17px;font-weight:normal!important;border:0px!important;padding:3 0 0 10px; }
.eLinks a:hover { background-image:url('http://cbimg6.com/layouts/09/02/33878aa.png');padding-left:15px; }

.eComment form { display:block!important; }
textarea { width:100%;height:80px;background-color:transparent;border:0px;color:3f3f6f!important; }
.eComment input { background-color:transparent;color:3f3f6f!important;border:0px!important;border-top:1px dotted!important;border-color:000!important;width:100%; }

.eBottomLinks { position:absolute;left:50%;top:980px;margin-left:-400px;width:800px;height:30px;font-size:8px;text-align:center; }
.eBottomLinks a { font-size:8px!important; }

div.profileWidth table tr td div ul li a, div.profileWidth table tr td div ul li .rail { position:relative;left:-10000px; }
div.profileWidth { margin-top:-30px!important; }
div.profileWidth div { filter:alpha(opacity=0);opacity:0.0001 }
div.profileWidth div.clearfix, div.profileWidth div div { filter:none;opacity:0.9999; }
div.profileWidth div.clearfix { position:relative;top:40px; }

h1.mslogo, div.srchfieldLayer, input.srchTextfld, span.loc2, div.srchButton, div div select, div div form, a.text { display:none!important; }

ul, li, .clearfix td, .rail, .clearfix { background-color:transparent!important;background-image:none!important; }

</style>

Layout Code

Copy and paste to I'd Like to Meet

Help

<div class='eBanner'></div>
<div class='eBackground'>
<div class='eBody'>
<table style='width:100%;height:270px;'><tr><td valign='top' style='width:200px;border-right:1px dotted;padding-right:5px;'>
<img src='http://cbimg6.com/layouts/09/02/33878ad.png' />
<div class='eLinks'><a href='index.cfm?fuseaction=user'>home</a></div>
<div class='eLinks'><a href='index.cfm?fuseaction=invite.addfriend_verify&friendID=XXXXXXXX'>add</a></div>
<div class='eLinks'><a href='index.cfm?fuseaction=mail.message&friendID=XXXXXXXX'>message</a></div>
<div class='eLinks'><a href='index.cfm?fuseaction=user.viewAlbums&friendID=XXXXXXXX'>pictures</a></div>
<div class='eLinks'><a href='index.cfm?fuseaction=user.viewfriends&friendID=XXXXXXXX'>friends</a></div>
<div class='eLinks' style='border:0px;'><a href='index.cfm?fuseaction=block.blockUser&userID=XXXXXXXX'>block</a></div>
<br />

<img src='http://cbimg6.com/layouts/09/02/33878ae.png' />
<div class='eComment'>
<form method="post" action="index.cfm?fuseaction=user.viewProfile_commentForm&friendID=XXXXXXXX">
<input type="hidden" name="__EVENTTARGET" id="__EVENTTARGET" value="" />
<input type="hidden" name="__EVENTARGUMENT" id="__EVENTARGUMENT" value="" />
<input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE" value="" />
<textarea name="ctl00$ctl00$cpMain$UserWriteCommentsControl$commentTextBox">You can leave me a comment here! (:</textarea>
<br />
<input type="submit" name="ctl00$ctl00$cpMain$UserWriteCommentsControl$postcommentImageButton" value="Submit" />
</form>
</div>
</td>
<td valign='top' style='padding-left:5px;text-align:justify;'>
<img src='http://cbimg6.com/layouts/09/02/33878af.png' />
<div style='height:244px;overflow:auto;'>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam mauris tortor, pretium vitae, tincidunt vitae, dapibus ac, dolor. Suspendisse faucibus, tortor nec feugiat mollis, tortor augue luctus diam, eget vehicula nisl dolor eu diam. Ut tempus felis non risus. Vivamus adipiscing ipsum et arcu. Aliquam ultrices mauris quis leo. Quisque tristique ornare nibh. Suspendisse sed lacus quis urna porta porttitor. Nulla a orci. Ut scelerisque sapien ut ligula. Etiam sollicitudin pede quis arcu. Quisque velit. Morbi nunc nulla, adipiscing non, gravida sed, dignissim sit amet, orci. Duis erat arcu, mollis et, interdum ac, sodales non, orci. Donec nisi neque, hendrerit vitae, posuere ut, fringilla rhoncus, lacus. Donec velit enim, luctus a, gravida eu, mollis congue, ipsum.
<p>
Aenean faucibus arcu a lectus. Donec lorem mauris, congue eget, malesuada ac, sagittis vel, sapien. Donec blandit purus id enim. Sed ligula. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Phasellus eget orci in sapien ornare laoreet. Fusce elementum augue vehicula neque. Nam nec orci. Phasellus in risus vel odio lobortis eleifend. Fusce tempus turpis vitae ante. Suspendisse et odio. Proin sit amet lectus eget sem fringilla laoreet. Quisque auctor, lacus quis adipiscing posuere, lorem risus dictum dolor, non feugiat diam quam a arcu. Fusce sapien odio, ullamcorper ut, tincidunt eget, dictum eu, dolor. Nam eleifend nisi sit amet nibh. In mollis elementum metus. 
<p>
Cras semper erat. In hac habitasse platea dictumst. Maecenas viverra, nisl a fringilla dapibus, ipsum diam tempor massa, eu tristique nisl enim a dolor. Vivamus metus arcu, porta sit amet, ultrices eget, malesuada interdum, dolor. Morbi dignissim vulputate sapien. Nulla facilisi. Nunc nisi quam, malesuada at, tristique ac, mollis id, elit. Integer lacinia suscipit massa. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Sed rhoncus, felis et tempor vehicula, purus enim eleifend lorem, ac euismod leo dolor fermentum mauris. Morbi nec mi tempor mi tincidunt iaculis. Duis cursus. Mauris aliquam felis eget mi. Pellentesque dolor. Etiam convallis eros quis nisl consequat vehicula. Fusce tristique vehicula metus. Aenean adipiscing laoreet sem. Morbi laoreet, metus semper consectetur scelerisque, orci sem dictum libero, id vehicula nulla erat vel tellus. Morbi et nisl. Aliquam a felis. 
</div>
</td>
</tr></table>
</div>
</div>

<div class='eBottomLinks'>
<a href='http://elletricity.com'>credits</a> // <a href='index.cfm?fuseaction=misc.aboutus'>about</a> | <a href='index.cfm?fuseaction=misc.terms'>terms</a> | <a href='index.cfm?fuseaction=misc.privacy'>privacy</a> | <a href='index.cfm?fuseaction=cms.viewpage&placement=safety_pagehome'>safety</a> | <a href='index.cfm?fuseaction=misc.contact'>contact</a> | <a href='index.cfm?fuseaction=help.reportabuse&AbuseType=Profile&ProfileContentID='>report</a> | <a>©myspace.com. all rights reserved.</a>
</div>