green tree

Myspace Layouts / Div Overlay

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

body{
	background-color: FFFFFF;
	background-image: url(http://layouts.cbimg8.com/31/15585c.gif); 
}

.main {
	position: absolute;
	left: 50%;
	top: 125px;
	width: 800px !important;;
	z-index: 1;
	margin-left: -400px;
	background-color: FFFFFF;
	background-image: url(http://layouts.cbimg8.com/31/15585c.gif); 
	text-align: center;
}

.themecreative_dot_com_menu {
	width: 100%;
	height: 40px;
	background-color: 455357;
	margin: 0px;
	font: 12px tahoma;
}

ul.menu {
	margin: 0;
	padding: 0;
	bottom: 0;
	width: 100%;
	}

ul.menu li {
	display: inline;
	margin: 0;
	}

ul.menu,
ul.menu li a {
	padding: 12px 12px 12px;
	text-decoration: none;
	}

ul.menu li a {
	font: 1em Verdana, Helvetica, Arial, Sans-Serif;
	color: white;
	margin: 0;
	}

ul.menu li a:hover {
	background-color:758B91;
	color: white !important;
	text-decoration: none;
	}

</style>

Layout Code

Copy and paste to I'd Like to Meet

Help

<div class="main">
	<br/>
	<table align="center" cellpadding=0px cellspacing=0 border=0>
	<tr>
		<td>
			<table width=720px height=800px cellpadding=10px cellspacing=0px bgcolor=FFFFFF>
			<tr>
				<td valign="top">
					<img src="http://layouts.cbimg8.com/31/15585d.gif">
					<br/>
					<div class="themecreative_dot_com_menu">
						<ul class="menu">
							<li class="menu_item">
								<a href="http://mail.myspace.com/index.cfm?fuseaction=mail.message&friendID=120002978">Send Message</a>
							</li>
							<li class="menu_item">
								<a href="http://mail.myspace.com/index.cfm?fuseaction=mail.forward&friendID=120002978&f=forwardprofile">Foward to Friends</a>
							</li>
							<li class="menu_item">
								<a href="http://collect.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendID=120002978">Add to Friends</a>
							</li>
							<li class="menu_item">
								<a href="http://collect.myspace.com/index.cfm?fuseaction=user.addToFavorite&friendID=120002978&public=0">Instant Message</a>
							</li>
							<li class="menu_item">
								<a href="http://groups.myspace.com/index.cfm?fuseaction=groups.addtogroup&friendID=120002978">Add to Group</a>
							</li>
						</ul>
					</div>
					
					<br/>
					<table width=100% cellpadding=0 cellspacing=0 border=0>
					<tr>
						<td valign="top">
								<h2 style="font: 20px georgia;text-transform: uppercase;">About Me</h2>
								<span style="font: 14px georgia;">
								I am from NJ, single with 2 dogs,love to travle, party, and surfing online. Pics you see on this page, I took
								them last time, when I traveled to China.  Its great experience, I like to share with you.
				
								<br/><br/>
								Wow, I really like your layout, where can I get it?<br/>
								you can download it from <a href="http://www.themecreative.com">themecreative.com</a>, if you problem to install it
								please ask me questions at themecreative forum, I do not answer questions here.
								</span>
								
								<h2 style="font: 20px georgia;text-transform: uppercase;">What is themecreative.com</h2>
								<span style="font: 14px georgia;">
								Its my web site to show off my layouts and sharing them with others.  Its new,only 2 weeks old. 
								Not many people know about this site. Everyday I spend around 1 hour searching for myspace layouts.
								I found alot sites have thousands free layouts, but they are all ugly, couldn't find anything I like.
								This is the reason this web site got born.
								
								</span>
								
								<h2 style="font: 20px georgia;text-transform: uppercase;">Whats coming !!!!</h2>
								<span style="font: 14px georgia;">
								I am a full time web site designer.  Still took me  few days to master how to make myspace div overlay.
								Alot of my friends (non-programmer) have trouble to build one for themselves, or even just customize the existing
								code.<br/><br/>
								I am working on the new overlay generator,will create overlay layout automatically. Will be done
								in a week, remember to check it out.
								
								</span>
								
								<br/><br/>
								
								<h2 style="font: 20px georgia;text-transform: uppercase;">Comment</h2>
								<form method="post" action="http://comments.myspace.com/index.cfm?fuseaction=user.ConfirmComment">
								<input type="hidden" name="friendID" value="120002978">
								<textarea name="f_comments" cols="65" rows="8"></textarea>
								<p><input type="submit" value="Post Comment" /></p>
								<p>Leave a comment or 
								<a href="http://comments.myspace.com/index.cfm?fuseaction=user.homeComments&friendID=120002978" title="View comment archive">View All</a></p>

</form>
								
						<td>
						<td> </td>
						<td>
								<img src="http://layouts.cbimg8.com/31/15585e.jpg">
								<p/>
								<img src="http://layouts.cbimg8.com/31/15585f.jpg">
								<p/><img src="http://layouts.cbimg8.com/31/15585g.jpg">
								<p/><img src="http://layouts.cbimg8.com/31/15585h.jpg">
								<p/><img src="http://layouts.cbimg8.com/31/15585i.jpg">
								<p/><img src="http://layouts.cbimg8.com/31/15585j.jpg">
						</td>
					</tr>
					</table>
				</td>
			</tr>

</table>
		</td>
	</tr>
	</table>
	<div style="padding:5px 0 5px 0;">
	     Copyright � 2006 <a href="http://www.themecreative.com">
	themecreative.com</a>. All rights reserved. This layout is free at <a href="http://www.themecreative.com">
	themecreative.com</a>, get one now.</div>
	
	<div style="clear:both"></div>
</div>

Layout Comments

Showing latest 10 of 14 comments

I thought this was a website Template.
I like it.
;]

By xii3 on Jan 16, 2009 6:53 pm

wow i could have i missed this?! i love the way it looks like a website instead of a myspace page!

By ingodwerust on Oct 28, 2008 11:43 pm

I like the simplicity

By previn84 on Oct 12, 2008 5:31 pm

i am having the same problem as jack Z chompchomp

By Bunnii on Jun 5, 2008 5:51 pm

this is amazing!

By Marlons on Nov 4, 2007 1:00 am

I really love this layout, but I was wondering if there is anyplace to put a link to blogs? Thanks,keli

By kmoiregreen on Feb 18, 2007 8:31 am

it didnt work on mine, it wasnt big enough and my music player was over everything. and you could easily see my other profile behind it

By jack Z chompchomp on Jan 17, 2007 11:53 pm

QUOTE(showstopper! @ Nov 30 2006, 7:59 PM) [snapback]2360572[/snapback]I love this. It reminds me of WordPress. thats why i like it... its different good job

By IVIike on Dec 27, 2006 6:29 pm

A question....Would you mind if a few adjustments were made to suit me? (ie. replacing pictures) I would give total credit to you since you are still the creator of the layout....just a question. If it's not possible, then I totally understand and wil

By Lilydasupergirl on Dec 9, 2006 12:46 am

I love this. It reminds me of WordPress.

By showstopper! on Nov 30, 2006 7:59 pm

View all »

Layout Details

Designer	feelexit
Submitted on	Nov 26, 2006
Page views	108,097
Favorites	192
Comments	14

green tree

Using This Layout

Update Friend ID

Layout Code

Layout Code

Layout Comments

Layout Details

Layout Tags

Layout Tools

Layout Affiliates