Playa

Myspace Layouts / Div Overlay

Designer's Comments

Look carefully for specific instructions

Please dont remove Credits
Credits
omargarcia.net , deviantart , roxy quicksilver,

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">
<meta name="description" content="OmarGarcia offers free myspce div layouts & give you the opiton of personalise yor own by Donations." />
<meta name="keywords" content="myspace,myspace layouts,omar garcia,omargarcia.net,omargarcia.net layouts, flash layouts,flash,flash myspace" />
.contacttable,.whitetext12,.nametext,.lightbluetext8,.orangetext15,.blacktext12,.btext,.redtext,.redbtext{display:none;height:0px;!important;visibility:hidden}
td td td td{border:0px;width:0px;text-align:left;}
table,td,tr{padding:0px;width:;background-color:transparent}
table table table{padding:1px;height:.01%;width:100%;}
table table,table table table table,table,tr,td{height:0px;!important;border:0px;!important}
a.text,table div font a,table div div,.navbar font,tr td font{visibility:hidden;display:none;height:0px;!important;}
table table table table,table table table table td.text, td.text td.text table{display:none;}
td.text table table{display:inline;visibility:visible;}
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;}

body {
background-repeat: repeat; 
background-position: bottom center;
line-height: 14px; 
cursor: default;
background-color: 3a8dc2;}

html, body, div, p, span, font, a, img, area {
	cursor: crosshair !important;
}

font, td, a, table, td, li, p, div, textarea, li, h1, h2, p, br , strong {
font-family:Verdana;
font-size: 8pt; 
color:ffffff; 
letter-spacing: 0px; 
padding: 0px; 
line-height: 14px;
}

.nav { 
background-color:transparent; 
overflow:auto; 
width: 402px; 
position:absolute; 
z-index:2; 
left:-88px; top:-223px; 
margin-left: 120px; 
margin-top:435px; 
text-align:left; 
visibility:visible; 
color:150D06; 
font-size: 8pt; 
line-height: 14px;}

a:link, a:visited, a:active {color:034c82; text-decoration: none; font-weight:bold;}
a:hover {cursor: HAND; color: ffffff; text-decoration: none;}

.playa { 
background-color:transparent; 
overflow:auto; 
position:absolute; 
left:20px; 
top:150px; 
visibility:hidden;
z-index:1;
}
.blog { 
background-color:transparent; 
overflow:auto; 
position:absolute; 
left:0px; 
top:150px; 
visibility:visible;
}
.name {
	background-color:transparent;
	overflow:auto;
	position:absolute;
	left:44px;
	top:245px;
	visibility:visible;
	z-index:3;
	font-family:Verdana;
	font-size: 20pt;
	color:ffffff;
	letter-spacing: 0px;
	padding: 0px;
	line-height: 24px;
	width: 227px;
	height: 44px;
}

.img_id {
	background-color:transparent;
	overflow:auto;
	position:absolute;
	z-index:3;
	left:372px;
	top:-261px;
	margin-left:20px;
	margin-top:500px;
	text-align:left;
	visibility:visible;
	width: 79px;
	height: 78px;
}
.personal {
	background-color:transparent;
	overflow:auto;
	position:absolute;
	z-index:3;
	left:457px;
	top:-260px;
	margin-left:20px;
	margin-top:500px;
	text-align:left;
	visibility:visible;
	width: 230px;
	height: 84px;
	}
	
.contenido {
	background-color:transparent;
	overflow:auto;
	position:absolute;
	z-index:3;
	left:375px;
	top:-165px;
	margin-left:20px;
	margin-top:500px;
	text-align:left;
	visibility:visible;
	width: 311px;
	height: 189px;

}

.friends {
	background-color:transparent;
	overflow:auto;
	position:absolute;
	z-index:3;
	left:401px;
	top:165px;
	margin-left:20px;
	margin-top:417px;
	text-align:left;
	visibility:visible;
	width: 281px;
	height: 80px;
}

