Summertime

Myspace Layouts / Div Overlay

Designer's Comments

Look carefully for specific instructions

Hope you guys like it. :]

Make sure you replace all the XXXXXXXX with your friend ID, and not your username!

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">
table, tr, td {background-color: transparent;}
table table table table, table table table table td.text, table.contactTable, .whitetext12, .nametext, td.text td.text table, div b font font, div font font u {display: none;}
td.text table, .orangetext15 {visibility: hidden;}
td.text table table {display: inline; visibility: visible;}
div table td form option, div table td form select, div table td form input, div table td form img, div table td font {display: none;}
body {
	background-color: white;
	background-image: url('http://cbimg9.com/layouts/07/07/12/19419ab.gif');
	background-position: top center;
	background-repeat: repeat;
	background-attachment: scroll;
}
div.cover {
	width: 800px; height: 700px;
	position: absolute;
	top: 120px; left: 50%;
	margin-left: -400px;
	background-color: white;
	background-image: url('http://cbimg9.com/layouts/07/07/12/19419ab.gif');
	background-position: top center;
	background-repeat: repeat;
	font-size: 1px;
}
div.layout {
	width: 800px; height: 600px;
	position: absolute;
	top: 155px; left: 50%;
	margin-left: -400px;
	background-color: transparent;
	background-image: url('http://cbimg9.com/layouts/07/07/12/19419ac.jpg');
	background-position: top left;
	background-repeat: no-repeat;
	font-size: 1px;
	overflow: hidden;
}
div.aboutmebox {
	width: 166px; height: 185px;
	position: absolute;
	top: 375px; left: 50%;
	margin-left: -327px;
	overflow: auto;
}
div.aboutme {
	color: 333333;
	font-family: 'Small Fonts';
	font-size: 7px;
	text-transform: uppercase;
	line-height: 180%;
	margin-right: 5px;
	text-align: justify;
}
a.nav {
	display: block;
	position: absolute;
	left: 50%; margin-left: -157px;
	width: 65px; height: 11px;
}
a.nav img {
	width: 65px; height: 11px;
	background-position: top left;
	background-repeat: no-repeat;
	background-attachment: scroll;
}
a.nav:hover img {background-position: top right;}
a img {border: 0px;}
a, a:link, a:visited, a:active, a:hover {
	font-size: 7px !important;
	font-weight: normal !important;
	font-family: 'Small Fonts' !important;
	text-transform: uppercase;
}
td td embed, td td object {position: absolute; top: 0px; left: 0px;}
td td td embed, td td td object {position: static !important;}
form.cmt_box {padding: 0px; margin: 0px;}
form.cmt_box textarea {
	color: 999999;
	font-family: 'Small Fonts';
	font-size: 7px;
	text-transform: uppercase;
	text-align: center;
	font-weight: normal;
	width: 102px; height: 32px;
	border: 1px solid; border-color: E8E8E8;
	background-color: white;
	overflow: auto;
	position: absolute;
	top: 280px; left: 50%;
	margin-left: -202px;
}
form.cmt_box input {
	color: 999999;
	font-family: 'Small Fonts';
	font-size: 7px;
	text-align: center;
	text-transform: uppercase;
	width: 102px;
	border: 1px solid; border-color: E8E8E8;
	background-color: white;
	position: absolute;
	top: 314px; left: 50%;
	margin-left: -202px;
}
</style>

<form method="post" action="http://comments.myspace.com/index.cfm?fuseaction=user.confirmComment" class="cmt_box">
<input name="friendID" value="XXXXXXXX" type="hidden" />
<textarea name="f_comments">Leave one, yeah? :)</textarea><br />
<input type="submit" value="C O M M E N T" /><br />
</form>

Layout Code

Copy and paste to I'd Like to Meet

Help

Layout Comments

Showing latest 10 of 34 comments

o, real cute

By NoWorriesDesigns on Nov 15, 2008 9:28 pm

This is amazing. One of the best summer div's I've seen O.o.

By TheExoticPeachFairy on Aug 7, 2008 7:48 pm

love it!

By maya89 on May 28, 2008 11:42 pm

hmm I only get the background and a tiny comment box coming up..I really like this and want to use it.S.O.S.! thanks =)

By TxStateStephy on May 6, 2008 1:21 am

I used this last summer... and loved it so much I'm putting it up again. :)

By itsRACHELjoyce on May 4, 2008 4:29 pm

this is soo pretty.

By aaayotiffany on Mar 5, 2008 6:51 pm

awww man!!! i looove this!! i looove SUMMER♥ but the banner does not show up on the preview!! only the comment box! im currently using FIREFOX could that be the reason??

great work btw.. ")

By missk on Jan 14, 2008 6:17 pm

i really like this, and i wanna use it, but. it's not summer. ha.

By breannablizzard on Oct 18, 2007 10:42 pm

its a lil unligned for ie7 but its great

By zgrazier on Oct 11, 2007 9:07 am

OMG. You and your vectors. I love it.

By IBangBaby on Oct 3, 2007 2:32 am

View all »

Layout Details

Designer	markmejia
Submitted on	Jul 12, 2007
Page views	39,424
Favorites	323
Comments	34
Reviewer	mzkandi
Approved on	Jul 12, 2007

Summertime

Designer's Comments

Using This Layout

Update Friend ID

Layout Code

Layout Code

Layout Comments

Layout Details

Layout Tags

Layout Tools

Layout Affiliates