Spongebob Christmas

Designer's Comments

Look carefully for specific instructions

Soooo another Christmas Layout ..

I actually dont like Spongebob but i know theres alottttta ppl that do .. soo umm there u go

PLease use the Friend-ID -Updater .. to replace all the XXXXXXX's with your Friend-ID

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">.MyspaceGens Hide New Navigation Bar { http://www.myspacegens.com/handler.php?page=tutorials&16=S } div.profileWidth table tr td div ul li a, div.profileWidth table tr td div ul li .rail { position: relative; left: -10000px; } div.profileWidth { margin-top: -30px !important; } div.profileWidth div { filter:alpha(opacity=0); opacity:0.0001 } div.profileWidth div.clearfix, div.profileWidth div div { filter: none; opacity: 0.9999; } div.profileWidth div.clearfix { position: relative; top: 40px; }</style>

.redtext {  color:000000; font-size:12px;      }

a:active, a:visited, a:link{  color:000000; font-family:tahoma; font-size:12px; text-transform: uppercase;  }

a:hover {  color:000000; font-size:12px;    } 
 
b {color:000000; font-family:tahoma; font-weight:bold; font-size:12px;}
 
u{font-family:Candara;font-size:11px;color:000000;
font-weight:bold;text-decoration:underline;
letter-spacing:0px;
text-transform:uppercase;
border-bottom:0px dashed;
border-bottom-color:000000;
letter-spacing:0px;}
 
 .blacktext10 {
font-family: tahoma;
font-size: 11px;
font-weight: bold;
color: 000000;
text-transform: uppercase;
letter-spacing: 0pt;
border-top-width: 0px;
border-bottom-width: 0px;
border-left-width: 0px;
border-right-width: 0px;
border-bottom-color: 000000;
border-bottom-style: solid;
width: 250px;
line-height: 12px;
font-weight: bold !important;
display: block;
text-align: right;
margin: -10px;
}

{divs}

