My Little Corner

Designer's Comments

Look carefully for specific instructions

terms of use:
01. don't copy/steal the codes for your own layouts.
02. leave the credits.

REMEMBER to replace all XXXXX with your FriendID before you hit Save Changes. There's one in the comment form too, at the end of the WHO I'D LIKE TO MEET code.

Images are from Wallcoo and Cherry Koko.

Something simple and cute. I really like this, I hope you do too :). Have fun with it!

And the SUBMIT button for sending comments is the "I'll send it anyway." Just in case.
----------------------

I don't do requests.

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

.content {
font:normal 11px arial narrow;
color: 403934;
line-height: 13px;
letter-spacing:1px;
background-color:transparent;
padding:5px;
text-align:left;
width:295px; 
height:295px;
overflow:auto;
position : absolute; 
z-index:2; 
left: 0%; 
top: 0%;
margin-left: 195px;
margin-top: 246px;
}

.content2 {
font:normal 11px arial narrow;
color: 403934;
line-height: 13px;
letter-spacing:1px;
background-color:transparent;
padding:5px;
text-align:left;
width:295px; 
height:295px;
overflow:auto;
position : absolute; 
z-index:4; 
left: 0%; 
top: 0%;
margin-left: 515px;
margin-top: 246px;
}

.left1 {
font:normal 9px arial;
color: 000000;
line-height: 13px;
background-color:transparent;
padding:5px;
text-align:left;
width:107px; 
height:180px;
overflow:auto;
position : absolute; 
z-index:4; 
left: 0%; 
top: 0%;
margin-left: 32px;
margin-top: 246px;
scrollbar-arrow-color:FF9798; 
scrollbar-track-color:d7d0ab; 
scrollbar-shadow-color:E4E3E3; 
scrollbar-face-color:d7d0ab; 
scrollbar-highlight-color:E4E3E3; 
scrollbar-darkshadow-color:999999; 
scrollbar-3dlight-color:E4E3E3;
}

.bottom1 {
font:normal 11px arial narrow;
color: 403934;
line-height: 13px;
letter-spacing:1px;
background-color:transparent;
padding:5px;
text-align:left;
width:395px; 
height:295px;
overflow:auto;
position : absolute; 
z-index:4; 
left: 0%; 
top: 0%;
margin-left: 550px;
margin-top: 796px;
}

.mcmts {
position: absolute; 
width:355px; 
height:30px; 
left: 0%; 
top: 0%;
margin-left: 585px;
margin-top: 649px;
border: 0px; 
overflow-x:hidden; 
z-index: 3; 
visibility:visible;}

.commentBox {background-color:transparent; border:0px; width:355px;}
.commentBox td {background-color:transparent;}
.commentBox .titleTD {display:none;}
.commentBox .inputBox {display:block; width:100%; background-color:transparent; height:60px;border:0px;text-align:left;font-family:arial narrow; letter-spacing:1px; color:ec94b8; font-size:11px;
scrollbar-arrow-color:ec94b8; 
scrollbar-track-color:ffffff; 
scrollbar-shadow-color:222222; 
scrollbar-face-color:ffffff; 
scrollbar-highlight-color:ffffff; 
scrollbar-darkshadow-color:cccccc; 
scrollbar-3dlight-color:f1f1f1;}

a img, img { 
border: none; 
border-width: 0px; 
}

.ichi {
position: absolute;
z-index:4;
width:91px;
height:30px;
left:25;
top:197;
}

.home {
display: block;
overflow:hidden;
height:30px; 
width:91px; 
background-COLOR:transparent;  
background: url('http://cbimg9.com/layouts/08/10/32260ac.png');
background-position:top left;
background-repeat: no-repeat; 
}

.home:hover {
background-position: bottom left;
border:none;
background-color:transparent;
}

.ni {
position: absolute;
z-index:3;
height:56px;
width:33px;
left:236;
top:190;
}

