Stay Beside Me

Designer's Comments

Look carefully for specific instructions

terms of use:
DO NOT copy my designs/ideas for your own layouts.
DO NOT use my codes for your own creations without asking me first.
LEAVE CREDITS.

REPLACE XXXXXX WITH YOUR FRIEND ID BEFORE YOU DO ANYTHING. AND DON'T FORGET TO FIND AND REPLACE THE XXXXXX FOR THE COMMENT AREA OR YOUR COMMENT BOX WILL NOT WORK. IF YOU NEED HELP, PM ME.

*** And I would not suggest using this layout unless you have experience with HTML. ***

WITH ROLLOVERS. /end caps lock

Yay I learned something new!

If it misaligns, just refresh the page. It's just a createblog error.

Any questions, yell at me via pm or my xanga. Thanks for using this layout! ^.^

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 tahoma;
line-height: 12px;
color: 373737;
text-align:left;
width:320px; 
height:277;
overflow:auto;
position : absolute; 
z-index:2; 
left: 0%; 
top: 0%;
margin-left: 389px;
margin-top: 231px;
}

.ichi {
position:absolute; 
left:50%;
top:0%;
margin-left:-150px;
margin-top:520px;
background-color:transparent;
width:auto;
height: 79px;
text-align:justify;
visibility:visible;
z-index:3;
}

.home {
display: block;
height:79px; 
width:80px; 
background-COLOR:transparent;  
background: url('http://img223.imageshack.us/img223/9493/home3cz9.png');
background-position:top left;
background-repeat: no-repeat; 
}

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

.ni {
position:absolute; 
left:50%;
top:0%;
margin-left:-70px;
margin-top:520px;
background-color:transparent;
width:auto;
height: 79px;
text-align:justify;
visibility:visible;
z-index:3;
}

.add {
display: block;
height:79px; 
width:65px; 
background-COLOR:transparent;  
background: url('http://img85.imageshack.us/img85/2939/add2qx5.png');
background-position:top left;
background-repeat: no-repeat; 
}

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

.san {
position:absolute; 
left:50%;
top:0%;
margin-left:-7px;
margin-top:520px;
background-color:transparent;
width:auto;
height: 79px;
text-align:justify;
visibility:visible;
z-index:3;
}

.piccu {
display: block;
height:79px; 
width:65px; 
background-COLOR:transparent;  
background: url('http://img231.imageshack.us/img231/6348/pics2ee9.png');
background-position:top left;
background-repeat: no-repeat; 
}

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

.shi {
position:absolute; 
left:50%;
top:0%;
margin-left:28px;
margin-top:520px;
background-color:transparent;
width:auto;
height: 79px;
text-align:justify;
visibility:visible;
z-index:3;
}

.mess {
display: block;
height:79px; 
width:80px; 
background-COLOR:transparent;  
background: url('http://img507.imageshack.us/img507/4112/message2pb6.png');
background-position:top left;
background-repeat: no-repeat; 
}

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

.go {
position:absolute; 
left:50%;
top:0%;
margin-left:103px;
margin-top:520px;
background-color:transparent;
width:auto;
height: 79px;
text-align:justify;
visibility:visible;
z-index:3;
}

.friends {
display: block;
height:79px; 
width:80px; 
background-COLOR:transparent;  
background: url('http://img507.imageshack.us/img507/8939/friends2md6.png');
background-position:top left;
background-repeat: no-repeat; 
}

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

.roku {
position:absolute; 
left:50%;
top:0%;
margin-left:160px;
margin-top:520px;
background-color:transparent;
width:auto;
height: 79px;
text-align:justify;
visibility:visible;
z-index:3;
}

.miyashu {
display: block;
height:79px; 
width:80px; 
background-COLOR:transparent;  
background: url('http://img513.imageshack.us/img513/4256/design2yq2.png');
background-position:top left;
background-repeat: no-repeat; 
}

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

.box {
width:200px;  
height:115px;
position : absolute;
z-index:2;
left: 0%; 
top: 0%;
margin-left: 63px;
margin-top: 468px;
text-align:left;
}

.box textarea {
background-color:ffffff;
font:10px normal tahoma;
border:none;
padding:3px;
color:666666;
scrollbar-arrow-color:d1d197; 
scrollbar-track-color:ffffff; 
scrollbar-shadow-color:FFFEEF; 
scrollbar-face-color:ffffff; 
scrollbar-highlight-color:FFFEEF; 
scrollbar-darkshadow-color:999999; 
scrollbar-3dlight-color:cccccc;
}

.box input {
background-color:transparent;
margin-top:2px;
font-family:georgia, arial;
font-size:10px;
font-weight:normal;
line-height:12px;
padding:1px;
letter-spacing:2px;
text-transform:lowercase;
border: none;
color:000000;
width:200px;
text-align:center;
}

.footer {
color:476a64;
background-color:transparent;
width:300px;
height:40px;
font:normal 10px tahoma;
text-align:center;
}

.footer a:link, .footer a:visited, .footer a:active {
color:666666;
font: normal 10px tahoma;
padding:2px;
text-decoration:none;
text-transform:none;
}

.footer a:hover {
color:000000;
font: normal 10px tahoma;
background-color:transparent;
text-transform:none;
text-decoration:none;
}

h1 {
font-family:georgia;
text-transform:lowercase;
font-size:21px;
color:783f23;
background-color:transparent;
text-align: left;
font-weight:normal;
padding-top:2px;
font-style:italic;
border:0px;
}

b, strong {
color: 618150;
}

