Dream that the universe is ours

Designer's Comments

Look carefully for specific instructions

Image text from Crazy Angel by Kill Hannah.
Replace the "XXXXXXXX" with your friend ID.
I assume you can find an mp3 player to put in the "music" div if you don't like mine.
You can change the comment box/submit button text to whatever you desire.

I love how this turned out, and hope you do too! Createblog doesn't tend to like my layouts so please visit my site and see what else I've done.

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 type="text/css">
body {background-color:003585; font-family:"arial rounded", arial, verdana, sans-serif; font-size:13px; scrollbar-face-color:000000;scrollbar-3dlight-color: 000000;scrollbar-shadow-color: 000000;scrollbar-track-color:000000;scrollbar-darkshadow-color: 000000;scrollbar-arrow-color: 6200bd;scrollbar-highlight-color: 000000;}

.bgi {left:225px; top:91px; position: absolute; width:800px; height:300px; z-index:1; border-color:000000; border-width:2px; border-style:solid; font-size:13px;}

.lc {position:absolute; left:225px; width:204px; top:593px; border-color:000000; border-width:2px; border-style:solid; border-top-width:0px; background-color:003585; background-color:003585; color:fafafc; font-family:"arial rounded", arial, verdana, sans-serif; font-size:13px; height:475px;scrollbar-face-color:000000;scrollbar-3dlight-color: 000000;scrollbar-shadow-color: 000000;scrollbar-track-color:000000;scrollbar-darkshadow-color: 000000;scrollbar-arrow-color: 6200bd;scrollbar-highlight-color: 000000; overflow:auto;}

.cc {position:absolute; left:429px; width:400px; top:393px; background-color:003585; color:fafafc; font-family:"arial rounded", arial, verdana, sans-serif; border-color:000000; border-width:2px; border-style:solid; border-top-width:0px; font-size:13px; height:675px;scrollbar-face-color:000000;scrollbar-3dlight-color: 000000;scrollbar-shadow-color: 000000;scrollbar-track-color:000000;scrollbar-darkshadow-color: 000000;scrollbar-arrow-color: 6200bd;scrollbar-highlight-color: 000000;  overflow:auto;}

.rc {position:absolute; left:829px; width:200px; top:593px; background-color:003585; color:fafafc; z-index:1; border-color:000000; border-width:2px; border-style:solid; border-top-width:0px; font-family:"arial rounded", arial, verdana, sans-serif; font-size:13px; height:475px;scrollbar-face-color:000000;scrollbar-3dlight-color: 000000;scrollbar-shadow-color: 000000;scrollbar-track-color:000000;scrollbar-darkshadow-color: 000000;scrollbar-arrow-color: 6200bd;scrollbar-highlight-color: 000000;  overflow:auto;}

.cmt {position:absolute; left:829px; width:200px; top:393px; background-color:003585; color:fafafc; z-index:1; border-color:000000; border-width:2px; border-style:solid; border-top-width:0px; font-family:"arial rounded", arial, verdana, sans-serif; font-size:13px; height:200px;scrollbar-face-color:000000;scrollbar-3dlight-color: 000000;scrollbar-shadow-color: 000000;scrollbar-track-color:000000;scrollbar-darkshadow-color: 000000;scrollbar-arrow-color: 6200bd;scrollbar-highlight-color: 000000;  overflow:auto;}

.music {position:absolute; left:225px; width:204px; top:393px; background-color:003585; color:fafafc; z-index:1; border-color:000000; border-width:2px; border-style:solid; border-top-width:0px; font-family:"arial rounded", arial, verdana, sans-serif; font-size:13px; height:200px;scrollbar-face-color:000000;scrollbar-3dlight-color: 000000;scrollbar-shadow-color: 000000;scrollbar-track-color:000000;scrollbar-darkshadow-color: 000000;scrollbar-arrow-color: 6200bd;scrollbar-highlight-color: 000000;  overflow:auto;}

