Little Miss Sunshine

Designer's Comments

Look carefully for specific instructions

this is a simple easy going layout about the wonderful film Little Miss Sunshine.I hope you all find it just as pleasurable as I did. and I also hope you find the music pleasurable as I did as well. I think it is one of the best songs ever. the original (with words) is called How It Ends by DeVotchKa

you want to add your own music
put this code in about me

if you want to hide music player (so no one can see)
add this code in about me

8 X's replace them with your friend ID.
XXXXXXXX

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">
table.blurbs {z-index:-2;}
body {background-color:F2CC3D; background-image:url(http://i261.photobucket.com/albums/ii72/rawrdamnitinc/middle.jpg); background-position:0px 3px; background-repeat:repeat-y;}
 embed {display:none;}
.cred {display:block; background-color:F2CC3D; border-right:5px solid; border-right-color:D5B53A; color:000000 !important;}
body td table, body div table { margin-top: 0; }
.cred:hover {border-right:10px; border-right-color:D5B53A;}
 object {visibility:hidden; height:0px; width:0px}
.sunshine {visibility:visible !important; height:68px; width:160px;}
.contacttable, .whitetext12, .nametext, .lightbluetext8, .orangetext15, .blacktext12,.btext, .redtext, .redbtext {   display:none;   height: 0 !important;   visibility:hidden;}
td td td td {   border:0px;width:0px;text-align:left;}
table,td {   padding:0px;   width:0;   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.navigationBar {display:none;}

div.content {width:845px; overflow:hidden; position:absolute; top:500px; left:3px; min-height: 100%; background-color:none; background-image:url(http://i261.photobucket.com/albums/ii72/rawrdamnitinc/middle.jpg); background-position: center; background-repeat:repeat; display:block; margin: 0 auto;}

div.rightc {position:absolute; left:281px; top:510px; width:513px; padding:4px; color:F1CB3C;}
div.rightc h1 {color:F1CB3C; display:block; border-bottom:1px dashed; border-bottom-color:F1CB3C; font-family:Geneva, Arial, Helvetica, sans-serif; font-size:24px; letter-spacing:-2px; line-height:28px; text-transform:lowercase; font-weight:normal; text-decoration:none; text-align:right;}

div.leftc {padding:4px; width:190px; position:absolute; top:510px; left:25px; display:block; color:F1CB3C;}
div.leftc h1 {color:F1CB3C; border-bottom:1px dotted; border-bottom-color:F1CB3C; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:24px; letter-spacing:-1px; line-height:26px; text-transform:lowercase; text-align:right; text-decoration:none; font-weight:normal;}
a img {border:1px solid; border-color:;}
.leftc a img {border:0px !important;}

{background-repeat:no-repeat !important;}
table, td, tr, body, html {z-index:-2;}
div {z-index:1;}
object, embed {z-index:2 !important;}
 .home{height:20px; width:136px; overflow: hidden; background: url(http://i261.photobucket.com/albums/ii72/rawrdamnitinc/lmsshome-1.jpg); background-position:0 0 !important; display: block; border:0px !important;}
 .home:hover{background-position:0px 20px !important; border:0px !important;}
 .add{height:20px; width:136px; overflow: hidden; background: url(http://i261.photobucket.com/albums/ii72/rawrdamnitinc/lmssadd-1.jpg);  background-position:0 0 !important; display: block; border:0px !important;}
 .add:hover{background-position:0px 20px !important; border:0px !important;} 
 .message{height:20px; width:136px; overflow: hidden; background: url(http://i261.photobucket.com/albums/ii72/rawrdamnitinc/lmssmessage-1.jpg); background-position:0 0 !important; display: block; border:0px !important;}
 .message:hover{background-position:0px 20px !important; border:0px !important;}
 .comment{height:20px; width:136px; overflow: hidden; background: url(http://i261.photobucket.com/albums/ii72/rawrdamnitinc/lmsscomment-1.jpg); background-position:0 0 !important; display: block; border:0px !important;}
 .comment:hover{background-position:0px 20px !important; border:0px !important;}
 .photos{height:20px; width:136px; overflow: hidden; background: url(http://i261.photobucket.com/albums/ii72/rawrdamnitinc/lmssphotos-1.jpg);
background-position:0 0 !important; display: block; border:0px !important;}
 .photos:hover{background-position:0px 20px !important; border:0px !important;}
 .block{height:20px; width:136px; overflow: hidden; background: url(http://i261.photobucket.com/albums/ii72/rawrdamnitinc/lmssblock-1.jpg);  display: block; border:0px !important;}
 .block:hover{background-position:0px 20px !important; border:0px !important;}

div { visibility: visible; }
div table { visibility: visible; }
div table td { visibility: visible; z-index:100 !important;}
div table table td { visibility: visible; }
div table table { visibility: visible; }
div table table div { visibility: visible; }
table td div div { visibility: visible; }
div table { visibility: visible; }
[ { visibility: visible; z-index:100 !important;}
</style>

Layout Code

Copy and paste to I'd Like to Meet

Help

<div class="leftc">
<h1>Navigate</h1>
<a href="http://home.myspace.com/index.cfm?fuseaction=user" class="home"><img src="http://layouts.cbimg6.com/34/17093j.gif"></a>
<a href="http://messaging.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendID=XXXXXXXX" class="add"><img src="http://layouts.cbimg6.com/34/17093j.gif"></a>
<a href="http://messaging.myspace.com/index.cfm?fuseaction=mail.message&friendID=XXXXXXXX" class="message"><img src="http://layouts.cbimg6.com/34/17093j.gif"></a>
<a href="http://comment.myspace.com/index.cfm?fuseaction=user.viewProfile_commentForm&friendID=XXXXXXXX" class="comment"><img src="http://layouts.cbimg6.com/34/17093j.gif"></a>
<a href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewAlbums&friendID=XXXXXXXX" class="photos"><img src="http://layouts.cbimg6.com/34/17093j.gif"></a>
<a href="http://collect.myspace.com/index.cfm?fuseaction=block.blockUser&userID=XXXXXXXX" class="block"><img src="http://layouts.cbimg6.com/34/17093j.gif"></a>
<br><br><span class="music"><h1>Music</h1><center>
<object type="application/x-shockwave-flash" allowScriptAccess="never" allowNetworking="internal" height="68" width="160" class="sunshine" align="middle" data="http://www.mp3asset.com/swf/mp3/minime.swf">
  <param name="allowScriptAccess" value="never" />
  <param name="allowNetworking" value="internal" />
  <param name="movie" value="http://www.mp3asset.com/swf/mp3/minime.swf" />
  <param name="quality" value="high" />
  <param name="wmode" value="transparent" />
  <param name="flashvars" value="myid=8899183&path=2008/03/30&mycolor=0xFFD83D&mycolor2=0xF2E70C&mycolor3=0x000000&autoplay=true&rand=1&f=3&vol=100&pat=8" />
</object></center></span>

<h1>Comment</h1><br>
<style type="text/css"> textarea.rawrbox { color: 000000; font-family: arail; font-size: 10px; text-transform: lowercase; font-weight: normal; letter-spacing: 0px; text-align: left; line-height: 9px; height: 50px; width: 190px; border-color:938549; border-style: solid; border-width: 1px; background-color: F1CB3C; } 
input.rawrpus {color: 000000; font-family: arail; font-size: 13px; text-transform: lowercase; font-weight: normal; letter-spacing: 1px; text-align: center; line-height: 10px; background-color: E4CC60; height: 20px; width: 190px; border-color: 938549; border-width: 1px; border-style: solid; } </style>
<form method="post" action="http://comments.myspace.com/index.cfm?fuseaction=user.ConfirmComment"><input name="friendID" value="XXXXXXXX" type="hidden"><textarea name="f_comments" class="rawrbox">Grandpa, am I pretty?
you are the most beautiful thing in the world.</textarea> <br> <input type="submit" value="you're just saying that" class="rawrpus"></form>

<br><br><br><h1>Credit</h1>
<a class="cred" href="http://profile.myspace.com/index.cfm?fuseaction=user.viewprofile&friendid=322688104">Credit</a>
<a  class="cred" href="http://profile.myspace.com/index.cfm?fuseaction=user.viewprofile&friendid=27952433">Coder</a>

</div>

<div class="rightc">
<h1>about the layout</h1>
I loved this movie and I wanted to make a layout over it recently. I think its cute looking kinda.
<h1>about me</h1>
about me about me about me about me about me about me <br>
about me about me about me about me about me about me <br>
about me about me about me about me about me about me <br>
about me about me about me about me about me about me <br>
about me about me about me about me about me about me <br>
about me about me about me about me about me about me <br>
about me about me about me about me about me about me <br>
about me about me about me about me about me about me <br>
about me about me about me about me about me about me <br>
about me about me about me about me about me about me <br>
about me about me about me about me about me about me <br>
about me about me about me about me about me about me <br>
about me about me about me about me about me about me <br>
about me about me about me about me about me about me <br>
about me about me about me about me about me about me <br>

</div>