Big Bang: TOP

Designer's Comments

Look carefully for specific instructions

Link to my layouts archives

Tested in Firefox, Explorer, and Safari;
Possibly a misalignment in Explorer;
Backgrounds created in Gimp;
Images from yg-bangs.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;scrollbar-3dlight-color:fff;scrollbar-arrow-color:220d27;scrollbar-track-color:854f93;scrollbar-darkshadow-color:fff;scrollbar-face-color:fff;scrollbar-highlight-color:fff;scrollbar-shadow-color:fff; }
table, tr, td { background-color:transparent; }

div, table, td, p, .text, font, textarea, input { font-family:verdana;font-size:11px;text-decoration:none!important;color:220d27!important; }

a { font-family:verdana;font-size:10px;text-decoration:none!important;color:fff!important; }
a:hover { color:431a4d!important; }

.eBg { position:absolute;left:50%;top:110px;margin-left:-400px;height:650px;width:800px;background-color:fff; }

.eContent { position:absolute;left:50%;top:110px;margin-left:-400px;width:800px; }

.eMenu { position:relative;margin-top:150px;margin-left:390px;height:18px;width:310px;text-align:center;border-bottom:1px dotted;border-color:431a4d; }

.eBodyOut { position:relative;margin-top:2px;margin-left:390px;height:218px;width:310px;border-bottom:1px dotted;border-color:431a4d; }
.eBodyIn { position:relative;height:213px;overflow:auto; }

.eComment { position:relative;margin-top:5px;margin-left:390px;height:100px;width:310px;background-image:url('http://cbimg6.com/layouts/09/02/33773aa.png');background-repeat:no-repeat; }
textarea { margin-top:5px;margin-left:5px;height:70px;width:300px;border:0px;background-color:transparent;color:fff!important; }
.eButton { margin-top:7px; }
.eComment form { display:block!important; }

.eBottomLinks { position:absolute;left:50%;top:630px;margin-left:-250px;width:600px;height:15px;text-align:center; }
.eBottomLinks a { font-size:9px!important;color:220d27!important;font-weight:normal!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='eContent'>
<div class='eMenu'>
<a href='index.cfm?fuseaction=user'>home</a> | <a href='index.cfm?fuseaction=invite.addfriend_verify&friendID=XXXXXXXX'>add</a> | <a href='index.cfm?fuseaction=mail.message&friendID=XXXXXXXX'>message</a> | <a href='index.cfm?fuseaction=user.viewProfile_commentForm&friendID=XXXXXXXX'>comment</a> | <a href='index.cfm?fuseaction=user.viewAlbums&friendID=XXXXXXXX'>pictures</a> | <a href='index.cfm?fuseaction=block.blockUser&userID=XXXXXXXX'>block</a>
</div>

<div class='eBodyOut'><div class='eBodyIn'>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam ut ligula. Fusce semper accumsan leo. Phasellus tortor felis, porta sit amet, tincidunt luctus, dapibus vel, augue. Quisque vel lacus vitae nisi semper tristique. Nunc diam felis, pellentesque et, tristique quis, rutrum eget, augue. Vestibulum ullamcorper, orci eu dictum porta, tortor est scelerisque ante, quis cursus diam metus quis metus. In magna lectus, blandit quis, congue eu, rutrum a, felis. Etiam pharetra. Vestibulum auctor nunc vestibulum dolor. Ut dictum, velit id hendrerit lobortis, neque elit venenatis mi, ut dictum quam ipsum at sapien. Donec vitae ligula et augue molestie commodo. Cras lobortis tincidunt neque.
<br /><br />
Phasellus sollicitudin enim in felis. Vivamus iaculis ligula et leo. Vestibulum sodales. Nulla mi velit, molestie convallis, facilisis nec, lacinia a, risus. Proin fringilla. Sed ligula metus, egestas a, sagittis quis, elementum nec, odio. Aliquam lobortis, ligula ac placerat blandit, leo ipsum porta lectus, et adipiscing arcu urna ac pede. Maecenas pellentesque augue ac tellus. Phasellus vitae lectus in nisi tempor mollis. Integer ultricies ipsum a diam. Nam bibendum, lectus nec commodo ullamcorper, ligula augue fermentum est, quis commodo quam odio et metus. Fusce egestas enim eu leo. Vestibulum tempor ultrices dolor. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
<br /><br />
Aenean nibh lectus, laoreet ac, rutrum quis, bibendum eget, pede. Aliquam erat volutpat. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Quisque at nisl. Nulla leo. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Sed placerat quam eget lorem. Nam mollis volutpat tellus. Sed imperdiet arcu vitae est. Duis scelerisque, odio eget lacinia molestie, nisi mi volutpat ipsum, ut pharetra mauris risus ac tellus. Nam blandit felis sit amet odio. Morbi consectetur nisi eu ante. Nunc id risus ut pede pretium tempus.
</div></div>

<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 />
<div style='text-align:right;'>
<input type="submit" name="ctl00$ctl00$cpMain$UserWriteCommentsControl$postcommentImageButton" class='eButton' value="Submit" />
<input class='eButton' type="reset" value="Clear" />
</form>
</div></div>
</div>

<div class='eBottomLinks'><a href='index.cfm?fuseaction=misc.aboutus' target="_blank">About</a> | <a href='index.cfm?fuseaction=misc.terms' target="_blank">Terms</a> | <a href='index.cfm?fuseaction=misc.privacy' target="_blank">Privacy</a> | <a href='index.cfm?fuseaction=cms.viewpage&placement=safety_pagehome' target="_blank">Safety</a> | <a href='index.cfm?fuseaction=misc.contact' target="_blank">Contact</a> | <a href='index.cfm?fuseaction=help.reportabuse&AbuseType=Profile&ProfileContentID=' target="_blank">Report</a> | <a>©Myspace.com. All Rights Reserved.</a>
</div>

Layout Comments

Showing latest 9 of 9 comments

this is love. O__O

By SnailyPearlBoy on Nov 3, 2009 6:31 pm

Cool layout ^_^

By Medi on Mar 16, 2009 6:24 pm

this is very nice
however in layouts like this, it would've been nicer to see the non-anime version of the singer as like a faded background of the content area
but i like cleanliness and simplicity

By twodreamlovers on Mar 5, 2009 8:20 pm