h3 {background-color:000000; color:003585; text-transform:lowercase; font-size:20px; line-height:19px; font-family:"arial rounded", arial, verdana, sans-serif; text-align:right;}

h1 {background-color:000000; color:332498; text-transform:lowercase; font-size:20px; line-height:19px; font-family:"arial rounded", arial, verdana, sans-serif; text-align:right;}

h2 {background-color:000000; color:6200bd; text-transform:lowercase; font-size:20px; line-height:19px; font-family:"arial rounded", arial, verdana, sans-serif; text-align:right;}

p {font-family:"arial rounded", arial, verdana, sans-serif; font-size:13px; color:fafafc;}

b {color:6200bd;  background-color:000000;}

i {font-size:12px; color:5c5c5c; border-color:332498;border-width:1px;border-style:solid;}

u {color:5c5c5c; border-bottom-color:000000; border-bottom-width:1px; border-bottom-style:solid;}

a:link, a:visited, a:active {font-family: small fonts; text-transform:uppercase; letter-spacing:1pt;font-size: 7px; color:fafafc; text-decoration:none; border-bottom-color:6200bd; border-bottom-width:1px; border-bottom-style:solid; border-top-color:6200bd; border-top-width:1px; border-top-style:solid;}
a:hover {font-family: small fonts; text-transform:uppercase; letter-spacing:1pt;font-size: 7px; color:6200bd; text-decoration:none; border-bottom-color:fafafc; border-bottom-width:1px; border-bottom-style:solid; border-top-color:fafafc; border-top-width:1px; border-top-style:solid;}

textarea {border-width: 1px; border-style: solid; border-color: 000000; font-family: small fonts; text-transform:uppercase; letter-spacing:1pt;font-size: 7px; color: fafafc; background-color: 332498; width: 150; height: 120px;scrollbar-face-color:000000;scrollbar-3dlight-color: 000000;scrollbar-shadow-color: 000000;scrollbar-track-color:000000;scrollbar-darkshadow-color: 000000;scrollbar-arrow-color: 6200bd;scrollbar-highlight-color: 000000;  overflow:auto;}

a.home:link, a.home:visited, a.home:active { background-color:transparent; border:none!important; 
background-image:url('http://cbimg9.com/layouts/08/08/30108aa.png'); background-repeat:no-repeat; background-position:top left; width:100px;
height:40px; margin:0px; display:block;left:225px;position:absolute;top:351px;z-index:2;}
a.home:hover {background-color:transparent;border:none;background-image:url('http://cbimg9.com/layouts/08/08/30108ab.png');
background-repeat:no-repeat;background-position:top left;width:100px;height:40px;margin:0px;display:block;left:225px;position:absolute;top:351px;z-index:2;}

a.pics:link, a.pics:visited, a.pics:active {background-color:transparent;border:none!important;
background-image:url('http://cbimg9.com/layouts/08/08/30108ac.png');background-repeat:no-repeat;background-position:top left;width:100px;height:40px;
margin:0px;display:block;left:325px;position:absolute;top:351px;z-index:2;}
a.pics:hover {background-color:transparent;border:none;
background-image:url('http://cbimg9.com/layouts/08/08/30108ad.png');background-repeat:no-repeat;background-position:top left;width:100px;
height:40px;margin:0px;display:block;left:325px;position:absolute;top:351px;z-index:2;}

a.friends:link, a.friends:visited, a.friends:active {background-color:transparent;border:none!important;
background-image:url('http://cbimg9.com/layouts/08/08/30108ae.png');background-repeat:no-repeat;background-position:top left;width:100px;
height:40px;margin:0px;display:block;left:425px;position:absolute;top:351px;z-index:2;}
a.friends:hover {background-color:transparent;border:none;
background-image:url('http://cbimg9.com/layouts/08/08/30108af.png');background-repeat:no-repeat;background-position:top left;width:100px;
height:40px;margin:0px;display:block;left:425px;position:absolute;top:351px;z-index:2;}

