OMG! I Got One

Designer's Comments

Look carefully for specific instructions

- Replace the XXXXXXXX with you're friend ID.
- I highly suggest having a music player when using this layout
- CB likes to rape images of there quality. Looks perfect on myspace.

Was going to be a personal layout for me, but I crapped up the .psd So lucky you guys.

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><p><a href="http://iwontrapeyou.createblog.com/" title="Grab Myspace Layouts and Myspace Codes"><img src="http://cbimg6.com/layouts/09/08/35566aa.gif" border="0" alt="Myspace Layouts" style="position:absolute;top:0px;left:0px;width:10px;height:27px;" /></a></p><style>
.comt td, .comt table{width:0px!important; height:0px!important; background-color:transparent!important; border:0px!important; _padding:2px!important;} .comt, .comt td, .comt table, .comt td a img, .comt td td td a, .comt td b a, .comt td .redlink{visibility:visible;} .comt td td td b{top:0px; display:inline;} .comt td td td table, .comt .redtext15, .redlink, .comt .btext, .frnd{display:none;} .comt td b, .blacktext10 {display:block;} .comt {z-index:7;}
.comt table, .comt b {position:relative; top:-10px; _top:-30px;}

JB{The Main: comment div;}
.comt {width:312px; height:250px; overflow:auto;
background-color:transparent; border:0px solid; border-color:black; position:absolute; top:360px; left:50%; margin-left:-450px; overflow-x:hidden;}

JB {Timestamp: width;}
.blacktext10 {width: 290px;color:fff;font-size:7pt!important;}

JB{Add Comment link (all links)}
.comt td a {font-size:7pt!important;}
.comt td a:hover {font-size:7pt!important;}   
JB{hides: online now images in comments & top 8}

.comt td td td .ImgOnlineNow{display:none;}
JB{hides: Displaying XX of XX comments(View/Edit All Comments)}

.comt td b{display:none;}

JB{resizes: images posted in comments}
.comt td td td img {width:50px; max-width:200px; _width:60px !important;}

JB{moves comment timestamp down}
.blacktext10 {position:relative; top:10px;width:220;}

JB{adds comment spacer line}
.blacktext10{border-bottom:1px solid; border-color:8ee478;}

JB{all text in comments}
.comt td td td, .comt td td td b {color:fff;}  
span.msOnlineNow {display:none;}

object {position:absolute; height:autopx; width:autopx; left:50%; z-index:9;}
object {top:699px!important; margin-left:-443px!important;}
object object, td td td object {position:static; margin:auto!important;}
</style>
<style>

.nav1 {
color:fff !important;   
font-family:arial!important;
font-size:8pt!important;
letter-spacing: 1px!important;
font-weight: normal!important;
width:150px!important;
text-transform:none!important;
text-decoration:none!important;
line-height:18pt;
background-color:transparent;
padding: 21px;
padding-top:30px;
text-align: center;
margin-right:5px!important;
margin-left:5px!important;
letter-spacing: 0px;
border-color:9ef967!important;
border-top:1px dotted!important;
}

.nav1:hover {filter:alpha(opacity=60);
-moz-opacity:0.5;
opacity: 0.5;
color:fff !important;   
font-family:arial!important;
font-size:8pt!important;
letter-spacing: 1px!important;
font-weight: normal!important;
width:150px!important;
text-transform:none!important;
text-decoration:none!important;
line-height:18pt;
background-color:61cdef;
margin: 1px;
text-align: center;
margin-right:5px!important;
margin-left:5px!important;
letter-spacing: 0px;
border-color:fff!important;
border-top:1px dotted!important;

}

a {color:fff !important; 
font-family:arial!important; 
font-size:8pt!important;
letter-spacing: 0px!important;
font-weight: normal!important;
text-decoration:none!important;}

a:hover {color:94cfe0 !important; 
font-family:arial!important; 
font-size:8pt!important;
letter-spacing: 0px;
text-decoration:none!important;}

img {border:0px;}

h1 {color:cfeaf1!important;   
background-color: transparent;  
font-family:arial!important;  
font-size:20pt;
letter-spacing:-2px!important;
text-transform:none;
line-height:13px;
text-align:left;
border-bottom: 0px dotted;
border-color:338b39;
border-right: 0px solid; 
border-right-color: a0a0a0;     
font-weight:normal;
margin-bottom:7px;
margin-top:5px;
padding-bottom:5px;
background-image:url(); 
background-position:bottom right;
background-repeat:no-repeat;}

h2 {color:cdeeb8!important;   
background-color: transparent;  
font-family:arial!important;  
font-size:7pt;
letter-spacing:1px!important;
text-transform:none;
line-height:5px;
text-align:left;
border-bottom: 0px solid;
border-color:464646;
border-right: 0px solid; 
border-right-color: a0a0a0;     
font-weight:normal;
margin-bottom:7px;
margin-top:-10px;
padding:5px;
background-image:url(); 
background-position:bottom right;
background-repeat:no-repeat;}