i, em {
color: a26336;
font-family:georgia;
font-size:11px;
font-weight:normal;
text-transform:none;}
}

s, strike {
color: 333333;
}

u {
color: 783f23;
border-bottom:1px dashed a26336;
}

a:link, a:active, a:visited {
font-family: tahoma;
color: 756446;
font-weight:normal;
font-size:11px;
text-decoration: underline;
text-transform:lowercase;
}
a:hover {
text-decoration: none;
color: 6d9359;
font-weight:normal;
text-transform:lowercase;
}

blockquote {
color: 6f7b54;
background: f3f6ea;
font:trebuchet ms;
font-size: 11px;
padding: 6px;
}

.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}
table table table{padding:1px;height:.01%;width:100%;}
table table,table table table table,table,tr,td{height:0px;!important;border:0px;!important}
a.text,table div font a,table div div,.navbar font,tr td font{visibility:hidden;display:none;height: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;}

div table a.navbar img {display:none;}
div table {visibility:hidden;}
div table div, div table table, div table.navigationBar, table div table, div table form {visibility:invisible}
div table {border-bottom:0px !important;  }
div table.navigationBar {margin-bottom:-30px;}

div table div div select {position:absolute !important;  top:-200px !important; left:0px !important; }
</style>

Layout Code

Copy and paste to I'd Like to Meet

Help

<div class="box">
<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="33" rows="6">Y HALO THAR. Less than three and suchlike.</textarea>
<input type="submit" value="comment"></form>
</div>

<div class="content">
<h1>about the layout</h1>
OHHH SNAPPP ROLLOVERS. Had to get that out. I'm so happy I finally learned how to work with them! *is a DORK*
<br><br>
...I feel so accomplished right now xD.
<br><br>
Okay okay SO. This layout features vocalist Ryutaro of the Japanese rock band, Plastic Tree. The translated lyrics I used are from their songs <i>Irogoto</i> and <i>Andro Metamorphose</i>. The lyrics sounded so poetic and gloomy, that I thought they would be perfect to use for this layout. Of course I gave credit to <a href="http://abstract-raven.livejournal.com/" target="_blank">her</a> for translating these beautiful songs. It's in the credits section, along with the other links (keep scrolling). <b>One problem:</b> I've had those flower brushes for years and cannot remember for the LIFE of me where I got them. So if anyone recognizes them and can tell me where they're from, PLEASE DO (and I'll add it in the credits). I'll love you. And if I already love you, I'll give you cake. Make you fat :D.
<br><br>
So before I trail off topic again, back to the layout! I wanted this to be minimal but pretty. It's simple-looking compared to all my other layouts, but it revolves around a sentimental theme that I think many people can relate to. And well, isn't Ryutaro just adorable? *^^*
<br><br>
Unfortunately, this layout might misalign in Firefox. I don't know how this will look in that browser because I only have I.E. I'm sorry. And if you're wondering, I didn't want this layout to be centered.

<h1>how to use</h1>
Simply copy and paste the codes into About me/I'd like to meet. I would not suggest using this layout unless you have basic understanding of html. ALSO. Keep all credits or I will [insert creative threat here]. Seriously, though. I will eat you like a cheap plastic happy meal toy if you mess with the credits. I have incisors and I'm not afraid to use them!

<h1>contact</h1>
The best way to get into contact with me is either through my <a href="http://www.xanga.com/momokuma" target="_blank">xanga</a> or createblog. I will try to respond asap, and I say 'try' because I do have a life other than layout design & illustration & whatever else tickles my fancy.

<h1>header</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, Teriyaki Boys, Tokio Hotel, Utada Hikaru, <i>Kagrra</i>, Coldplay, Super Junior, LM.C, Merry, ART-SCHOOL, Buck-Tick 
<br><br>
Normal. <b>Bold.</b> <i>Italics.</i> <s>Strike-through.</s> <u>Underline</u>.
<blockquote>
<b>January 1</b> - Uploaded new layout<br>
<b>December 31</b> - Went to work<br>
<b>December 30</b> - Saw an old friend
</blockquote>

<span class="footer">
Brush credits go to <a href="http://maybe-when.org" target="_blank">Maybe-When.org</a>, <a href="http://misprintedtype.com/v3/" target="_blank">Misprinted Type</a>, and <a href="http://www.angryblue.com" target="_blank">Angry Blue</a>. Image from <a href="http://community.livejournal.com/jrock_scans" target="_blank">J-rock Scans</a>. Translated lyrics from <a href="http://abstract-raven.livejournal.com/" target="_blank">Abstract Raven</a>. Permanent credits go to <a href="http://www.xanga.com/momokuma">Momo</a> and <a href="http://www.createblog.com" target="_blank">Createblog</a>.
</span>
</div>

Layout Comments

Showing latest 10 of 39 comments

hey i have a question so can you get back at me?

By lory-kou on Nov 12, 2008 11:56 pm

ditto the problem with the comment box. Help?

By xbrightsidexshadowx on Oct 17, 2008 3:02 am

You make me giggle.

By Naekipz on Sep 2, 2008 4:04 am

I Love this its amazing
using it right now

By Lovee-xx on Jul 20, 2008 8:00 am

Cute

By dropdeadd on Jun 30, 2008 7:13 am

ima use it

By alsamaymay on May 30, 2008 11:37 pm

hey, i'm currently using it...and i'm not sure exactly where to put the friends id....i did replace it with the XXXXXX but it still didn't work! please help...i really like this layout...i did everything else except the friendID thing... sorry for causing you trouble...:)

please help me out :)
thanks XD

By Sweet-HoneyBee on May 14, 2008 7:15 am