Boys Over Flowers (Korean)

Designer's Comments

Look carefully for specific instructions

XXXXXXXX's Friend Id =)

Open to comments and Suggestions

Learning how to do rollovers... i don't know how to do them yet =/

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>
table tr td div div {visibility:hidden;border:0px!important;background-color:transparent;}
</style>

<style>

body {
background-color: FFFFFF;
background-image: url("http://cbimg6.com/layouts/09/04/34265ab.png");
background-position: bottom right;
background-repeat:repeat;
background-attachment: fixed;
scrollbar-arrow-color:######;
scrollbar-track-color: ######;
scrollbar-shadow-color: ######;
scrollbar-face-color:######;
scrollbar-highlight-color:######;
scrollbar-darkshadow-color:######;
scrollbar-3dlight-color:######;}

table, tr, td {background-color: transparent; border: 0px; padding:2;}
table table {border: 0px;}
table table table table{border: 0px;}

{The actual modules}
table table table {border: 0px solid; border-color: ######; background-color: ######; }

{sets the default style for the body, table data, list data, divisions and text areas}
body,table, td, li, p, div, textarea
{font:normal 14px arial; color:000000; font-weight:none; border:0px; text-transform: none; line-height:15px;}

{class for the basic font for the page}
.text {font:normal 16px arial; color:000000; font-weight:none; border:0px; text-transform: none; line-height:90px;}

{style for the number of comments you have. The actual ..}
.redtext{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase; }

{style for the number of friends you have.}
.redbtext{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase; }

{”Blurbs”, “About Me”, “Who I’d like to Meet”, “Friend Space”, and “Friend’s Comments” style}
.orangetext15{font-family: arial; color: ######; font-weight: bold; font-size: 20px; letter-spacing: -2px;}

{”General”, “Music”, “Movies”, “Television”, “Books”, “Heros”, “Status”, “Here for”, “Hometown”, “Body Type”, “Ethnicity”, “Religion”, “Sign”, “Smoke/Drink”, “Children”, “Education”, “Occupation”, and “Income” title style}
.lightbluetext8{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase; }

{”Contacting”, “Interests”, “Details”, and “Schools” title styling}
.whitetext12{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;}

{”In your extended network” style}
.blacktext12{font-family: arial; color: ######; font-weight: bold; font-size: 20px; letter-spacing: -2px; }

{Stylizing of your name above your picture }
.nametext{font-family: arial; color: ######; font-weight: bold; font-size: 30px; letter-spacing: -3px; line-height: 35px;}

{date stamp on comments}
.blacktext10{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;}

{This is how all anchor points will be displayed; anchor points appear before all links.}
a{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase; }
a:link{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;}
a:active{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;}
a:visited{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;}
a:hover{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;}

{”View all friends” and “invite more” link style}
a.redlink{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;}
a.redlink:link{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;}
a.redlink:active{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;}
a.redlink:visited{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase; }
a.redlink:hover{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;}

{2 links in very top on the left, and the 13 links above your picture with make the navigation bar}
a.navbar{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;}
a.navbar:link{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;}
a.navbar:active{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;}
a.navbar:visited{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;}
a.navbar:hover{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;}

{Default Links}
a:link, a.man{font-family:Arial; font-size:10px; color:FFFFFF; font-weight:none;border:0px; text-transform: uppercase; letter-spacing: 0px;}
a:active{font-family:Arial; font-size:10px; color:FFFFFF; font-weight:none;border:0px; text-transform: uppercase;}
a:visited{font-family:Arial; font-size:10px; color:FFFFFF; font-weight:none;border:0px; text-transform: uppercase;}
a:hover{font-family:Arial; font-size:9px; color:FFFFFF; font-weight:none;border:0px; text-transform: lowercase;}

{bolded words}
.standard b, p b, B, strong {
font-family:arial; font-size:16px; color:000000; font-weight:none;border:0px; text-transform:; }

</style>

Layout Code

Copy and paste to I'd Like to Meet

Help

<div class="content" style="position: absolute; left:323px;  top:500px; width:280px; height:410px; overflow: auto;">
<center>
<b> About Me </b>

<br /><br />
I am a HUGE fan of Boys Over Flowers Korean Version, it is simply amazing. Goo Jun Pyo is so funny and mean, but i love him for that <3 The cutest have to be Kim Bum tho, He is so sweet! Soulmates Him and Yi Jeong for ever! =) Well in this drama i didn't really like Kim HyunJoong as JiHoo, idk why, there's always something off about him... but that's just me. And i think Kim Joon is hot. lol But anyway put whatever you want here! 
</div>

<b>Name: </b>your name
<br />
<b> DOB:</b> m/d/y
<br />
<b> Age:</b> 99
<br />
<b> Hometown:</b> Flower Land
<br />
<b> Ethnicity:</b>  Asian
</div>

Layout Comments

Showing latest 10 of 17 comments

I really love this layout, and I want to use it on myspace, but how do I put in a video where that purple music player is? I really need help, please!

By goldnheart710 on Nov 16, 2009 12:04 am

AHHH !!
I LOVE THEM ALL !!
ESPECIALLY LEE MIN HO && KIM HYUN JOONG !!
THEY'RE SOO HOTT !!

By skittella on Jul 19, 2009 6:21 pm

cute!!
i love dat show

By crazylove4rl on Jul 3, 2009 3:09 am

whenever I see BOF/Hana Yori Dango/Meteor garden
I think of Hongki and Jaejin almost kissing :O
great job on the layout though
now seeing that main guy (I Forgot his name)
I realize where Hongki's crap hair in the parody came from
no offense or anything XD

By fleeting-image on May 4, 2009 1:20 am