Pastel Snowman Overlay

Designer's Comments

Look carefully for specific instructions

Instructions

Please only use this layout if you have some experience with HTML. Feel free to edit it as you like, and if you want to remove my credit to make room for something else, you may.

The Who I'd Like to Meet section is the only portion of the code that you should be editing.

Replace all XXXXXXs with your friend ID

To replace the default photo with YOUR photo, instead of that weird guy's photo, search for http://layouts.cbimg8.com/31/15765e.jpg in the code and replace it with a link to a photo of you.

The scrolling images of gifts should be replace with photos of your friends and links to their profiles.
One entire segment of friend code looks like this:

Replace http://profile.myspace.com/index.cfm?fuseaction=user.viewprofile&friendid=ZZZZZZ with a link to a friend's profile, and then replace the http://img154.imageshack.us/img154/1769/giftsdf5.jpg segment after that with a link to a photo of the same person.

If you want to add more friends, copy the entire segment of friend code listed above. If you don't want your photos to be automatically resized, remove the part of the code that says width="98" height="77". However, the bottom part of the image that doesn't fit into the box will be cut off, to avoid vertical scrolling.

To edit the text in the About Me section, simply search for the current text in the code (It starts with 'Hi and welcome to my myspace,' and replace it with what you like. The same goes for the small scrolling box on the side. Search for 'Put whatever else you want to put here...' and you will find it in the code.

Moving/Hiding the Default Myspace mp3 Player to use with this layout:

Createblog.com has a handy code for hiding the player completely:
td td object {position:absolute; left:0px; top:0px; display:block; width:0px; height:0px;}

Inserting this code into your About Me section as is will completely hide the myspace mp3 player.

If you want to place the music player over my tage in the lower left-hand corner, place this code in your About Me section instead:

td td object {position:absolute; left:223px; top:664px; display:block; width:166px; height:42px;}

If you have a couple of basic questions on how to install this layout, feel free to message me on this site. Just click on the (?) next to my display name, and click Send a personal message

I will try to get back to you within 24 hours, but that might not always be possible.

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">
/* thanks to joyboner.com for comment div tutorial */
.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 .orangetext15, .redlink, .comt .btext, .frnd{display:none;} .comt td b, .blacktext10 {display:block;} .comt {z-index:7;}
.comt table, .comt b {position:relative; top:-39px; _top:-30px;}

note{The Main: comment div;}
.comt {width:386px; height:137px; overflow-x:hidden; overflow-y: scroll; z-index:1;
background-color:#9CFBAC; border:0px solid; border-color:black; position:absolute; top:557px; left:500px; margin-left:-100px; }
note {Timestamp: width;}
.blacktext10 {width: 256px;}

.comt td td td .ImgOnlineNow{display:none;}

note{resizes: linked images including friends profile pic}
.comt td td td a img {width:70px; max-width:260px; _width:70px !important;}

note{all text in comments}
.comt td td td, .comt td td td b {font-family: Tahoma; font-size: 10px; color:000000;}
note{Displaying XX of XX comments View Edit All Comments}
.comt td b, .comt td b a, .redtext {font-family: Tahoma; font-size: 10px; color:9CFBAC;}
.comt td b a:hover {font:bold 10px tahoma; color:9CFBAC;}

table table,table table table table,table table {
background-color:transparent;
width:270px;
border:0px;
}

div,table,tr,td,th {
background-color:transparent;
text-align:left;
border:0px;
}

a.navbar,font,.whitetext12,.btext,.orangetext15,.redbtext,.redtext,.blacktext12,.lightbluetext8,strong,.blacktext10,.nametext,div b font font, div font font u,table table table

table, table table table table td.text, td.text td.text table,table.contacttable {
visibility:hidden;
}

div table form tr td,td.text table,a.text, table div font a, table div div {
visibility:hidden;
}

td.text table table {
display:inline; 
visibility:visible;
}
a:img
{
cursor: hand; 
}

a:active, a:visited, a:link {
cursor: hand; 
font-family: Tahoma; 
color:000000; 
font-size:10px;
font-weight: normal; 
text-decoration: underline;
}

a:hover { 
font-family: Tahoma; 
color:000000; 
font-size:10px;
text-decoration:underline; 
font-weight: bold; 
cursor: hand; 
}

body {
background-color: b4f1fc; 
overflow: hidden;
cursor: default;
font-family: Tahoma; 
color:000000; 
font-size:10px;
}

div {
scrollbar-face-color:9CFBAC;
scrollbar-arrow-color:666666;
scrollbar-highlight-color:666666;
scrollbar-shadow-color:666666;
scrollbar-3dlight-color:9CFBAC;
scrollbar-darkshadow-color:9CFBAC;
scrollbar-track-color:9CFBAC; 
overflow-x: hidden;
overflow-y: auto;
font-family: Tahoma; 
color:000000; 
font-size:10px;
}

.layout {
position:absolute; 
left:195px; 
top:127px; 
overflow:auto;
visibility:visible;
}
</style>

Layout Code

Copy and paste to I'd Like to Meet

Help

</div>

<a href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewAlbums&friendID=XXXXXXXX"><img src="http://layouts.cbimg8.com/31/15765e.jpg" border="1" align="left"></a>
Hi and welcome to my myspace. This layout was made by a wonderful girl named Kirsty. She is incredible. So is createblog.com. yaya yaya blah blah. Hi and welcome to my myspace. This layout was made by a wonderful girl named Kirsty. She is incredible. So is createblog.com. yaya yaya blah blah. Hi and welcome to my myspace. This layout was made by a wonderful girl named Kirsty. She is incredible. So is createblog.com. yaya yaya blah blah. Hi and welcome to my myspace. This layout was made by a wonderful girl named Kirsty. She is incredible. So is createblog.com. yaya yaya blah blah. Hi and welcome to my myspace. This layout was made by a wonderful girl named Kirsty. She is incredible. So is createblog.com. yaya yaya blah blah. Hi and welcome to my myspace. This layout was made by a wonderful girl named Kirsty. She is incredible. So is createblog.com. yaya yaya blah blah.

</div>

<div id="random" style="position:absolute; left:224px; top:486px; width:164px; height:70px; z-index:4; overflow-y: auto; scrollbar-face-color:FE7474; scrollbar-arrow-color:666666; scrollbar-highlight-color:666666; scrollbar-shadow-color:666666; scrollbar-3dlight-color:FE7474; scrollbar-darkshadow-color:FE7474; scrollbar-track-color:#FE7474;"><img src="http://layouts.cbimg8.com/31/15765f.gif">Put 
  whatever else you want to put here.<br><img src="http://layouts.cbimg8.com/31/15765f.gif">Maybe links to your blogs...<br><img src="http://layouts.cbimg8.com/31/15765f.gif">or quotes from your friends. <br> <img src="http://layouts.cbimg8.com/31/15765f.gif"> Links to your websites.<br><br>Put whatever else you want to put here...links to your 
  blogs. Quotes from your friends. Links to your websites.</div>

<div

class="commentbox" style="position: absolute; top:566px; left:223px; width:340px;

height:300px;border:; font-family: Tahoma; font-size: 10px; color:000000; text-align:justify; background:transparent; scrollbar-face-color:ffffff; scrollbar-arrow-color:ffffff; scrollbar-highlight-color:ffffff; scrollbar-shadow-color:ffffff; scrollbar-3dlight-color:ffffff; scrollbar-darkshadow-color:ffffff; scrollbar-track-color:ffffff; overflow-y: hidden;"> 
<form method="post"

action="http://comments.myspace.com/index.cfm?fuseaction=user.ConfirmComment"><input

name="friendID" value="XXXXXXXX" type="hidden"><textarea

name="f_comments" cols="10" rows="7" style="width:166px; height:70px; border-width: 1px; border-style:

solid; border-color:

666666; font-family: Tahoma; font-size: 10px; color:000000;
background-color:ffffff;

style="overflow:auto;"></textarea><br> <input value="add comment" style="border-width: 1px;

border-style: solid; border-color: 666666; font-family: Tahoma; font-size: 10px; color:000000;

background-color: ffffff;"

type="submit"> <input value="clear" style="border-width: 1px; border-style: solid;

border-color: 666666; font-family: Tahoma; font-size: 10px; color:000000; background-color: ffffff;"

type="reset"></form>

</div>

</div>
</td></tr></table></td></tr></table>
<div class="comt"><table class="off"><tr><td><table><tr><td>
<style>/* myspace codes provided by createblog.com */</style>

Layout Comments

Showing latest 10 of 25 comments

real cute.

i like it. :)

By futura on Jan 16, 2008 8:07 pm

super cute!! great job!

By Ourania on Jan 1, 2008 7:38 pm

I know this is completely random, but when I first starting coming to CB this was one of the first layouts I ever saw, and it made me want to learn how to make them. This is still one of my favorites :) Love your work :)

