I Love Christmas Time

Myspace Layouts / Div Overlay

Designer's Comments

Look carefully for specific instructions

Replace my Friend ID with your own :)

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:black !important;
	scrollbar-track-color:black;
	scrollbar-arrow-color:black;
	scrollbar-face-color:darkred;
	scrollbar-highlight-color:darkred;
	scrollbar-darkshadow-color:darkred;
	scrollbar-shadow-color:darkred;
	scrollbar-base-color:darkred;
         color:white;
         font-size:10pt;
         font-family:arial;
}

a:link, a:active, a:visited {color:gold; text-decoration:none; font-size:10pt; font-family:arial;}
a:hover {color:white; text-decoration:none; font-size:10pt; font-family:arial;}

div.layout {
	position:absolute;
	left:50%;
	margin-left:-400px;
	top:150px;
	width:800px;
	height:auto;
}

a.home {
	position:absolute;
	top:0px;
	left:15px;
    display: block;
    width: 109px;
    height: 43px;
    background: url("http://cbimg6.com/layouts/07/12/03/23572aa.png");
    background-position:top left;
    background-repeat:;
    text-decoration: none;
}
 
a:hover.home {
    background-position: top right;
}

a.pictures {
	position:absolute;
	top:0px;
	left:124px;
    display: block;
    width: 109px;
    height: 43px;
    background: url("http://cbimg6.com/layouts/07/12/03/23572ab.png");
    background-position:top left;
    background-repeat:;
    text-decoration: none;
}
 
a:hover.pictures {
    background-position: top right;
}

a.add {
	position:absolute;
	top:0px;
	left:243px;
    display: block;
    width: 109px;
    height: 43px;
    background: url("http://cbimg6.com/layouts/07/12/03/23572ac.png");
    background-position:top left;
    background-repeat:;
    text-decoration: none;
}
 
a:hover.add {
    background-position: top right;
}

a.message {
	position:absolute;
	top:0px;
	left:352px;
    display: block;
    width: 109px;
    height: 43px;
    background: url("http://cbimg6.com/layouts/07/12/03/23572ad.png");
    background-position:top left;
    background-repeat:;
    text-decoration: none;
}
 
a:hover.message {
    background-position: top right;
}

a.blog {
	position:absolute;
	top:0px;
	left:461px;
    display: block;
    width: 109px;
    height: 43px;
    background: url("http://cbimg6.com/layouts/07/12/03/23572ae.png");
    background-position:top left;
    background-repeat:;
    text-decoration: none;
}
 
a:hover.blog {
    background-position: top right;
}

a.designer {
	position:absolute;
	top:0px;
	left:570px;
    display: block;
    width: 109px;
    height: 43px;
    background: url("http://cbimg6.com/layouts/07/12/03/23572af.png");
    background-position:top left;
    background-repeat:;
    text-decoration: none;
}
 
a:hover.designer {
    background-position: top right;
}

div.content {
	position:absolute;
	left:50%;
	margin-left:-368px;
	width:725px;
	top:360px;
	padding:4px;
	color:white;
	font-family:arial;
	font-size:10pt;
	overflow:auto;
	height:340px;
	}
	
h1 {
	background-image:url('');
	background-repeat:no-repeat;
	line-height:20pt;
	valign:center;
	font-size:18pt;
	font-family:century gothic;
	font-weight:400;
	color:white;
	letter-spacing:1px;
	margin-top:2px;
	margin-bottom:6px;
	width:100%;
	text-align:center;
	}

p {color:white; font-size:10pt; font-family:arial;}
	
blockquote {
	padding:6px;
	border-top:white solid 1px;
	border-left:white solid 5px;
	border-right:white solid 1px;
	border-bottom:white solid 1px;
	background-color:black;
	margin-top:5px;
	margin-bottom:5px;
}

.friendspace {display:none;}

