DBSK Toons

Link to my layouts archives

I don't really listen to their music but I've heard they're good, + these characters are so cuute (: In order, counterclockwise: Yunho, Jaejoong, Yoochun, Xiah, and Changmin.

There's a music player included in this layout, with one song on it - Survivor by DBSK. You can change the player or leave it alone; if you change it, well, the layout looks best with that particular music player so it would be in your best interests to use the same type of player. You can customize one at myflashfetish.com.

Also, the main content will scroll, but the layout looks better if you don't, so try to keep your About Me as short as possible!

Tested in Firefox, Explorer, and Safari;
Background created in Gimp;
Images from http://tvxq-dream.er.ro;
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;background-image:url('http://cbimg6.com/layouts/09/03/33923aa.png');scrollbar-3dlight-color:fff;scrollbar-arrow-color:000;scrollbar-track-color:000;scrollbar-darkshadow-color:fff;scrollbar-face-color:fff;scrollbar-highlight-color:fff;scrollbar-shadow-color:fff; } table, tr, td { background-color:transparent; } div br { line-height:0; } div, table, td, textarea, input, p { font-size:12px;line-height:11px;letter-spacing:-1px;color:121212; } u { border-bottom:1px dotted;text-decoration:none!important; } a { text-decoration:none!important;line-height:11px;letter-spacing:-1px;color:767676!important;border-bottom:1px dotted;border-color:1f1f1f; } a:hover { color:1f1f1f!important;border-color:767676!important; } .eBodyBg { position:absolute;left:50%;top:95px;margin-left:-225px;width:450px;height:450px;background-image:url('http://cbimg6.com/layouts/09/03/33923ab.png'); } .eHeader { position:absolute;left:50%;top:130px;margin-left:-225px;height:65px;width:450;text-align:center; } .eBody { position:relative;margin-top:100px;margin-left:100px;width:250px;height:250px;text-align:justify;overflow:auto; } .eBody table { text-align:justify;padding:0px!important; } .eBottomLinks { position:absolute;left:50%;top:470px;margin-left:-85px;width:170px;height:30px;text-align:center;font-size:8px!important;line-height:7px!important; } .eBottomLinks a { font-size:8px!important;line-height:7px!important;border:0px!important; } .eHome { position:absolute;left:50%;top:122px;margin-left:-333px;width:160px;height:160px; } .eHome a { display:block;width:160px;height:160px;background-image:url('http://cbimg6.com/layouts/09/03/33923ac.png');border:0px!important; } .eHome a:hover { background-image:url('http://cbimg6.com/layouts/09/03/33923ad.png'); } .eAdd { position:absolute;left:50%;top:285px;margin-left:-353px;width:160px;height:160px; } .eAdd a { display:block;width:160px;height:160px;background-image:url('http://cbimg6.com/layouts/09/03/33923ae.png');border:0px!important; } .eAdd a:hover { background-image:url('http://cbimg6.com/layouts/09/03/33923af.png'); } .eMessage { position:absolute;left:50%;top:430px;margin-left:-283px;width:160px;height:160px; } .eMessage a { display:block;width:160px;height:160px;background-image:url('http://cbimg6.com/layouts/09/03/33923ag.png');border:0px!important; } .eMessage a:hover { background-image:url('http://cbimg6.com/layouts/09/03/33923ah.png'); } .ePictures { position:absolute;left:50%;top:507px;margin-left:-140px;width:160px;height:160px; } .ePictures a { display:block;width:160px;height:160px;background-image:url('http://cbimg6.com/layouts/09/03/33923ai.png');border:0px!important; } .ePictures a:hover { background-image:url('http://cbimg6.com/layouts/09/03/33923aj.png'); } .eBlock { position:absolute;left:50%;top:496px;margin-left:20px;width:160px;height:160px; } .eBlock a { display:block;width:160px;height:160px;background-image:url('http://cbimg6.com/layouts/09/03/33923ak.png');border:0px!important; } .eBlock a:hover { background-image:url('http://cbimg6.com/layouts/09/03/33923al.png'); } .eComment { position:absolute;left:50%;top:285px;margin-left:194px;width:160px;height:160px;background-image:url('http://cbimg6.com/layouts/09/03/33923am.png');text-align:center; } .eComment form { display:block!important; } textarea { margin-top:35px;width:90px;height:90px;background-color:transparent;overflow:auto;border:0px!important; } input { width:115px;border:0px;background-color:transparent; } .eMusic { position:absolute;left:50%;top:122px;margin-left:173px;width:160px;height:160px;background-image:url('http://cbimg6.com/layouts/09/03/33923an.png');text-align:center; } .eMusic div { position:relative;margin-top:25px;margin-left:25px;width:110px;height:110px; } 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; } table div { display:none; } div table div, table table div { display:block; } </style>