By FoxLucky on Nov 20, 2007 4:24 pm

hi, i just started using this layout today, and the comment box isnt showing up.. can you tell me how i might fix that? let me know, my emails yahhitskaay@aim.com thanks

By yahh-its-kaay on Nov 14, 2007 5:09 pm

cute x-mas layout
might use on christmas(:

By Jennihugglesxxxx on Nov 11, 2007 11:34 am

WOW. this is amazing. flawless, imo.

By phobias on Jul 16, 2007 12:22 am

Wow. This has to be the cutest snowman EVER! Appreciate how your layouts are cute yet simple.

By shadowfax on Jan 4, 2007 4:50 pm

Well the code for the commentbox really wasn't working so I changed it and people who are having problems with it also try this codeCODE<div class="commentbox" style="position: absolute; top:566px; left:223px; width:340

By Cross out the stars on Dec 15, 2006 9:27 am

I don't see where any info overlaps in the layout and I think this is absolutely adorable. I want to learn to make DIV overlay layouts... just don't have the time with a new baby & all. ;) But I love this layout.

By U.fae on Dec 14, 2006 8:59 pm

If your comment box doesn't work...try this:- Go into your Who I'd Like to Meet section, and search for this line of code:http://collect.myspace.com/index.cfm?fuseaction=user.confirmCommentand replace it with this one:http://comments.myspace.com/i

By falsetigerlimbs on Dec 13, 2006 8:07 pm

View all »

Layout Details

Designer	falsetigerlimbs
Submitted on	Dec 11, 2006
Page views	82,156
Favorites	183
Comments	25

Pastel Snowman Overlay

Designer's Comments

Using This Layout

Update Friend ID

Layout Code

Layout Code

Layout Comments

Layout Details

Layout Tags

Layout Tools

Layout Affiliates