Kingdom Hearts :: Sora

Designer's Comments

Look carefully for specific instructions

- Replace "yourfriendid" with your own. If you don't know where to find it, look in Myspace support.
- Don't edit out the credit please.
-Again, if you need help, look in myspace support. Don't comment here.

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>td td object {position:absolute; left:0px; top:0px; display:block;}</style>

body {
background-color: FFFFFF;
background-image: url("");
background-position: bottom right;
background-repeat: repeat;
background-attachment: fixed;
scrollbar-arrow-color:FFFFFF;
scrollbar-track-color: FFFFFF;
scrollbar-shadow-color: 000000;
scrollbar-face-color:FFFFFF;
scrollbar-highlight-color:000000;
scrollbar-darkshadow-color:000000;
scrollbar-3dlight-color:000000;}

.header { 
font-family: times new roman; 
font-size: 15px; color: FFFFFF; 
background-color: none; 
text-align:left;
font-weight:bold;
text-transform: lowercase; 
background-image: url(http://cbimg6.com/layouts/07/10/03/22077ab.png); 
background-repeat: no-repeat; 
height: 10px; 
width: 350px; 
padding-top: -25px;
padding-bottom: 15px;}

table table {border: 0px;}
table table table table{border: 0px;}

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: FFFFFF; background-color: FFffff; }

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

{class for the basic font for the page}
.text {font:normal 9px times new roman; color:000000; font-weight:none; border:0px; text-transform: none; line-height:12px;}

{style for the number of comments you have. The actual ..}
.redtext{font-family:times new roman; font-size:9px; color:FFFFFF; font-weight:none;border:0px; text-transform: lowercase; }

{style for the number of friends you have.}  
.redbtext{font-family:times new roman; font-size:9px; color:FFFFFF; font-weight:none;border:0px; text-transform: lowercase; }

{”Blurbs”, “About Me”, “Who I’d like to Meet”, “Friend Space”, and “Friend’s Comments” style}
.orangetext15{font-family: times new roman; color: FFFFFF; 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:times new roman; font-size:9px;  color:FFFFFF; font-weight:none;border:0px; text-transform: lowercase; }

{”Contacting”, “Interests”, “Details”, and “Schools” title styling}  
.whitetext12{font-family:times new roman; font-size:9px;  color:FFFFFF; font-weight:none;border:0px; text-transform: lowercase;}

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

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

{date stamp on comments}  
.blacktext10{font-family:times new roman; font-size:9px;  color:FFFFFF; font-weight:none;border:0px; text-transform: lowercase;}

{This is how all anchor points will be displayed; anchor points appear before all links.}  
a{font-family:times new roman; font-size:9px; color:B79B95; font-weight:none;border:0px; text-transform: lowercase; }  
a:link{font-family:times new roman; font-size:9px; color:000000; font-weight:none;border:0px; text-transform: lowercase;}
a:active{font-family:times new roman; font-size:9px; color:000000; font-weight:none;border:0px; text-transform: lowercase;}
a:visited{font-family:times new roman; font-size:9px; color:000000; font-weight:none;border:0px; text-transform: lowercase;}
a:hover{font-family:times new roman; font-size:9px; color:000000; font-weight:none;border:0px; text-transform: lowercase;}

{”View all friends” and “invite more” link style}  
a.redlink{font-family:times new roman; font-size:9px; color:B79B95; font-weight:none;border:0px; text-transform: lowercase;}  
a.redlink:link{font-family:times new roman; font-size:9px; color:000000; font-weight:none;border:0px; text-transform: lowercase;}
a.redlink:active{font-family:times new roman; font-size:9px; color:000000; font-weight:none;border:0px; text-transform: lowercase;}
a.redlink:visited{font-family:times new roman; font-size:9px; color:000000; font-weight:none;border:0px; text-transform: lowercase; } 
a.redlink:hover{font-family:times new roman; font-size:9px;  color:000000; font-weight:none;border:0px; text-transform: lowercase;}

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

{Default Links}
a:link, a.man{font-family:times new roman; font-size:9px; color:000000; font-weight:bold;border:0px; text-transform: lowercase; letter-spacing: 0px;}  
a:active{font-family:times new roman; font-size:9px; color:000000; font-weight:bold;border:0px; text-transform: lowercase;}  
a:visited{font-family:times new roman; font-size:8px; color:000000; font-weight:bold;border:0px; text-transform: lowercase;} 
a:hover{font-family:times new roman; font-size:9px; color:000000; font-weight:none;border:0px; text-transform: lowercase;}

div table td font {visibility:hidden;}
div table table td font a {visibility:visible;}
table td div {visibility:hidden;}
table table td div {visibility:visible;}

</style>

</div>

<div class="content" style="position: absolute; left:255;  top:285; width:390px; height:380px; overflow: auto;">
<center>
<div class="header">about me</div>
Kingdom Hearts II layout featuring our main character; Sora.  The Font size may be quite small for your liking, so you're welcome to to adjust the font size if you wish. Other than that; please do not alter anything else. :D. Remember to replace YOURFRIENDID with your own. Also, remember the rules when you use this layout though. =]
<div class="header">who i'd like to meet</div>
who would you like to meet? How about me? :]
<div class="header">more stuff</div>
 The comment box can be found over to your lefttt for easy commenting for youtr visitors and friends. You can even add your photo there if you'd like. If this part gets long enough, the scroll bar will appear. Enjoy!
<div class="header">friends</div>

You can custom add your friends here. I suggest black&white photos, I think that idea would look pretty nice and go well with the entire layout. If you're really good, you can add comments as well.

You can custom add your friends here. I suggest black&white photos, I think that idea would look pretty nice and go well with the entire layout. If you're really good, you can add comments as well. 
</div>
<div class="content" style="position: absolute; left:750;  top:280; width:170px; height:175px; overflow: hidden;">
<center>
<form method="post" action="http://comments.myspace.com/index.cfm?fuseaction=user.ConfirmComment"><input name="friendID" value="XXXXXXXX" type="hidden"><textarea name="f_comments" cols="22" rows="4" style="border-width: 2px; border-style: dashed; border-color: FFFFFF; font-family: trebuchet ms; font-size: 10px; color: ffffff;background-color:transparent; overflow:auto;">

I will protect you..

</textarea><br><BR> <input value="add comment" style="border-width: 2px; border-style: dashed; border-color: FFFFFF; font-family: times new roman; font-size: 10px; color: FFFFFF; background-color: transparent;" type="submit"> <input value="clear" style="border-width: 2px; border-style: dashed; border-color: FFFFFF; font-family: times new roman; font-size: 10px; color: FFFFFF; background-color: transparent;" type="reset"></form>
</div>