Kim Joon (Woo Bin)

Designer's Comments

Look carefully for specific instructions

Link to my layouts archives

This layout features Kim Joon, who plays Woo Bin of the F4 in the Korean drama Boys Before Flowers (also called Boys Over Flowers).

Tested in Firefox, Explorer, and Safari;
Created on a Mac, Firefox/Safari, 1280x800 resolution;
Background created in Gimp;
Original image from Haptic Pop wallpaper;
Brushes by Abikk on Deviantart;
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/03/34178aa.png');background-position:bottom right;background-attachment:fixed;background-repeat:repeat-y;scrollbar-3dlight-color:fff;scrollbar-arrow-color:557dc4;scrollbar-track-color:557dc4;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; }

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:223563; }

a { color: 557dc4!important;border-bottom:1px dotted;border-color:a3b7da; }
a:hover { color:a3b7da!important;border-color:557dc4; }

.eHeader { position:relative;margin-top:-100px;margin-left:69px;width:448px;height:135px;text-align:center; }

.eBody { position:absolute;left:50%;top:225px;margin-left:-405px;width:585px;height:240px;border:1px solid;border-color:dbd9da;background-image:url('http://cbimg6.com/layouts/09/03/34178ab.png'); }

.eBlurbs { position:relative;margin-left:10px;margin-top:-30px;width:555px;height:200px;overflow:auto; }
.eBlurbs table { 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/03/34178ac.png');background-position:center left;padding-left:17px;text-decoration:none!important;color:557dc4!important; }

.eBottomLinks { position:absolute;left:50%;top:450px;margin-left:-405px;width:585px;height:15px;font-size:8px;text-align:center;line-height:8px; }
.eBottomLinks a { color:557dc4!important;line-height:8px;font-size:8px;border:none!important;font-weight:normal;text-decoration:none!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; }

table div { display:none; }
div table div, table table div { display:block; }

</style>

Layout Code

Copy and paste to I'd Like to Meet

Help

<div class='eBody'>
<div class='eHeader'><img src='http://cbimg6.com/layouts/09/03/34178ad.png' /></div>
<div class='eBlurbs'>
<table><tr>
<td width='105px' valign='top'>
<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=user.viewProfile_commentForm&friendID=XXXXXXXX'>Comment</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'><a href='index.cfm?fuseaction=block.blockUser&userID=XXXXXXXX'>Block</a></div>

</td>
<td width='5px'></td>
<td width='425px'>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam suscipit faucibus lorem. Vivamus hendrerit hendrerit libero. Proin ligula sapien, ultrices feugiat, pulvinar eu, aliquam et, orci. Suspendisse augue ligula, interdum vitae, consectetur vitae, congue at, diam. Nulla lobortis. Suspendisse quis quam. Mauris tincidunt leo iaculis diam. Morbi suscipit, lectus ac iaculis consectetur, quam diam porttitor elit, eget tincidunt nisl turpis eu nibh. Quisque dictum nisl non quam. Integer non magna non neque mattis facilisis. Quisque orci dui, sodales nec, vehicula id, condimentum non, mauris. Aliquam ipsum. Etiam metus sem, gravida quis, elementum quis, pretium non, felis. Fusce vel nisl vel nunc pretium sagittis. Phasellus hendrerit, elit ullamcorper facilisis feugiat, enim augue tristique turpis, id dapibus risus nisl vitae justo. Sed sollicitudin velit sagittis nulla. Cras lorem.
</td></tr></table>
</div></div>

<div class="eBottomLinks"><a href='http://elletricity.com'>Credit</a> // <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 10 of 11 comments

oh ok thanks!

By yoheyyoboy on May 9, 2009 11:19 am

yoheyyoboy, if you're talking about the music player, you'd have to customize that yourself, as i don't take into account the music player when i make my layouts.

By jiyong on May 4, 2009 2:53 pm

but where does the song go??

By yoheyyoboy on May 3, 2009 3:52 pm