.pics {
display: block;
overflow:hidden;
height:56px; 
width:33px; 
background-COLOR:transparent;  
background: url('http://cbimg9.com/layouts/08/10/32260ad.png');
background-position:top left;
background-repeat: no-repeat; 
}

.pics:hover {
background-position: bottom left;
border:none;
background-color:transparent;
}

.san {
position: absolute;
z-index:3;
height:45px;
width:180px;
left:600;
top:130;
}

.mess {
display: block;
overflow:hidden;
height:45px; 
width:180px; 
background-COLOR:transparent;  
background: url('http://cbimg9.com/layouts/08/10/32260ae.png');
background-position:top left;
background-repeat: no-repeat; 
}

.mess:hover {
background-position: bottom left;
border:none;
background-color:transparent;
}

.shi {
position: absolute;
z-index:3;
height:75px;
width:55px;
left:720;
top:557;
}

.friends {
display: block;
height:75px; 
width:55px; 
background-COLOR:transparent;  
background: url('http://cbimg9.com/layouts/08/10/32260af.png');
background-position:top left;
background-repeat: no-repeat; 
}

.friends:hover {
background-position: bottom left;
border:none;
background-color:transparent;
}

.go {
position: absolute;
z-index:3;
height:486px;
width:142px;
left:858px;
top:109px;
}

.add {
display: block;
height:486px; 
width:142px; 
background-COLOR:transparent;  
background: url('http://cbimg9.com/layouts/08/10/32260ag.png');
background-position:top left;
background-repeat: no-repeat; 
}

.add:hover {
background-position: bottom left;
border:none;
background-color:transparent;
}

.roku {
position: absolute;
z-index:3;
height:133px;
width:56px;
left:490;
top:735;}

.view {
display:block;
overflow:hidden;
height:133px;
width:56px;
background-COLOR:transparent;
background: url('http://cbimg9.com/layouts/08/10/32260ah.png');
background-position:top left;
background-repeat:no-repeat;}

.view:hover {
background-position:bottom left;
border:none;
background-color:transparent;}

.shichi {
position: absolute;
z-index:3;
height:59px;
width:105px;
left:140;
top:729;
}

.miyashu {
display: block;
overflow:hidden;
height:59px; 
width:105px; 
background-COLOR:transparent;
background: url('http://cbimg9.com/layouts/08/10/32260ai.png');
background-position:top left;
background-repeat: no-repeat;
}

.miyashu:hover {
background-position: bottom left;
border:none;
background-color:transparent;
}

.hachi {
position: absolute;
z-index:3;
height:55px;
width:43px;
left:200;
top:558;
}

.block {
display: block;
overflow:hidden;
height:55px; 
width:43px; 
background-COLOR:transparent;
background: url('http://cbimg9.com/layouts/08/10/32260aj.png
');
background-position:top left;
background-repeat: no-repeat;
}

.block:hover {
background-position: bottom left;
border:none;
background-color:transparent;
}

h1 {
font-family:arial narrow;
text-transform:lowercase;
font-size:14px;
line-height:16px;
color:ec94b8;
letter-spacing:2px;
text-align: left;
text-transform:uppercase;
font-weight:normal;
padding-top:2px;
border:0px;
}

b, strong {
color: 6ccad9;
}

i, em {
color: ffffff;
background-color:86d49a;
font-family:georgia;
font-size:10px;
font-weight:normal;
text-transform:none;}
}

s, strike {
color: e84a8a;
}

a:link, a:active {
font:normal 11px arial narrow;
color:e84a8a;
letter-spacing:1px;
text-decoration:underline;
text-transform:lowercase;
}

a:visited {
font:normal 11px arial narrow;
letter-spacing:1px;
color:e84a8a;
text-decoration:none;
text-transform:lowercase;
}
a:hover {
font:normal 11px arial narrow;
letter-spacing:1px;
text-transform:lowercase;
text-decoration:none;
color: e3859d;
background-color:f6d6de;
}