.layout { background-color:transparent; 
background-image: url(http://cbimg9.com/layouts/08/12/32857aa.png);
background-repeat: no-repeat;
background-attachment: scroll;
background-position:top center;
position: absolute;
left: 50%;
margin-left: -400px;
top: 167px;
height: 590px;
width: 800px;
overflow: auto;
z-index: 1;
}

.aboutme { background-color:none;
position: absolute;
left: 50%;
margin-left: -220px;
top: 410px;
height: 260px;
width: 435px;
background-color:transparent;
border-color:transparent; 
border-style:solid; 
border-width:1px;
overflow-y:auto;
overflow-x:hidden;
padding-left:0px;
padding-right:5px;
_padding-right:2px;
z-index: 2;
}

* html .aboutme { background-color:none;
position: absolute;
left: 50%;
margin-left: -220px;
width: 442px;
border-color:transparent; 
border-style:solid; 
border-width:1px;
overflow-y:auto;
overflow-x:hidden;
padding-left:0px;
padding-right:5px;
z-index: 2;
}

.box { background-color:none;
position: absolute;
left: 50%;
margin-left: -221px;
top: 672px;
height: 100px;
width: 445px;
overflow-y:hidden;
overflow-x:hidden;
padding-left:0px;
padding-right:17px;
z-index: 2;
}

* html .box{ background-color:none;
position: absolute;
left: 50%;
margin-left: -220px;
width: 445px;
overflow-y:hidden;
overflow-x:hidden;;
padding-left:0px;
padding-right:15px;
z-index: 2;
}

.hometab { background-color:none;
position: absolute;
left: 50%;
_left: 50%;
margin-left: -252px;
_margin-left: -252px;
top: 170px;
height: 62px;
_height: 82px;
width: 30px;
_width: 50px;
overflow-y:auto;
overflow-x:auto;
padding-left:0px;
padding-right:17px;
z-index: 2;
}

.home{
height:62px; 
width:30px; 
background-COLOR:transparent; 
background: url(http://cbimg9.com/layouts/08/12/32857ab.png);
background-position:bottom left;
background-repeat: no-repeat; 
display: block;}

.home:hover{background-position:top left;}

.addtab { background-color:none;
position: absolute;
left: 50%;
_left: 50%;
margin-left: -252px;
_margin-left: -252px;
top: 355px;
height: 44px;
width: 30px;
_width: 50px;
overflow-y:auto;
overflow-x:auto;
padding-left:0px;
padding-right:17px;
z-index: 2;
}

.add{
height:44px; 
width:30px; 
background-COLOR:transparent; 
background: url(http://cbimg9.com/layouts/08/12/32857ac.png);
background-position:bottom left;
background-repeat: no-repeat; 
display: block;}

.add:hover{background-position:top left;}

.blocktab { background-color:none;
position: absolute;
left: 50%;
_left: 50%;
margin-left:-252px;
_margin-left:-252px;
top: 403px;
height: 69px;
width: 30px;
_width: 50px;
overflow-y:auto;
overflow-x:auto;
padding-left:0px;
padding-right:17px;
z-index: 2;
}

.block{
height:69px; 
width:30px; 
background-COLOR:transparent; 
background: url(http://cbimg9.com/layouts/08/12/32857ad.png);
background-position:bottom left;
background-repeat: no-repeat; 
display: block;}

.block:hover{background-position:top left;}

.pixtab { background-color:none;
position: absolute;
left: 50%;
_left: 50%;
margin-left: -252px;
_margin-left: -252px;
top: 485px;
height: 102px;
width: 30px;
_width: 50px;
overflow-y:auto;
overflow-x:auto;
padding-left:0px;
padding-right:17px;
z-index: 2;
}

.pix{
height:102px; 
width:30px; 
background-COLOR:transparent; 
background: url(http://cbimg9.com/layouts/08/12/32857ae.png);
background-position:bottom left;
background-repeat: no-repeat; 
display: block;}

.pix:hover{background-position:top left;}

.msgtab { background-color:none;
position: absolute;
left: 50%;
_left: 50%;
margin-left: -252px;
_margin-left: -252px;
top: 239px;
height: 110px;
width: 30px;
_width: 50px;
overflow-y:auto;
overflow-x:auto;
padding-left:0px;
padding-right:17px;
z-index: 2;
}

.msg{
height:109px; 
width:30px; 
background-COLOR:transparent; 
background: url(http://cbimg9.com/layouts/08/12/32857af.png);
background-position:bottom left;
background-repeat: no-repeat; 
display: block;}

.msg:hover{background-position:top left;}

.blogtab { background-color:none;
position: absolute;
left: 50%;
_left: 50%;
margin-left: -253px;
_margin-left: -253px;
top: 596px;
height: 61px;
width: 30px;
_width: 50px;
overflow-y:auto;
overflow-x:auto;
padding-left:0px;
padding-right:17px;
z-index: 2;
}

.blog{
height:61px; 
width:30px; 
background-COLOR:transparent; 
background: url(http://cbimg9.com/layouts/08/12/32857ag.png);
background-position:bottom left;
background-repeat: no-repeat; 
display: block;}

.blog:hover{background-position:top left;}

.credittab { background-color:none;
position: absolute;
left: 50%;
_left: 50%;
margin-left: -252px;
_margin-left: -252px;
top: 663px;
height:80px;
_height:80px;
width: 30px;
_width: 50px;
overflow-y:auto;
overflow-x:auto;
padding-left:0px;
padding-right:17px;
z-index: 2;
}

.credit{
height:80px; 
width:30px; 
background-COLOR:transparent; 
background: url(http://cbimg9.com/layouts/08/12/32857ah.png);
background-position:bottom left;
background-repeat: no-repeat; 
display: block;}

.credit:hover{background-position:top left;}

.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, .rid, .frnd{display:none;} .comt td b, .blacktext10 {display:block;} .comt {z-index:7;}
.comt table, .comt b {position:relative; top:-39px; _top:-30px;}

td.text td.text table table table td a img {width:70px;}  td.text td.text table table table td div img {width:50px;}  td.text td.text table table td img {width:250px; max-width:250px; width:auto;} 
td.text td.text table table td div img {width:70px;}  
* html td.text td.text table table td img {width:80px;} 
* html td.text td.text table table td a img {width:70px;}  * html td.text td.text table table td div img {width:50px;}

</style>

Layout Code

Copy and paste to I'd Like to Meet

Help

<div class="aboutme">
<div class="content" align="justify">
Here you can type whatever u want .. Talk about yourself, your friends, your hobbies, your fave music .. ooorr u could also put pix in here .. and a music flashplayer or music video .. whatever u plz ...Here you can type whatever u want .. Talk about yourself, your friends, your hobbies, your fave music .. ooorr u could also put pix in here .. and a music flashplayer or music video .. whatever u plz ... Here you can type whatever u want .. Talk about yourself, your friends, your hobbies, your fave music .. ooorr u could also put pix in here .. and a music flashplayer or music video .. whatever u plz ... Here you can type whatever u want .. Talk about yourself, your friends, your hobbies, your fave music .. ooorr u could also put pix in here .. and a music flashplayer or music video .. whatever u plz ...Here you can type whatever u want .. Talk about yourself, your friends, your hobbies, your fave music .. ooorr u could also put pix in here .. and a music flashplayer or music video .. whatever u plz ...Here you can type whatever u want .. Talk about yourself, your friends, your hobbies, your fave music .. ooorr u could also put pix in here .. and a music flashplayer or music video .. whatever u plz ...Here you can type whatever u want .. Talk about yourself, your friends, your hobbies, your fave music .. ooorr u could also put pix in here .. and a music flashplayer or music video .. whatever u plz ...Here you can type whatever u want 
</div> 
</div>

<div class="box">
<div class="content" align="center">
<center>
<div align="center"><form method="post" action="http://comments.myspace.com/index.cfm?fuseaction=user.ConfirmComment"><input type="hidden" name="friendID" value="XXXXXXXX" /><textarea name="f_comments" id="f_comments" style=" background-color:a07c45!important; background-image: url(none); background-position: top left; background-attachement: fixed; background-repeat: repeat; border-width:1px!important; border-color:black!important; border-style:solid!important; font-family:Verdana!important; font-size:12px!important; font-weight:normal; color:black!important; width:442px!important; height:48px!important; line-height:15px !important; ">Merry Christmas .. now leave some presents .. ehh comments .. </textarea><br /><input type="submit" value="Send" style=" width:442px!important; height:18px!important; background-color:ffff42!important; background-image: url(http://); background-position: top left; background-attachement: fixed; background-repeat: repeat; border-width:1px!important; border-color:black!important; border-style:solid!important; font-family:Verdana!important; font-size:9px!important; font-weight:normal; color:black!important; letter-spacing:1px !important; " /></form></div>
</div>

</div>
</div>

</div> 
</div>
</div>
</div>

td.text td.text table,
td.text td.text td
{padding:0px; height:0px; font-size:0px;}
.redlink, td.text td.text .btext,
td.text td.text br,
td.text td.text td b,
td.text td.text td td,
td.text td.text td .orangetext15 {display:none;}
td.text td.text table {border:0px !important;}
</style>
 
<div class="comt"><table class="rid"><tr><td><table>

Layout Comments

Showing latest 10 of 23 comments

too cute lol I love him

By YeseniasDesigns on Jan 19, 2009 12:43 pm

omg. i LOOVEEE this layout. like best ever. love him! i like how the links change when you hover over it. [[using]]

By ericakarica on Dec 23, 2008 11:22 am

Cute, but the colors are horrible.

By SugaPwum on Dec 16, 2008 1:07 pm

i freaking love spongebob...like...seriously.. .he's my man... : P

By crimsonsorrow on Dec 15, 2008 1:58 am

Hmm ToddSmith .. i just checked it .. and it works for me .. :-/ .. maybe smthg went wrong when u pasted the coding.

By diputs on Dec 7, 2008 2:58 pm

yehhh im sure
all of the other buttons are fine,

but when you go to the add and message buttons,it takes you to the home page instead?

check it, if you dont believe me..

By ToddSmith on Dec 7, 2008 11:39 am

did u replace the xxxxxx wit ur frien id

By diputs on Dec 6, 2008 6:04 pm

heyy

great layout,
but the add and message buttons do not work :S

By ToddSmith on Dec 6, 2008 5:33 pm