Pupsicles!

Designer's Comments

Look carefully for specific instructions

If you don't know how to use this kind of layout, click here.

I drew one of these things during Social Studies almost a month ago, and I loved how it looked. My computer interpretation of it isn't as great, but I'm happy with how it turned out. No, I'm not some creep who eats puppies. It's just a cute spin on a popsicle. Feedback is always appreciated. :D

Want to see all my layouts and graphics?
website
myspace

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:efa0c0;
background-image:url();
background-position:top left;
 background-repeat:repeat;
 background-attachment:scroll;
scrollbar-arrow-color:90714a;
scrollbar-track-color:efa0c0;
scrollbar-shadow-color:000000;
scrollbar-face-color:ffffff;
scrollbar-highlight-color:000000;
scrollbar-darkshadow-color:efa0c0;
scrollbar-3dlight-color:efa0c0;}

.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;}
body div table td form img{display:none!important;}
body div table td form option{display:none!important;}
body div table td form select{display:none!important;}
body div table td form input{display:none!important;}

.div{
position: absolute; 
left: 50%;
margin-left:-330px; 
padding-bottom:20px;
top: 110px;  
z-index: 0;}

.section1{
position: absolute; 
left: 50%; 
margin-left:-305px; 
top: 478px; 
z-index:5; 
width:  424px; 
height: 125px; 
overflow: auto;
scrollbar-arrow-color:fff;
scrollbar-track-color:fff;
scrollbar-shadow-color:000000;
scrollbar-face-color:eec77a;
scrollbar-highlight-color:000000;
scrollbar-darkshadow-color:fff;
scrollbar-3dlight-color:fff;}

.section3{
position: absolute; 
left: 50%; 
margin-left:155px; 
top: 291px; 
z-index:5; 
width:  142px; 
height: 154px; 
overflow: auto;}

.section4{
position: absolute; 
left: 50%; 
margin-left:155px; 
top: 137px; 
z-index:5; 
width:  142px; 
height: 123px; 
overflow: auto;
scrollbar-arrow-color:fff;
scrollbar-track-color:fff;
scrollbar-shadow-color:000000;
scrollbar-face-color:eec77a;
scrollbar-highlight-color:000000;
scrollbar-darkshadow-color:fff;
scrollbar-3dlight-color:fff;}

.commentbox{
position: absolute; 
left: 50%; 
margin-left:155px; 
top: 475px; 
z-index:5; 
overflow: auto;}

body,table, td, li, p, div
{
font:normal 10px arial; 
color:000; 
font-weight:none; 
border:0px; 
text-transform: none; 
line-height:15px;}

textarea{
background-color: transparent; 
background-image:url();
color: ffff; 
font:20px verdana; 
text-transform:none;
letter-spacing: -3px;
border: solid 1px 000;}

a:active,a:visited,a:link,a{
	color:eec77a;
	font-size:10px;
	margin-top:1px;
	cursor:default;
	font-weight:normal;
	letter-spacing:1px;
	font-family:tahoma;
	text-decoration:none;
	text-transform:uppercase;
}

a:hover{
	color:000;
	font-size:10px;
	margin-top:1px;
	cursor:default;
	font-weight:normal;
	letter-spacing:1px;
	font-family:tahoma;
	text-decoration:none;
	text-transform:uppercase;}
	
a.nav:link, a.nav:visited, a.nav:active {border: none; border-left:none; border-bottom:none;color:fff; text-transform:lowercase; letter-spacing: -1px; padding-top:2px; padding-bottom:2px;font-size: 9px; background-image:url(); background-color:efa0c0; width:100%; display:block;background-position:right; background-repeat:no-repeat; text-align:center; font:13px century gothic; font-weight:normal;}
a.nav:hover {border: none; border-left:none; border-bottom:none;color:fff; text-transform:lowercase; letter-spacing: -1px; padding-top:2px; padding-bottom:2px;font-size: 9px; background-image:url(); background-color:90714a; width:100%; display:block;background-position:right; background-repeat:no-repeat; text-align:center; font:13px century gothic; font-weight:normal;}

.standard b, p b, B, strong {
font-family:century gothic; 
font-size:13px; 
line-height:23px;
color:eec77a; 
font-weight:none;
font-weight:normal;
letter-spacing:-1px;
border:0px; 
text-transform: none; }
</style>

