Bangs: VIP

Designer's Comments

Look carefully for specific instructions

Link to my layouts archives

VIP is a song by Big Bang, hence the title.

Tested in Firefox, Explorer, and Safari;
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:000;scrollbar-3dlight-color:000;scrollbar-arrow-color:fff;scrollbar-track-color:fff;scrollbar-darkshadow-color:000;scrollbar-face-color:000;scrollbar-highlight-color:000;scrollbar-shadow-color:000; }

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, .text, font, input { font-family:verdana;font-size:11px;text-decoration:none!important;color:fff; }

a { font-family:verdana;font-size:11px;border-bottom:1px dotted;text-decoration:none!important;border-color:ff6568;color:707070!important; }
a:hover { color:ff6568!important;border-color:fff; }

b { color:939393; }
u { color:707070;border-bottom:1px dotted;border-color:ff6568; }
i { color:ff6568; }

.eBanner { position:absolute;left:50%;top:110px;margin-left:-422px;width:844px;height:266px;background-image:url('http://cbimg6.com/layouts/09/02/33818aa.png'); }

.eBody { position:absolute;left:50%;top:335px;margin-left:-422px;width:844px;height:444px;background-color:000;background-image:url('http://cbimg6.com/layouts/09/02/33818ab.png'); }

.eMenu { position:relative;margin-top:27px;margin-left:27px;height:280px;width:307px; }
.eMenu table { width:100%; }

div.eLink a { display:block;height:56px!important;padding-left:15px;border:0px!important; }
div.eLink a:hover { background-position:center center;background-repeat:no-repeat; }
img { border:0px!important; }

a.hme:hover { background-image:url('http://cbimg6.com/layouts/09/02/33818ac.png'); }
a.add:hover { background-image:url('http://cbimg6.com/layouts/09/02/33818ad.png'); }
a.msg:hover { background-image:url('http://cbimg6.com/layouts/09/02/33818ae.png'); }
a.pic:hover { background-image:url('http://cbimg6.com/layouts/09/02/33818af.png'); }
a.blk:hover { background-image:url('http://cbimg6.com/layouts/09/02/33818ag.png'); }

.eComment { position:relative;margin-top:25px;margin-left:32px;height:80px;width:297px; }
textarea { width:100%;height:58px;border:0px;background-color:transparent;font-family:verdana;font-size:15px;color:fff; }
input { background-color:transparent;border:0px!important; }
.eComment form { display:block!important; }

.eBlurbs { position:absolute;top:32px;margin-left:354px;height:380px;width:458px;overflow:auto; }

.eBottomLinks { position:absolute;left:50%;top:775px;margin-left:-422px;width:844px;height:30px;font-size:8px;text-align:center; }
.eBottomLinks a { font-size:8px!important;border:0px; }

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='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" />
<input type="reset" value="Clear" />
</form>
</div>

<div class='eBlurbs'>
<a href='elletricity'>This is a link.</a> <b>This is bold text</b>. <u>This is underlined text.</u> <i>This is italic text</i>.
<br /><br />
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.
<br /><br />
Etiam libero. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Donec ornare sem quis lorem. Donec non nisi nec lacus aliquam iaculis. Maecenas rutrum elit eget est. Morbi ornare nunc. Proin nec augue in massa venenatis adipiscing. Mauris velit. Aenean ornare, lectus vel volutpat porta, lectus sapien blandit augue, sit amet ullamcorper mi neque in nibh. Fusce diam est, lobortis et, pharetra et, vehicula eu, pede. Ut pulvinar venenatis mi. Integer suscipit, massa vitae tristique ornare, ipsum purus tempor justo, ac placerat magna lorem sit amet odio. Vestibulum venenatis nisl in nulla. Suspendisse ipsum sapien, condimentum a, fringilla quis, pellentesque a, arcu. Suspendisse tempor tristique magna. Sed vitae tortor. Maecenas ut justo ac sapien vehicula tincidunt. Integer varius. Mauris tristique, est sit amet sagittis lobortis, dolor mauris consectetur dolor, ac blandit nulla sapien id sapien.
<br /><br />
Sed nec nisi. Integer porta leo. Donec interdum pulvinar nulla. Suspendisse potenti. Nunc sem. Aenean iaculis dui sed tellus. Nulla blandit ligula quis elit. Aliquam erat volutpat. Proin enim. In augue turpis, volutpat eu, vehicula eget, rutrum vel, mauris. Praesent semper consectetur velit. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Mauris posuere vulputate mauris. Vestibulum malesuada purus ullamcorper arcu. Suspendisse bibendum neque et nibh. Nunc vehicula leo ut eros. Maecenas orci tellus, tincidunt nec, condimentum a, vulputate id, sem. Nullam tincidunt. Sed in magna. Morbi sit amet turpis nec sem vestibulum tempor.
</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>

Layout Comments

Showing latest 10 of 11 comments

I'm with this black version a little more than the white one. Idk, it's a little tougher.

By Butterface89 on Aug 29, 2010 11:38 pm

i cant get my music player to work?? any1 know wat i did wrong??

By xexinexx on Aug 2, 2009 5:46 pm

it doesn't work for me..HELP.!

By chastergurl on Apr 6, 2009 6:55 pm

love the images & font choice.

By calilani on Mar 26, 2009 1:19 am

Very nice. :)

By Diante on Mar 22, 2009 7:58 pm

Nice layout ^_^

By Medi on Mar 16, 2009 5:59 pm

not sure about the font you chose for the navigation, it seems too overpowering
i loved big bang ever since i listened to the song vip, very powerful :)
very cute hovers
great job :)

By twodreamlovers on Mar 5, 2009 8:17 pm