Bangs: Number 1

Link to my layouts archives

Number 1 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 (:

• 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

<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:707070;scrollbar-track-color:ebebeb;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, .text, font, textarea, input { font-family:"lucida grande", tahoma, verdana, arial, sans-serif;font-size:12px;text-decoration:none!important;color:161616; } a { font-family:"lucida grande", tahoma, verdana, arial, sans-serif;font-size:12px;border-bottom:1px dotted;text-decoration:none!important;border-color:ec9d36;color:b16862!important; } a:hover { color:ec9d36!important;border-color:b16862; } b { color:abbb9e; } u { color:9b7a99;border-bottom:1px dotted;border-color:ec9d36; } i { color:ec9d36; } .eBanner { position:absolute;left:50%;top:120px;margin-left:-400px;width:800px;height:240px;background-image:url('http://cbimg6.com/layouts/09/02/33817aa.png'); } .eBackground { position:absolute;left:50%;top:350px;margin-left:-400px;width:800px;height:430px;background-color:fff; } .eBody { position:absolute;left:50%;top:350px;margin-left:-400px;width:800px; } .eMenu { position:relative;margin-top:5px;margin-left:5px;height:280px;width:307px; } .eMenu table { width:100%; } div.eLink { border-bottom:1px dotted;border-color:707070; } 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/33817ab.png'); } a.add:hover { background-image:url('http://cbimg6.com/layouts/09/02/33817ac.png'); } a.msg:hover { background-image:url('http://cbimg6.com/layouts/09/02/33817ad.png'); } a.pic:hover { background-image:url('http://cbimg6.com/layouts/09/02/33817ae.png'); } a.blk:hover { background-image:url('http://cbimg6.com/layouts/09/02/33817af.png'); } .eComment { position:relative;margin-top:25px;margin-left:10px;height:80px;width:297px; } textarea { width:100%;height:58px;border:0px;background-color:transparent; } .eComment form { display:block!important; } .eBlurbs { position:absolute;top:10px;margin-left:332px;height:380px;width:458px;overflow:auto; } .eBottomLinks { position:absolute;left:50%;top:750px;margin-left:-399px;width:700px;height:10px;font-size:8px; } .eBottomLinks a { font: 8px "american typewriter", courier;color:707070!important;border:0px!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>

<div class='eBackground'> <img src='http://cbimg6.com/layouts/09/02/33817ag.png' usemap='#elle' border='0px' /><map name='elle'><area href="http://elletricity.com" shape="rect" coords="710,400,800,410" /></div> <div class='eBanner'></div> <div class='eBody'> <div class='eMenu'><table> <div class='eLink'><a class='hme' href='index.cfm?fuseaction=user'><img src='http://cbimg6.com/layouts/09/02/33817ah.png' /></a></div> <div class='eLink'><a class='add' href='index.cfm?fuseaction=invite.addfriend_verify&friendID=XXXXXXXX'><img src='http://cbimg6.com/layouts/09/02/33817ai.png' /></a></div> <div class='eLink'><a class='msg' href='index.cfm?fuseaction=mail.message&friendID=XXXXXXXX'><img src='http://cbimg6.com/layouts/09/02/33817aj.png' /></a></div> <div class='eLink'><a class='pic' href='index.cfm?fuseaction=user.viewAlbums&friendID=XXXXXXXX'><img src='http://cbimg6.com/layouts/09/02/33817ak.png' /></a></div> <div class='eLink' style='border-color:fff;'><a class='blk' href='index.cfm?fuseaction=block.blockUser&userID=XXXXXXXX'><img src='http://cbimg6.com/layouts/09/02/33817al.png' /></a></div> </table></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 /> <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='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>

This is interesting. I like dis.

love it~!!

lmao The GD one is adorableee!

sorry it took so long to fix. but the comment box works now. myspace changed their coding and i didn't have a code for working comment boxes until now.

no, wait. i still need help with the comment box!! =(

nvm hehe

my comment box doesnt work... can you please email me??
where are the interfering codes?
i did everything else already...

email: 0ceanoflov3@gmail.com

uhm, my playlist for music is behind the 5 pictures of big bang..
i cant pause the music or anything. and its kinda ugly.
can you please fix it and tell me when you do? thanks.
my email is
0ceanoflov3@gmail.com

Cool layout

it would've been nicer to see bolder colors
however i love seeing the anime version of big bang
loving the hover, again
cant wait to see more :)

View all »

Designer	jiyong
Submitted on	Feb 16, 2009
Page views	20,732
Favorites	132
Comments	14
Reviewer	Relentless
Approved on	Feb 20, 2009

anime, cartoons, celebrities, colorful, cute, fashion, minimal, music, big bang, kpop, korean, bangs, gdragon, seungri, taeyang, top, daesung

• Grab your Friend ID
• Grab layout codes
• Myspace / Xanga tracker

• Here I Stand Layouts