<div class="section1"><center>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Pellentesque purus risus, volutpat quis, consectetuer a, ullamcorper a, pede. Aliquam non massa. Phasellus vulputate orci vel augue. Fusce pretium mollis sapien. Duis non magna. Quisque felis purus, vulputate vitae, tempus eu, commodo at, purus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Aenean tincidunt libero. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. In dictum. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Pellentesque purus risus, volutpat quis, consectetuer a, ullamcorper a, pede. Aliquam non massa. Phasellus vulputate orci vel augue. Fusce pretium mollis sapien. Duis non magna. Quisque felis purus, vulputate vitae, tempus eu, commodo at, purus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Aenean tincidunt libero. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. In dictum. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Pellentesque purus risus, volutpat quis, consectetuer a, ullamcorper a, pede. Aliquam non massa. Phasellus vulputate orci vel augue. Fusce pretium mollis sapien. Duis non magna. Quisque felis purus, vulputate vitae, tempus eu, commodo at, purus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Aenean tincidunt libero. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. In dictum. 
</center> 
</div>

<div class="section4">
<b>Name:</b> BLAH<br> 
<b>Age:</b> BLAH<br> 
<b>Location:</b> BLAH<br> 
<b>Status:</b> BLAH<br>
<b>Hobbies:</b> BLAH<br> 
</div>

<div class="section3">
 <a class="nav" href="http://home.myspace.com/index.cfm?fuseaction=user">Home</a>
 <a class="nav" href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewPicture&friendID=XXXXXXXX">pics</a>
 <a class="nav" href="http://messaging.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendID=XXXXXXXX">add</a><a class="nav" href="http://messaging.myspace.com/index.cfm?fuseaction=mail.message&friendID=XXXXXXXX&MyToken=60073af5-e929-4c7a-b357-3f1b6da0bbfb">message</a>
 <a class="nav" href="http://friends.myspace.com/index.cfm?fuseaction=block.blockUser&userID=XXXXXXXX">block</a>
 <a class="nav" href="http://home.myspace.com/Modules/ViewFriends/FriendsView.aspx?friendID=XXXXXXXX">friends</a>
 <a class="nav" href="http://blog.myspace.com/index.cfm?fuseaction=blog.ListAll&friendID=XXXXXXXX">blog</a>
</div>

<div class="commentbox"><center>
<style type="text/css">
textarea.area{
background-color:transparent;
width:142px;
height:110px;
font-family:century gothic;
color:000;
line-height:26px;
font-size:21px;
text-align:left;
text-transform:none;
border:0px solid;
border-color:000;
font-weight:normal;
letter-spacing:-2px;
overflow:hidden;
}

input.button {
background-color:transparent;
width:142px;
height:14px;
font-family:century gothic;
color:000;
line-height:13px;
font-size:13px;
text-align:center;
text-transform:none;
border:0px solid;
border-color:000;
font-weight:normal;
letter-spacing:0px;}
</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="area">I'm melting!</textarea><br />
<input type="submit"class="button" value="send"></form>
</center> 
</div>

Layout Comments

Showing latest 10 of 29 comments

cyuuuuut,

By paper99pad on Oct 29, 2008 11:31 pm

this is adorable,
so unique i love it:)

By discodinos on Jul 13, 2008 2:44 pm

The code on here isn't up-to-date with all of myspace's changes. Eventually, I might update them, but for now you can get the right ones on my site. It's linked in my Designer's Comments.

By schizo on Jul 10, 2008 8:50 pm

um i have a question y on my page it has a line goin rite threw it?

amazing layout
its kute =D

By Honduraschik on Jul 10, 2008 8:37 pm

Thanks for letting me know about the send button problem. It seems like the comment box gets screwed up when certain people approve layouts.

And as for the album link and ad, most of the layouts are updated on my website. It would be a pain to change all the layouts on here every time myspace makes a change.

By schizo on Jun 28, 2008 7:05 pm

Also, the creator and future users of this may want to note, that the way the code is structured now, the pictures link goes to the first album, not the album page. You will want to relink this. Also note that the code overlays the banner ad from Myspace, which is against their terms. Just beware. Overall I love this layout.

By TrainWreckBarbie on Jun 28, 2008 4:31 pm

This is soo cute. I took me a while to figure out how to fix the "send" button on the comment area, but I pulled it from one of your other comment button HTMLs.

By TrainWreckBarbie on Jun 28, 2008 3:37 pm