Serenity: Just Sit Still

Designer's Comments

Look carefully for specific instructions

Korima Version TENN!
It started out as an experiment, really... but now, I'm dedicating this to my friend KT and her 15th birthday! She's the sweetest, funniest, most loving girl in the entire world! I don't know what I'd do without this tall, blonde chick. :]

The layout should work in all resolutions. If there're any kinks or issues with it, don't hesitate to tell me.

The layout should work in all resolutions and browsers. If there're any kinks or issues with it, don't hesitate to tell me. If you want to use this in IE, find "dedede" and replace it with with "dadada."

Replace all instances of "XXXXXXXX" in the About Me code with your Friend ID. :] Read instructions carefully for the X's in the I'd Like to Meet code.

Stock: Tiger Stock3 by Nyka, KauaiSouthShores5 by SurfindaMatrixStk.
Used with permission.

May 27, 2008: Sorry, I've been gone, guys. I'll try to fix the alignments soon.
December 28, 2008: Code slightly updated.

Okay guys, I won't be on CB much mostly because I make MySpace layouts and Myspace keeps changing its stupid coding which makes it hard to code the layouts for me.. and I'm lazy. x] Sooo if you need me, e-mail me at cryptic_simper@yahoo.com. ;D

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>
.userProfileCompany, .userProfiledetail, .userProfileURL, .userProfileSchool, .interestsAndDetails, .friendSpace, .friendsComments, .extendedNetwork, .latestBlogEntry, .orangetext15, .navigationbar, .profileInfo, .contacttable {display:none;} 
a.text, table div font a, table div div {visibility:hidden;}
table tr td div font {display: none;}
body div table td form {display:none;}
table, td, tr{ background-color:transparent;}
object, embed{ width:0px; height:0px;}
body div td div div select {width:0px;}
</style>

body { background:url('http://cbimg6.com/layouts/08/04/03/26660ab.png');
background-repeat: repeat-y;
background-position: center; 
background-color: dedede;
}

.kv101 {
position: absolute; 
margin-left: -320px; 
top: 0px; 
}

.kv102 {
position: absolute;
top: 825px; 
margin-left: -279px; 
width: 702; 
height: autopx; 
overflow: auto; 
font: 9px Verdana; 
line-height: 14px;
text-align: justify; 
color: dedede; 
}

h1 {
margin-top: 2px; 
height: 50px; 
font: 20px Georgia;
background:url('http://cbimg6.com/layouts/08/04/03/26660ac.png');
background-repeat: no-repeat; 
text-transform: uppercase; 
line-height: 15px; 
color: b2784d;	
}

h2 {
margin-top: -30px; 
font: 16px Georgia;
text-indent: 30px; 
text-transform: lowercase; 
text-align: justify; 
line-height: 15px; 	
color: ddb88d;
}

a:active,a:visited,a:link,a {
font: 9px Verdana; 
line-height: 14px;
font-weight: bolder;
color: 93a9bb;
}

a:hover {
font: 9px Verdana; 
line-height: 14px;
font-weight: bolder; 
color: ddb88d;
}

U {
color: cfcfcf; 
text-decoration: underline; 
}

I { 
color: cfcfcf; 
font-style: italic;
}

B {
color: cfcfcf; 
font-weight: bold;
}

</style>

<style>