</style> 
<title>omargarcia.net-Playa</title><table><tr><td><table><tr><td><table><tr><td>

<div class="blog"><img src="http://omargarcia.net/myspace/createblog/playa/blog.jpg" border="0" usemap="#Map">
<map name="Map" id="Map"><area shape="rect" coords="25,496,133,513" href="http://omargarcia.net/joomla/index.php?option=com_content&task=view&id=15&Itemid=28" alt="Omar Garcia" />
</map></div>
<div class="playa">odgsvlsomf</div>

<div class="personal">
<strong>Name:</strong>xxxxxx
<br>
<strong>Age:</strong>:xxxxxx
<br>
<strong>Sign:</strong>xxxxxx
<br>
<strong>Home:</strong>xxxxxx
<br><strong>Status:</strong>xxxxxx
</div>
<div class="contenido">
<strong>
<h2>About Me</h2></strong>
<br>xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
<br>xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
<br>xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
<br>xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
<br>xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
<br>xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
<br>xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
<br>xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
<br>xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
<br>xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
<br>xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
<br>xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
<br>xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
<br>xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
<br>xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
<br>xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx

<strong>
<h2>About Me 2</h2></strong>
<br>xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
<br>xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
<br>xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
<br>xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
<br>xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
<br>xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
<br>xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
<br>xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
<br>xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
<br>xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
<br>xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
<br>xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
<br>xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
<br>xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
<br>xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
<br>xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
</div>

<div class="friends">
  <marquee>
<a href="www.omargarcia.net===FriendURL==="><img src="http://x.myspace.com/images/no_pic.gif" border="0"></a>
<a href="www.omargarcia.net===FriendURL==="><img src="http://x.myspace.com/images/no_pic.gif" border="0"></a>
<a href="www.omargarcia.net===FriendURL==="><img src="http://x.myspace.com/images/no_pic.gif" border="0"></a>
<a href="www.omargarcia.net===FriendURL==="><img src="http://x.myspace.com/images/no_pic.gif" border="0"></a>
<a href="www.omargarcia.net===FriendURL==="><img src="http://x.myspace.com/images/no_pic.gif" border="0"></a>
<a href="www.omargarcia.net===FriendURL==="><img src="http://x.myspace.com/images/no_pic.gif" border="0"></a>
	</marquee>
</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://mail.myspace.com/index.cfm?fuseaction=mail.message&friendID=XXXXXXXX">Message me</a> | 
<a href="http://comment.myspace.com/index.cfm?fuseaction=user.viewComments&friendID=YOUR_ID">Comments</a></div>

Layout Comments

Showing latest 10 of 15 comments

very nice. [:

By Gossip on Jun 14, 2008 2:34 pm

very beautuiful layout!!! i wont it for my myspace layout

By amberlious on Nov 6, 2007 3:28 pm

Hello if you go to Omargarcia.net you can find a video tutorial, under tutorials
thanks

By OmarGarcia on May 31, 2007 3:14 pm

i need help with the photos. i dont get how to make the pics that move show up

By DaniLaughsX3 on May 30, 2007 1:36 pm

where are the directions for using this?

By DaniLaughsX3 on May 30, 2007 12:38 pm

I really love the color, and how it looks like shes shooting out of the water. Nice job

By IBangBaby on May 21, 2007 3:52 am

nice work =]

By deletethisplease on Apr 22, 2007 4:57 pm

I like it. ^_^

By tamerofhope on Apr 19, 2007 7:00 pm

i have to say its about time u make a awesome layout lolthe brushes and colors are pretty cool has a great summer feel

By Blaqheartedstar on Apr 19, 2007 1:43 pm

Wow.. you out done yourself this time, the way you did the image is awesome!I wished the navigation was more interesting then simple.But the image makes up for it Keep up the cool work dudey

By z3nn1 on Apr 19, 2007 10:06 am

View all »

Layout Details

Designer	OmarGarcia
Submitted on	Apr 18, 2007
Page views	44,821
Favorites	110
Comments	15