<div class='eBodyBg'> <div class='eBody'> 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. 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. </div></div> <div class='eBottomLinks'> <a href='http://elletricity.com'>credit</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><br /><a href='index.cfm?fuseaction=misc.contact'>contact</a> | <a href='index.cfm?fuseaction=help.reportabuse&AbuseType=Profile&ProfileContentID='>report</a> | <a>©myspace.com</a> </div> <div class='eHome'><a href='index.cfm?fuseaction=user'></a></div> <div class='eAdd'><a href='index.cfm?fuseaction=invite.addfriend_verify&friendID=XXXXXXXX'></a></div> <div class='eMessage'><a href='index.cfm?fuseaction=mail.message&friendID=XXXXXXXX'></a></div> <div class='ePictures'><a href='index.cfm?fuseaction=user.viewAlbums&friendID=XXXXXXXX'></a></div> <div class='eBlock'><a href='index.cfm?fuseaction=block.blockUser&userID=XXXXXXXX'></a></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><p> <input type="submit" name="ctl00$ctl00$cpMain$UserWriteCommentsControl$postcommentImageButton" value="" /> </form> </div> <div class='eMusic'><div> <center><p style="visibility:visible;"><object height="110" width="110" style="width:110px;height:110px"> <param name="allowScriptAccess" value="never" /> <param name="allowNetworking" value="internal" /> <param name="movie" value="http://cbimg6.com/layouts/09/03/33923ap.swf" /> <param name="wmode" value="transparent" /> <param name="quality" value="high" /> <param name="scale" value="noscale" /> <param name="salign" value="TL" /> <param name="flashvars" value="myid=19015481&path=2009/03/02&mycolor=CCCCCC&mycolor2=FFFFFF&mycolor3=969696&autoplay=false&rand=0&f=4&vol=100&pat=0&grad=false&ow=110&oh=110" /> <embed type="application/x-shockwave-flash" allowScriptAccess="never" allowNetworking="internal" src="http://cbimg6.com/layouts/09/03/33923ap.swf" height="110" width="110" style="width:110px;height:110px" wmode="transparent" quality="high" scale="noscale" salign="TL" flashvars="myid=19015481&path=2009/03/02&mycolor=CCCCCC&mycolor2=FFFFFF&mycolor3=969696&autoplay=false&rand=0&f=4&vol=100&pat=0&grad=false&ow=110&oh=110" /> </object> </div></div> <div class='eHeader'><img src='http://cbimg6.com/layouts/09/03/33923ao.png' /></div>

adorable ^__^

how would i change the song?

btw it's sooo adorable. thanks.

I love it

ahh...you should make one with BiG BANG! like this ! Its giong to be AWESOME!

haha, nice layout ^_^

I love teh nav.. I also lOVE what you did with teh music player lol.
It would be amazinggggg! if you were able to make circular scroll boxes instead of just square!omfg that would be awesome, right?

adorable ^-^

Love the rollovers =].

AHH DONG BANG LUV

so cute!

View all »

Designer	jiyong
Submitted on	Mar 2, 2009
Page views	21,633
Favorites	112
Comments	13
Reviewer	decaydancefbr
Approved on	Mar 3, 2009

anime, cartoons, celebrities, cute, minimal, music, dbsk, tvxq, korean, kpop

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

• Here I Stand Layouts