.mh {
position: absolute; 
top: 783; 
margin-left: -262;
width: 120px;
height: 36px;
line-height: 1pt; 
background-COLOR: transparent; 
}
.mh1 {
width: 120px;
height: 36px;  
background-COLOR: transparent; hidden; 
background: url(http://cbimg6.com/layouts/08/04/03/26660ad.png) top left no-repeat; display: block; 
}
.mh1:hover {background-position: bottom left;}

.pm {
position: absolute;
top: 771;
margin-left: -134;
width: 120px;
height: 48px;
line-height: 1pt; 
background-COLOR: transparent; 
}
.pm2 {
width: 120px;
height: 48px;  
background-COLOR: transparent; hidden; 
background: url(http://cbimg6.com/layouts/08/04/03/26660ae.png) top left no-repeat; display: block; 
}
.pm2:hover {background-position: bottom left;}

.ffl {
position: absolute;
top: 776; 
margin-left: -5;
width: 108px;
height: 43px;
line-height: 1pt; 
background-COLOR: transparent; 
}
.ffl3 {
width: 108px;
height: 43px;  
background-COLOR: transparent; hidden; 
background: url(http://cbimg6.com/layouts/08/04/03/26660af.png) top left no-repeat; display: block; 
}
.ffl3:hover {background-position: bottom left;}

.mp {
position: absolute;
top: 776;
margin-left: 105;
width: 110px;
height: 43px;
line-height: 1pt; 
background-COLOR: transparent; 
}
.mp4 {
width: 110px;
height: 43px; 
background-COLOR: transparent; hidden; 
background: url(http://cbimg6.com/layouts/08/04/03/26660ag.png) top left no-repeat; display: block; 
}
.mp4:hover {background-position: bottom left;}

.cm {
position: absolute;
top: 780; 
margin-left: 224;
width: 94px;
height: 39px;
line-height: 1pt; 
background-COLOR: transparent;  
}
.cm5 {
width: 94px;
height: 39px;  
background-COLOR: transparent; hidden; 
background: url(http://cbimg6.com/layouts/08/04/03/26660ah.png) top left no-repeat; display: block; 
}
.cm5:hover {background-position: bottom left;}

.an {
position: absolute; 
top: 767; 
margin-left: 328;
width: 52px;
height: 70px;
line-height: 1pt; 
background-COLOR: transparent; 
}
.an6 {
width: 70px;
height: 52px;  
background-COLOR: transparent; hidden; 
background: url(http://cbimg6.com/layouts/08/04/03/26660ai.png) top left no-repeat; display: block; 
}
.an6:hover {background-position: bottom left;}

</style>

Layout Code

Copy and paste to I'd Like to Meet

Help

<h1>About Me</h1>
<h2>Say what you want</h2>

You are welcome to alter images or any other part of the layout for your own personal use and taste, provided you seek permission from me prior to any alterations. Please credit me, even if only a little, if you do change the layout to any degree. :] Layout made in Photoshop CS2. Took a few hours. Design and coding © Korima. Coded in FireFox. Compatible with both IE && FF. Should work on all resolutions.<br><br>

Integer augue ligula, suscipit et, ornare in, ultrices et, mi. Etiam sagittis orci id libero. Sed quam nibh, sagittis quis, sodales eget, adipiscing id, quam. In lorem urna, vehicula sit amet, molestie in, pulvinar et, sapien. Nunc posuere tristique libero. Nulla lobortis. Nulla nunc leo, molestie ut, ultrices dignissim, feugiat in, odio. In purus augue, sodales id, dignissim sed, vestibulum in, nisl. Nullam pulvinar pellentesque est. Cras non elit. Fusce ullamcorper eros ac nulla. Proin lorem. Aliquam erat volutpat. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Praesent magna. Aenean volutpat mi. Aliquam luctus semper tortor. <br><br>

Sed ut est non magna semper sollicitudin. Nunc laoreet massa sed sapien. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec nibh lorem, lacinia ut, porta ac, condimentum quis, ipsum. Sed vitae magna. Integer augue sem, scelerisque nec, blandit a, cursus eget, augue. In urna massa, volutpat quis, egestas non, aliquam eu, lorem. In enim. Fusce rhoncus. Cras congue velit nec arcu. Donec auctor, dui eget malesuada scelerisque, augue elit venenatis diam, sed commodo risus lacus mattis justo. Aenean tincidunt felis sit amet justo. Vestibulum rhoncus pretium erat. In aliquam augue sed est. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Proin sed lorem quis nulla interdum aliquet.

<br><br><h1>Heroes, Interests, etc.</h1>

Mauris in ante at mauris accumsan bibendum. <br><br>

Aenean libero nisi, lacinia sed, aliquam vulputate, rutrum id, neque. Suspendisse nisl odio, pellentesque quis, placerat dictum, venenatis ullamcorper, pede. Curabitur rutrum eros. In lacus nunc, malesuada id, suscipit vel, tempus imperdiet, augue. Quisque nec ligula. Cras non odio vel eros suscipit congue. Cras lectus. Quisque nec mi id leo sagittis luctus. Maecenas porttitor, nisl et venenatis tincidunt, nunc erat tincidunt dolor, eu pulvinar odio elit vitae risus. Sed a eros eu sapien consequat varius. Nulla et lorem id neque suscipit pellentesque. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Quisque elit. Aenean libero. Integer hendrerit dapibus dui. Phasellus nec enim quis nunc laoreet fringilla. Suspendisse tempor rutrum odio. Curabitur at erat. Fusce non tellus quis nulla tempus condimentum. Donec viverra neque porta metus.

<br><br><h1>My Top Friends</h1>
<h2>I'll love them forever</h2>
<center>

<small><i>You can remove this area if you want. :] Upload images of<br> any size of your own friends, replace the links with your<br> friends' images and your friends' Friend IDs. Or... <br>do whatever you want!</i></small><br><br>

</center>
<br><br>
</div>

Layout Comments

Showing latest 10 of 23 comments

around the top just under the about me section is a 3 sided box that i cant figure out how to get rid of

http://img360.imageshack .us/img360/4753/erroryu7.jpg

any idea of what to do...im using IE...and i've messed around with it on Firefox and the same thing is there

By ctrlaltlive on May 19, 2008 4:28 pm

I'll try to see what the issue is soon, guys. :]

By Korima on May 1, 2008 10:35 pm

I absolutely love this, and I'm using it. However, the alignment is messed up as was said before. It wasn't at first, though. Strange o.O

By Equusmer on May 1, 2008 5:05 pm

Headings are mis-aligned with the entire layout.

By AKGirl907 on Apr 23, 2008 5:14 am

Simply Devine.

By AKGirl907 on Apr 23, 2008 4:48 am

i need help. how do i put pics of my friends on my friend list? if you click on them it goes to their page but there no pic.

By jenloveslion on Apr 22, 2008 2:34 pm

just a little problem, when you shade the text, the text on the right side pass the dark background it's out sider to the light background, i try to fix it but just can't find where to do it, also .kv101 {
position: absolute;
margin-left: -320px;
top: 0px;
}
it should be 330 not 320, other than that everything look great, this is a master piece bro, please help me to fix it and i will be back to use it...thanks

By Hotstuff520 on Apr 19, 2008 1:35 pm

this layout is great! and I think createblog fixed the preview problems:]

By synatribe on Apr 8, 2008 5:19 pm

Ahh thank you korima... I looked at the resolution and it was set to 800 , so i put it at 768 and that fixed the alignment problem. YAY!

By geekinpink on Apr 7, 2008 1:15 pm

Congratulations, this has been featured on our a createBlog Deviant Art Gallery. This means that among all the graphics and layouts on cB, this was considered one of the best! Keep up the good work!

http://createblog.dev iantart.com

By pandora on Apr 5, 2008 8:30 pm

View all »

Layout Details

Designer	Korima
Submitted on	Apr 3, 2008
Page views	23,622
Favorites	189
Comments	23
Reviewer	Relentless
Approved on	Apr 3, 2008

Serenity: Just Sit Still

Designer's Comments

Using This Layout

Update Friend ID

Layout Code

Layout Code

Layout Comments

Layout Details

Layout Colors

Layout Tags

Layout Tools

Layout Affiliates