U {
border-bottom: 0px solid;
color:fff;  }

I {
font-family: arial;
letter-spacing: 0px;
font-size:11px;
color:18728e;} 
 
S {
font-style: strike;
color:e0e0e0; }

B {
font-family:arial;
font-size:11px;
color:18728e;   
letter-spacing: 0px;
font-weight:none;
border:0px;
text-transform: none; }

.aboutme1{line-height:18px;
color:fff!important;
font-family:arial; 
font-size:9pt;
font-weight: normal;
text-transform:none;
letter-spacing: 0px;
text-align:justify;}

.aboutme2{
color:fff!important;  
font-family:arial;   
font-size:7pt;
font-weight: normal;
text-transform:none;
letter-spacing: 0px;
text-align:justify;}

</style>
</style>
<style>body{cursor:Crosshair}</style>
<style>a:hover{cursor:Help}</style>
<style>
.profileInfo, .contactTable, .userProfileURL, .interestsAndDetails, .userProfileDetail, .userProfileNetworking, .userProfileSchool, .userProfileCompany, .extendedNetwork, .latestBlogEntry, .blurbs td.text, .orangetext15, table div { display:none!important;
}div table div, table table div {
display:block!important; padding:0;
}table, tr, td {
background:none; border:none;
}.clearfix, .clearfix div {
background-image:none!important;
overflow:hidden;
}.clearfix {
position:relative;
top:-30px;
width:728px;
}.clearfix .clearfix {
bottom:-30px;
margin:-45px 0 0;
position:relative;
top:auto;
width:auto;
}.clearfix .clearfix div {
margin:45px 0 0;
}.clearfix .clearfix div div {
margin:auto;
}.profile, .profile div, .profile input, .clearfix select,.clearfix option, .clearfix ul {
display:none!important;
filter:alpha(opacity=0);
-moz-opacity:0;
opacity:0;
}.friendSpace {display:none;}.contactTable {display: none;}.extendedNetwork {display:none;}.latestBlogEntry {display:none;}.userProfileURL {display:none;}.userProfileDetail {display:none;}
</style>

Layout Code

Copy and paste to I'd Like to Meet

Help

<h1>&It's Summertime</h1>
<h2>where we'll be together forever</h2>

<u>Underlined</u> <b>Bold</b> <s>Strike</s> <i>Italicize</i> <a href="url" target="_blank">Link</a>  
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean sed urna. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean sed urna. Integer nulla purus, tempor vel, vestibulum id, ullamcorper id, sapien. Nulla facilisi. Sed tempus. Fusce metus. Curabitur rhoncus fringilla ligula. Ut euismod justo at elit. Quisque in massa. Nullam ut justo. Donec a diam. Ut nec sapien in velit ultricies adipiscing. Duis fermentum justo sed arcu dapibus ultrices. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nullam ut justo. Donec a diam. Ut nec sapien in velit ultricies adipiscing. Duis fermentum justo sed arcu dapibus ultrices. Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
<br /><br /><br />
<a href="" class="nav1">friend</a>
<a href="" class="nav1">friend</a>
<a href="" class="nav1">friend</a>
<a href="" class="nav1">friend</a>
<a href="" class="nav1">friend</a>

</div>

Layout Comments

Showing latest 10 of 36 comments

The player should automatically be there. Make sure you don't have it hidden ans that it only has one song.

By none345678 on Nov 27, 2009 9:24 pm

I am having the same problem as bello-gufo, I don't know where to put the player.

By animedom on Nov 27, 2009 4:18 pm

i really need help!!
idk where to put the music player
and the whole layout is more off to the rigth side
please helpD:
i love this layout!

By bello-gufo on Nov 21, 2009 11:30 pm

i like this profile, but i cant "Save Changes" to my profile with the About Me section. but if i take it out it looks messed up. Please Help =[

By mrjastn on Oct 13, 2009 11:08 pm

this is really cute.

By ytsim on Aug 30, 2009 11:35 am

This is SO cute.

By taccora on Aug 26, 2009 9:14 pm

Wow, this came out so well. I really like the moving cloud and the link hovers. :D

By tokyo-rose on Aug 25, 2009 6:23 pm

Everything is so perfect! I love it :D
And I love the scrolling clouds!

By dilligrout on Aug 25, 2009 5:35 pm

Everything is so perfect! I love it :D
And I love the scrolling clouds!

By dilligrout on Aug 25, 2009 5:35 pm

Yeah. Sorry people who use IE. It's all messed up for you. Give me a day or to and I'll be sure to fix it

By none345678 on Aug 25, 2009 11:28 am

View all »

Layout Details

Designer	none345678
Submitted on	Aug 16, 2009
Page views	23,747
Favorites	152
Comments	36
Reviewer	A1Bassline
Approved on	Aug 17, 2009

Layout Colors

Layout Tags

cartoons, colorful, cute, emotions, funny, love, nature, objects, seasonal, omg, fish, boy, summer, water, sea, lake

Layout Tools

Layout Affiliates

Here I Stand Layouts