a.blog:link, a.blog:visited, a.blog:active {background-color:transparent;border:none!important;
background-image:url('http://cbimg9.com/layouts/08/08/30108ag.png');background-repeat:no-repeat;background-position:top left;width:100px;height:40px;
margin:0px;display:block;left:525px;position:absolute;top:351px;z-index:2;}
a.blog:hover {background-color:transparent;border:none;
background-image:url('http://cbimg9.com/layouts/08/08/30108ah.png');background-repeat:no-repeat;background-position:top left;width:100px;
height:40px;margin:0px;display:block;left:525px;position:absolute;top:351px;z-index:2;}

a.cmts:link, a.cmts:visited, a.cmts:active {background-color:transparent;border:none!important;background-image:url('http://cbimg9.com/layouts/08/08/30108ai.png');background-repeat:no-repeat;background-position:top left;width:100px;height:40px;margin:0px;display:block;left:625px;position:absolute;top:351px;z-index:2;}
a.cmts:hover {background-color:transparent;border:none;background-image:url('http://cbimg9.com/layouts/08/08/30108aj.png');background-repeat:no-repeat;background-position:top left;width:100px;height:40px;margin:0px;display:block;left:625px;position:absolute;top:351px;z-index:2;}

a.add:link, a.add:visited, a.add:active {background-color:transparent;border:none!important;
background-image:url('http://cbimg9.com/layouts/08/08/30108ak.png');background-repeat:no-repeat;background-position:top left;width:100px;
height:40px;margin:0px;display:block;left:725px;position:absolute;top:351px;z-index:2;}
a.add:hover {background-color:transparent;border:none;
background-image:url('http://cbimg9.com/layouts/08/08/30108al.png');background-repeat:no-repeat;background-position:top left;width:100px;
height:40px;margin:0px;display:block;left:725px;position:absolute;top:351px;z-index:2;}

a.block:link, a.block:visited, a.block:active {background-color:transparent;border:none!important;
background-image:url('http://cbimg9.com/layouts/08/08/30108am.png');background-repeat:no-repeat;background-position:top left;width:100px;
height:40px;margin:0px;display:block;left:825px;position:absolute;top:351px;z-index:2;}
a.block:hover {background-color:transparent;border:none;
background-image:url('http://cbimg9.com/layouts/08/08/30108an.png');background-repeat:no-repeat;background-position:top left;width:100px;height:40px;margin:0px;display:block;left:825px;position:absolute;top:351px;z-index:2;}

a.credit:link, a.credit:visited, a.credit:active {background-color:transparent;border:none!important;
background-image:url('http://cbimg9.com/layouts/08/08/30108ao.png');background-repeat:no-repeat;background-position:top left;width:100px;
height:40px;margin:0px;display:block;left:925px;position:absolute;top:351px;z-index:2;}
a.credit:hover {background-color:transparent;border:none;
background-image:url('http://cbimg9.com/layouts/08/08/30108ap.png');background-repeat:no-repeat;background-position:top left;width:100px;height:40px;margin:0px;display:block;left:925px;position:absolute;top:351px;z-index:2;}
</style>

Layout Code

Copy and paste to I'd Like to Meet

Help

<div class="music"><h1>music</h1><center><p style="visibility:visible;"><embed src="http://assets.myflashfetish.com/swf/mp3/minime.swf" quality="high" wmode="transparent" flashvars="myid=11386496&path=2008/07/31&mycolor=332498&mycolor2=000000&mycolor3=fafafc&autoplay=true&rand=0&f=4&vol=100&pat=0&grad=false" width="160" height="68" name="myflashfetish" align="middle"type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" border="0" /></p></center>Try to find a music player that's less than 200px wide.</div><div class="lc">
<h1>friends/pics</h1>
Here you might want to put pictures of your top, or maybe you'll want pictures of you, or pictures of nothing in particular. If there are lots of pictures I'd use a marquee.</div>