table table,table table table table,table table{background-color:transparent;width:;border:0px;} 
div,table,tr,td,th{background-color:transparent;text-align:left;border:0px;}
a.navbar,font,.whitetext12,.btext,.orangetext15,
.redbtext,.redtext,.blacktext12,.blacktext10,
.lightbluetext8,strong,.nametext,div b font font, 
div font font u,table table table table, table.contacttable{display:none;}
div table form tr td,td.text table,a.text, table div font a,table div div,{visibility:hidden;di-splay:none}
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;}
td.text table table {display:inline; visibility:visible;}
embed{position:absolute;top:0px;left:0px;display:block;width:0px; height:0;}
.friendscomments{display:none;}
</style>

Layout Code

Copy and paste to I'd Like to Meet

Help

<div class="content" style="color:white;">
<h1>Comment Me</h1>
<div align="center"><form method="post" action="http://comments.myspace.com/index.cfm?fuseaction=user.ConfirmComment"><input type="hidden" name="friendID" value="74429555"><textarea name="f_comments" id="f_comments" cols="42" rows="5" style=" background-color:black!important; background-image: url(http://); background-position: top left; background-attachement: fixed; background-repeat: repeat; border-width:1px!important; border-color:white!important; border-style:solid!important; font-family:Tahoma!important; font-size:12px!important; color:white!important; width:200px!important; height:60px!important; ">Commentsssss.</textarea><br><input type="submit" style="width:200px; border:white solid 1px; font-size:12px; valign:center; height:16px; background-color:black; color:white;" value="Submit"></form></div>
<h1>Implode Resources</h1>
<p>The designer of this layout owns Implode Resources. Implode Resources is a resource site for Myspace lovers and Website owners. On the site you will find graphics, Myspace layouts and Website Templates, all 100% free.</p>
<p>Next, will be a blockquote :]</p>
<h1>What a blockquote will look like</h1>
<blockquote>This is what a blockquote will look like :) Change the colours if you want.<br><br>Peace, Joe.</blockquote>
<p>Use < p > when you want to put in content, it makes it look neater, and everything's seperated by margin sizes so it doesn't all look so close together. What next... hmm</p>
<h1>Layout Credits</h1>
<p>You can remove this, as there is already credit in the navigation bar - "Designer" but i'll keep it here for now :]</p>
<p>Images from <a href="http://deviantart.com" target="_blank">DeviantART</a> and blended by <a href="http://josephcox.ulmb.com">Joe Cox</a>. Layout design by <a href="http://implode.unphased.org">Implode Resources</a></p>
</div>

Layout Comments

Showing latest 8 of 8 comments

Sweet,i just loves it..*-*

By Natsuru on Dec 4, 2007 5:47 pm

The image isnt that Christmasy but I like the nav.

By NICKAWHAT on Dec 3, 2007 8:12 pm

i like it alot. Good job. Im going to use it

By treyzgirl09 on Dec 3, 2007 8:08 pm

a little plain i thought

By tainted-twilight on Dec 3, 2007 6:08 pm

it's very nice although i agree with others. the comment box doesn't show in IE. u can see part of the footer navigation in FF and the scrollbar is going past the border. love the image.

By twodreamlovers on Dec 3, 2007 5:23 pm

Yup, It's only supposed to be simple :) It was something I made quickly. Might re-do it some day and make it more creative, but got lots of college work to do at the moment :)

By joespace on Dec 3, 2007 3:09 pm

Nicely done, but I agree with alecreations, I think it could be a bit better. Maybe Creative would be a better word than better.

By CreativeArticulate on Dec 3, 2007 3:04 pm

I like the navigation and set up. :) I think it could have been better though.

By alecreations on Dec 3, 2007 2:56 pm

Layout Details

Designer	joespace
Submitted on	Dec 2, 2007
Page views	18,088
Favorites	59
Comments	8
Reviewer	digitalfragrance
Approved on	Dec 3, 2007

Layout Tags

, christmas, season, red, happy, joespace, joeinaband, implode resources, deviantart, implode, lights

Layout Tools

Layout Affiliates

Here I Stand Layouts