Winterful

Myspace Layouts / Div Overlay

Designer's Comments

Look carefully for specific instructions

Remember to keep the link in tact and enjoy the design.

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></td></tr></table></td></tr></table></td></tr></table></div>
<style type="text/css"> body {background-color:2EA9BF; line-height: 10px;}
td, .text, div, input {color:!important;} span, b {color: !important;} a {color: !important;} img {border:0px;} table, tr, td {background:transparent; border:0px;} div table td font {visibility:hidden;} div table table table td font {visibility:visible;} table table table td {visibility:hidden;} marquee, table table table div td {visibility:visible;} table table embed {display:block; position:absolute; top:0px; left:0px; visibility:visible;} table table table embed {position:static;} table div div, table tr td div font a {visibility:hidden;} .div1 div, .div2 div, .div3 div, .div4 div, .div5 div, .div1 a, .div2 a, .div3 a, .div4 a, .div5 a, .div6 a, .div7 a, {visibility:visible !important;} .text, table table table table a, table table table table div, .frm1 {visibility:hidden;} table table table table div a, .frm1 input {visibility:visible;} .text, td.text td.text table, .contactTable, .lightbluetext8 {display:none;} table table, table table td {padding:0px; height:0px;} 
.nav { background-color:transparent; overflow:auto; width: 480; position:absolute; z-index:2; left:50%; top:0%; margin-left: -300px; margin-top:217px; text-align:left; visibility:visible; color:8BCFDC; font-size: 8pt; line-height: 14px;}
.aboutme { background-color:transparent; width: 460px; height: 100%; position:absolute; z-index:2; left:27%; top:0%; margin-left: -100px; margin-top:240px; text-align:left; visibility:visible; color:8BCFDC; font-size: 8pt; line-height: 14px;}
.div { background-color:#2EA9BF; position:absolute; z-index:2; left:0; top:0; margin-left:100px; margin-top:0px; text-align:left; visibility:visible;}
</style>

<STYLE TYPE="text/css">
BODY{cursor: default; color: 8BCFDC;  background:#2EA9BF url();}
font, td, a, table, td, li, p, div, textarea, li, h1, h2, p, br{font-family:Verdana;font-size: 8pt; color:8BCFDC; font-weight: normal; text-decoration: none; letter-spacing: 0px; text-transform: ; padding: 0px; line-height: 14px;} 
h1

{
	font: 18pt "century gothic";
	color: #6AC1D1;
	text-align: left;
        letter-spacing: 5px;
        text-transform: uppercase;
        margin: 0 0 10px 0;
}
.contactTable {display: none;}.text {font-family:Verdana;font-size:9; color: 0072BC; font-weight: normal; text-decoration: none; letter-spacing: 0px; text-transform: ; padding: 0px; line-height: 10px;} 
.orangetext15 {font-family:Verdana;font-size:12; color: ffffff; font-weight: normal; text-decoration: none; letter-spacing: 0px; text-transform: ; padding: 0px; line-height: 10px;}
.redbtext, .redtext {font-family:Verdana;font-size:9; color: ffffff; font-weight: normal; text-decoration: none; letter-spacing: 0px; text-transform: ; padding: 0px; line-height: 10px;} 
.lightbluetext8 {font-family:Verdana;font-size:12; color: ffffff; font-weight: bold; text-decoration: bold; letter-spacing: 0px; text-transform: ; padding: 0px; line-height: 10px;} 
.nametext {font-family:Verdana;font-size:12; color: ffffff; font-weight: normal; text-decoration: none; letter-spacing: 0px; text-transform: ; padding: 0px; line-height: 10px;} 
.0072BCtext12 {font-family:Verdana;font-size:12; color: ffffff; font-weight: normal; text-decoration: none; letter-spacing: 0px; text-transform: ; padding: 0px; line-height: 10px;} 
textarea, input {font-family:Verdana;font-size:9; color: ffffff; font-weight: normal; text-decoration: none; letter-spacing: 0px; text-transform: ; padding: 0px; line-height: 10px;} 
.btext {font-family:Verdana;font-size:4; color: ffffff; font-weight: normal; text-decoration: none; letter-spacing: 0px; text-transform: ; padding: 0px; line-height: 10px;} 
.0072BCtext10 {font-family:Verdana;font-size:12; color: ffffff; font-weight: normal; text-decoration: none; letter-spacing: 0px; text-transform: ; padding: 0px; line-height: 10px;} 
.0072BCtext12 {font-family:Verdana;font-size:12; color: ffffff; font-weight: normal; text-decoration: none; letter-spacing: 0px; text-transform: ; padding: 0px; line-height: 10px;} 
a:active, a:visited, a:link { font-family:verdana; color:64BFD0;  font-weight:bold;    } 
a:hover { font-family:verdana; color:ffffff;      } 
a {font-size: 11px; color: 64BFD0; font-weight: normal; text-decoration: none; letter-spacing: 0px; text-transform: ; padding: 0px; line-height: 9px;}

</style>

{
	font: 18pt "century gothic";
	color: #6AC1D1;
	text-align: left;
        letter-spacing: 5px;
        text-transform: uppercase;
        margin: 0 0 10px 0;
}

blockquote

{
	background:#2EA9BF;
	border: #2EA9BF 1px solid;
	margin: 20px 50px 20px 55px;
        padding: 10px 10px 30px 10px;
}
</style>
<table><tr><td><table><tr><td><table><tr><td>

Layout Code

Copy and paste to I'd Like to Meet

Help

</td></tr></table></td></tr></table></td></tr></table></div>

<div class="nav">
<a href="http://home.myspace.com/index.cfm?fuseaction=user&MyToken=e118c948-47dd-4cba-9fa4-ef19fc0f1c04">Home</a> � 
<a href="http://collect.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendID=XXXXXXXX">Add me</a> � 
<a href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewPicture&friendID=XXXXXXXX">My pictures</a> � 
<a href="http://blog.myspace.com/index.cfm?fuseaction=blog.ListAll&friendID=XXXXXXXX">My Blog</a> � 
<a href="http://mail.myspace.com/index.cfm?fuseaction=mail.message&friendID=XXXXXXXX">Message me</a> � 
<a href="http://textuures.uni.cc/">Fainaru</a>
</div>

<h1>Winterful by Fainaru</h1>
<b>December 2, 2006</b><br>
To get into the Winter-esque Christmas Spirit, I made Winterful. Insipiration from the colour came from an FF12 wallpaper surprisingly. You don't have to keep this extra commentary I write, replace it with your own content. Anyways, another totally vectored out myspace layout is yours to use if you follow the terms.<br><br>

<br><p align="right"><b>Tested on Firefox, IE and Opera</a></b></p><br>

<h1>Terms</h1>
<ul type="circle">
<li>No redistributing this layout.</li>
<li>Keep all credit links in tact.</li>
<li>Leave the image + stylesheet as it is.</li>
</ul>

<br>

<blockquote>
<h1>CSS Elements</h1>

Font <b>Bold</b> <i>Italic</i> <u>Underline</u> <s>Strike</s> <a href="">Link</a><br><br>

<form method="post" action="http://comments.myspace.com/index.cfm?fuseaction=user.ConfirmComment"><input name="friendID" value="XXXXXXXX" type="hidden"> <textarea name="f_comments">Comment</textarea><br /><input type="submit" value="COMMENT"></form>

</blockquote>
</div>

Layout Comments

Showing latest 10 of 17 comments

You can't get myspace ads to be perfectly centered. So left 50% tends to be the trend.

Reply to meredithpm13, You can add margin-top to the main div code, and add so many px to move it down away from overlapping the ad.

By tcunningham on Apr 29, 2008 4:09 pm

How do you change this layout so that the adds are not overlapping it? Basically, how do you change the position of the table so that it is farther down?

By meredithpm13 on Dec 15, 2007 4:32 pm

thats a really nice design

By hannahwiththemyspace on Jan 11, 2007 11:00 am

x 9480534 this layout is so cool i love it great job

By IVIike on Dec 27, 2006 6:19 pm

This is really nice. I like the color and the snowman.

By Synesthesia on Dec 7, 2006 9:51 am

Great layout for winter!

By Steel188 on Dec 7, 2006 9:23 am

This is so cute! I can imagine myself in like a snowball fight, even though theres never snow in California. Haha. Or maybe snow cones. Yum.

By OhMyAnniee on Dec 5, 2006 2:08 am

to center it try messing around with themargin attributes or padding....or left thing...like say you want it this many px from the left side of the page and you can do the same for top position, too... I hope that helps ^_^

By tamerofhope on Dec 4, 2006 11:52 pm