<div class="cc"><h1>about me</h1>Here is where you might want to write about you. Most people seem to enjoy having a place to do that in their myspace layout. <br />I got the image text from the bellow song (ok, so I changed the tense of one of the verbs because I like it better that way).<br />Everything will scroll.<Br />
<h1>CSS Elemtents</h1>Text <b>bold</b> <i>italic</i> <strong>strong</strong> <u>underline</u> <a href="http://home.comcast.net/~reject.layouts/">link</a><br /><br />
<h1>Crazy Angel by Kill Hannah</h1>
It's serious <br />
I've got to find you when I start to feel this way<br />
You mesmerize me all the time <br />
And I'll hold on til tonight <br />
But that's too long<br />
Cuz you're an angel<br />
You're an angel<br />
My crazy angel <br />
My crazy angel<br />
So serious I've got to take you home again tonight<br />
Cuz right now you paralyze me with your smile<br />
As your wings discard there feathers on the ground<br />
I see a halo up above you <br />
My crazy angel <br />
My crazy angel <br />
I hold on so hard<br />
And pray that I won't say something wrong<br />
<b>I look at the stars <br />
And dream that the universe was ours</b><br />
My crazy angel <br />
I hold on so hard<br />
And pray that I won't say something wrong <br />
I look at the stars<br />
And dream that the universe was ours<br />
I won't ever stop <br />
My crazy angel [x5]</div>

<div class="cmt"><h1>cmt</h1><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" style="width: 150; height: 120px;" cols="21" rows="10" style="border-width: 1px; border-style: solid; border-color: 000000; font-family: small fonts; text-transform:uppercase; letter-spacing:1pt;font-size: 7px; color: fafafc; background-color: 332498;" style="overflow:auto;">So, what's the craziest thing you've done lately?</textarea><br><input value="You are" style="border-width: 1px; border-style: solid; border-color: 000000; width:150px; font-family: small fonts; text-transform:uppercase; letter-spacing:1pt; font-size: 7px; color: fafafc; background-color: 332498;" type="submit"></form></center></div>
<div class="rc"><h1>quotes</h1>
<p><i>I'm</i> going to put (Stargate) quotes here when I use the layout, don't know about you. Anything or nothing will work just fine.</p>
<p><strong>Daniel</strong>: This tastes like chicken.<br />
  <strong>Sam</strong>: So what's wrong with it?<br />
  <strong>Daniel</strong>: It's macaroni and cheese.</p>
<p><strong>Daniel</strong>: The Pentagon said this was  everything.<br />
  <strong>Jack</strong>: Oh please! The Pentagon's lost entire countries.</p>
<p><strong>Maybourne</strong>: Teal'c. It's good to see you well.<br />
  <strong>Teal'c</strong>: In my culture I would be well within my rights to dismember you.</p>
<p><strong>Jack</strong>: You know that  "we come in peace" business? Bite me.</p>
<p><strong>Teal'c</strong>: I have read of a place where humans  do battle in a ring of Jell-o. <br />
  <strong>Jack</strong>: Call Daniel.</p>
</div>

Layout Comments

Showing latest 10 of 18 comments

whats the second song?

By tink919 on Feb 26, 2009 8:37 am

whats the second song?

By tink919 on Feb 26, 2009 8:37 am

this is awsomee. the roll-overs are a nice touch. (:
like the nav font toooo.

By samanthaxrandom on Jan 25, 2009 2:37 am

meant to say i absolutely love your layout. But when i put it on my boyfriend's myspace, because it was blank, it turned out all weird. here is his link. http://profile.myspace.com/ind ex.cfm?fuseaction=user.viewpro file&friendid=10347303&MyToken =8e58770d-ee79-4dd7-baf7-87946 460246b

By xXxBunnehxXx on Sep 17, 2008 10:24 pm

Hey!!! I absolutelly

By xXxBunnehxXx on Sep 17, 2008 9:37 pm