blockquote {
margin: 20px 5px 20px 5px;
color: 000000;
background-image: url('http://cbimg9.com/layouts/08/10/32260ak.gif');
background-repeat:no-repeat;
background-color:f1f1f1;
background-position:bottom right;
font:verdana;
font-size: 10px;
padding: 6px;
border-width:0px 0px 3px 0px;
border-style:solid;
border-color:cccccc;
}

blockquote b, blockquote strong {
color:e84a8a;
}

blockquote i {
color:ffffff;}

.contacttable,.whitetext12,.nametext,.lightbluetext8,.orangetext15,.blacktext12,.btext,.redtext,.redbtext{display:none;height:0px;!important;visibility:hidden}
td td td td{border:0px;width:0px;text-align:left;}
table,td,tr{padding:0px;width:;background-color:transparent}
.navigationBar{display:none;}
table table table{padding:1px;height:.01%;width:100%;}
table table,table table table table,table,tr,td{height:0px;!important;border:0px;!important}

table table table table,table table table table td.text, td.text td.text table{display:none;}
td.text table table{display:inline;visibility:visible;}
table td table tr td.text table{visibility:hidden;}
table td table tr td.text table table,table td table tr td.text table table td.text{visibility:visible;}
table.footer {display: none;}
.profile form {display:none;}
</style>

Layout Code

Copy and paste to I'd Like to Meet

Help

<div class="content">
<h1>about the layout</h1>
After putting together many cute images from a few resource sites, I got this! I really like it, especially since it's so different from my usual style. 
<br /><br /><br />
If you're wondering, the font used on the bulletin board is SD Crayon B. I'm sure you can find it on Sooompi, or you can ask someone over there to upload it. 
<br /><br /><br />
:D I'll be making layouts for Createblog again, but maybe about once a month. Being a college student, I barely have time to play around in Photoshop much less complete a layout. Sorry about this!
<br /><br /><br />
<a href="http://">Link</a>. Normal. <b>Bold.</b> <i>Italics.</i> <s>Strike-through.</s>
</div>

<div class="content2">
<h1>Terms of Use</h1>
<b>1. You must keep credits/watermarks where they are.</b><br />
<b>2. Don't claim my layouts as your own.</b><br />
<b>3. Don't take my ideas and just make copies of my layouts.</b> Hey kids, it's called artistic integrity. DON'T plagiarize and find your own style.

<h1>contact</h1>
The best way to get into contact with me is via PM on Createblog.

<blockquote>
This is what a blockquote looks like. Use this to emphasize text.
<br /><br /><br />
<b>Oct 26</b> Uploaded new layout<br />
<b>Oct 25</b> Relaxed and baked cookies<br />
<b>Oct 24</b> Took a day off
</blockquote>
</div>

<div class="left1">
A cute little place to write anything. Just don’t write too much, a tiny area like this looks weird with scrollbars. You have enough space for other things in the main content area. So use this for um...well be creative! :D
<br /><br />
Love,
Miyashu
</div>

<div class="bottom1">
This is a big space for you to put anything, even pictures. Just don't make them giant. I originally intended for this space to feature comments, but I had so much trouble getting the codes right that I decided, "well, no one really shows their comments anyway" and gave you a free space instead. If you want to get rid of it, just don't write anything!
<br /><br /><br />
And for some reason, when you want 2 line breaks, you'll have to type 3 "br" tags. >.< I'm not sure why this is, but my guess is it's probably another myspace "security measure." =___=
<br /><br /><br />
Filler text time!
<br /><br /><br />
<h1>about me</h1>
<b>Tag:</b> Momo<br />
<b>Age:</b> eighteen<br />
<b>Ethnicity:</b> mixed <3<br />
<b>Interests:</b> illustration, creative writing, music, literature, graphic/web design, cake, shopping, cute things, wonder<br />
<b>Music:</b> <i>D'espairsRay</i>, Plastic Tree, Keane, <i>Radiohead</i>, Gazette, Aural Vampire, Schwarz Stein, Utada Hikaru, <i>Kagrra</i>, Coldplay, Girugamesh, Within Temptation, ART-SCHOOL, Buck-Tick 
</div>