UFC

Myspace Layouts / Div Overlay

Designer's Comments

Look carefully for specific instructions

Credits
OmarGarcia.net
UFC.com

PLEASE DONT REMOVE MY LINK OR CREDITS!!

if any question please do it at OmarGarcia.net

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">
td.text td.text table table table,
td.text td.text table br,
td.text td.text table .orangetext15,
td.text td.text .redlink,
td.text td.text table {background-color:transparent;}
td.text td.text table td, td.text td.text table {height:0;padding:0;border:0;}
td.text td.text table table td {padding:3;}
td.text td.text table table br {display:inline;}
td.text td.text table td {font-size:0pt;}
td.text td.text {height:0;}
td.text td.text table b, td.text td.text table table td {font-size:8pt;}

body div table td form option{display:none!important;}
body div table td form select{display:none!important;}
body div table td form input{display:none!important;}
body div table td form img{display:none!important;}

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,.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
}
td.text table table {
display:inline; 
visibility:visible;
}
embed{
position:absolute;
top:0px;
left:0px;
display:block;
width:0px; 
height:0;
}

table tbody td table tbody tr td.text table {visibility:hidden;}
table tbody td table tbody tr td.text table table, table tbody td table tbody tr td.text table table tbody td.text {visibility:visible;}

body {
	background-color:000; 
	background-image:url(http://cbimg6.com/layouts/07/08/15/20698ae.gif);
	background-repeat:repeat-repeat;
	background-position:center center;
	background-attachment:scroll;}
	
.comments{
	border:0px solid;
	visibility:visible;
	width:750px; 
	height: 350px;
	position:absolute;
	top:0%;
	left:50%; 
	margin-left:-370px;
	margin-top:920px;
	overflow:auto;
	z-index:3px;
	scrollbar-arrow-color: fff; scrollbar-face-color: 4f4e4e;
	scrollbar-track-color: 4f4e4e; scrollbar-3dlight-color: 4f4e4e;
	scrollbar-highlight-color: 4f4e4e; scrollbar-shadow-color: 4f4e4e;
	scrollbar-darkshadow-color: 4f4e4e;
}

.clase { 
	background-color:transparent; 
	overflow:auto; 
	position:absolute; 
	left:20px; 
	top:150px; 
	visibility:hidden;
	z-index:1;
}
font, td, a, table, td, li, p, div, textarea, li, h1, h2, p, br , strong {
	font-family:Verdana;
	font-size: 8pt; 
	color:fff; 
	letter-spacing: 0px; 
	padding: 0px; 
	line-height: 14px;
}

h1 {
	color:000!important;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:13pt;
	font-weight: bold;
	letter-spacing:0px;
	text-transform:uppercase;
	line-height:15px;
	text-align:center;
	font-weight:normal;
	margin-bottom:3px;}
h2 {
	color:000!important;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:13pt;
	font-weight: bold;
	letter-spacing:0px;
	text-transform:uppercase;
	line-height:15px;
	text-align:center;
	font-weight:normal;
	margin-bottom:3px;}

a {
	color:fff!important;
	font-family:arial;
	font-size:9pt;
	font-weight:normal;
	letter-spacing:-1px;
	text-transform:none;}

a:hover {
	color:f5f5f5!important;
	font-family:arial;
	font-size:9pt;
	font-weight:bold;
	text-transform:none;
	text-decoration:none!important;
	cursor:crosshair;}

.blog1 {
	border:0px solid;
	border-color:none;
	width:auto;
	height:auto;
	overflow:auto;
	position:absolute;
	left:50%;
	top:0%;
	margin-left:-400px;
	margin-top:100px;
	text-align:center;
	visibility:visible;}

.blog2 {
	background-color:transparent;
	border:0px solid;
	border-color:none;
	width:auto;
	height:auto;
	overflow:auto;
	position:absolute;
	z-index:0;
	left:50%;
	top:0%;
	margin-left:-400px;
	margin-top:500px;
	text-align:center;
	visibility:visible;}

.blog3{
	border:0px solid;
	border-color:none;
	width:auto;
	height:auto;
	overflow:auto;
	position:absolute;
	left:50%;
	top:0%;
	margin-left:-400px;
	margin-top:900px;
	text-align:center;
	visibility:visible;}
	
.blog4 {
	background-color:transparent;
	border:0px solid;
	border-color:none;
	width:auto;
	height:auto;
	overflow:auto;
	position:absolute;
	z-index:0;
	left:50%;
	top:0%;
	margin-left:-400px;
	margin-top:1300px;
	text-align:center;
	visibility:visible;}
	
.rollover1{
	position: absolute;
	left: 50%;
	top:471px;
	margin-left:-350px;
	height: 29px;
	width: 100px;
	background-color:#000000;
	z-index:4;
}
.efecto1{
	height: 29px;
	width:100px;
	overflow: hidden;
	background: url(http://cbimg6.com/layouts/07/08/15/20698af.jpg) top left no-repeat;
	display: block;
}
.efecto1:hover{
	background: url(http://cbimg6.com/layouts/07/08/15/20698af.jpg) bottom left no-repeat;
}

.rollover2{
	position: absolute;
	left: 50%;
	top:471px;
	margin-left:-278px;
	height: 29px;
	width: 100px;
	background-color:#000000;
	z-index:4;
}
.efecto2{
	height: 29px;
	width:100px;
	overflow: hidden;
	background: url(http://cbimg6.com/layouts/07/08/15/20698ag.jpg) top left no-repeat;
	display: block;
}
.efecto2:hover{
	background: url(http://cbimg6.com/layouts/07/08/15/20698ag.jpg) bottom left no-repeat;
}
  
.rollover3{
  position: absolute;
  left: 50%;
  top:471px;
  margin-left:-180px;
  height: 29px;
  width: 100px;
  background-color:#000000;
  z-index:4;
}
.efecto3{
height: 29px;
  width:100px;
  overflow: hidden;
  background: url(http://cbimg6.com/layouts/07/08/15/20698ah.jpg) top left no-repeat;
  display: block;
}
.efecto3:hover{
  background: url(http://cbimg6.com/layouts/07/08/15/20698ah.jpg) bottom left no-repeat;
}
  
.rollover4{
  position: absolute;
  left: 50%;
  top:471px;
  margin-left:-80px;
  height: 29px;
  width: 100px;
  background-color:#000000;
  z-index:4;
}
.efecto4{
	height: 29px;
	width:100px;
	overflow: hidden;
	background: url(http://cbimg6.com/layouts/07/08/15/20698ai.jpg) top left no-repeat;
	display: block;
}
.efecto4:hover{
	background: url(http://cbimg6.com/layouts/07/08/15/20698ai.jpg) bottom left no-repeat;
}
  
.rollover5{
	position: absolute;
	left: 50%;
	top:471px;
	margin-left:4px;
	height: 29px;
	width: 100px;
	background-color:#000000;
	z-index:4;
}
.efecto5{
	height: 29px;
	width:100px;
	overflow: hidden;
	background: url(http://cbimg6.com/layouts/07/08/15/20698aj.jpg) top left no-repeat;
	display: block;
}
.efecto5:hover{
	background: url(http://cbimg6.com/layouts/07/08/15/20698aj.jpg) bottom left no-repeat;
}

.rollover6{
	position: absolute;
	left: 50%;
	top:471px;
	margin-left:80px;
	height: 29px;
	width: 100px;
	background-color:#000000;
	z-index:4;
}
.efecto6{
	height: 29px;
	width:100px;
	overflow: hidden;
	background: url(http://cbimg6.com/layouts/07/08/15/20698ak.jpg) top left no-repeat;
	display: block;
}
.efecto6:hover{
	background: url(http://cbimg6.com/layouts/07/08/15/20698ak.jpg) bottom left no-repeat;
}

.rollover7{
	position: absolute;
	left: 50%;
	top:471px;
	margin-left:177px;
	height: 29px;
	width: 120px;
	background-color:#000000;
	z-index:4;
}
.efecto7{
	height: 29px;
	width:120px;
	overflow: hidden;
	background: url(http://cbimg6.com/layouts/07/08/15/20698al.jpg) top left no-repeat;
	display: block;
}
.efecto7:hover{
	background: url(http://cbimg6.com/layouts/07/08/15/20698al.jpg) bottom left no-repeat;
}

.aboutme {
	background-color:transparent;
	border:0px solid;
	border-color:none;
	width:380px;
	height:350px;
	overflow:auto;
	position:absolute;
	z-index:2;
	left:50%;
	top:0%;
	margin-left:-380px;
	margin-top:510px;
	text-align:center;
	visibility:visible;
	scrollbar-arrow-color: fff; scrollbar-face-color: 4f4e4e;
	scrollbar-track-color: 4f4e4e; scrollbar-3dlight-color: 4f4e4e;
	scrollbar-highlight-color: 4f4e4e; scrollbar-shadow-color: 4f4e4e;
	scrollbar-darkshadow-color: 4f4e4e;
}
.video{
	background-color:transparent;
	border:0px solid;
	border-color:none;
	width:380px;
	height:350px;
	overflow:none;
	position:absolute;
	z-index:6;
	left:50%;
	top:0%;
	margin-left:10px;
	margin-top:510px;
	text-align:center;
	visibility:visible;
	scrollbar-arrow-color: fff; scrollbar-face-color: 4f4e4e;
	scrollbar-track-color: 4f4e4e; scrollbar-3dlight-color: 4f4e4e;
	scrollbar-highlight-color: 4f4e4e; scrollbar-shadow-color: 4f4e4e;
	scrollbar-darkshadow-color: 4f4e4e;
}
.site{
	background-color:transparent;
	border:0px solid;
	border-color:none;
	width:300px;
	height:50px;
	overflow:none;
	position:absolute;
	z-index:6;
	left:50%;
	top:0%;
	margin-left:-150px;
	margin-top:1310px;
	text-align:center;
	visibility:visible;
	scrollbar-arrow-color: fff; scrollbar-face-color: 4f4e4e;
	scrollbar-track-color: 4f4e4e; scrollbar-3dlight-color: 4f4e4e;
	scrollbar-highlight-color: 4f4e4e; scrollbar-shadow-color: 4f4e4e;
	scrollbar-darkshadow-color: 4f4e4e;
}
</style>

<div class="aboutme">
<h1>My info here</h1>
<br>xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
<br>xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
<br>xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
<br>xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
<br>xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
<br>xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
<br>xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
<br>xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
<br>xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
<br>xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
<br>xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
<br>xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
<br>xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
<br>xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
<br>xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
<br>xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
<br>xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
<br>xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
<br>xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
<br>xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx

</div>
<div class="clase">odgsvlsomf-ufc</div>
<div class="video">
<h1>My video</h1>
<br>
<object type="application/x-shockwave-flash" allowScriptAccess="never" allowNetworking="internal" width="350" height="280"  data="http://www.youtube.com/v/GhN1YLFS4qA">
  <param name="allowScriptAccess" value="never" />
  <param name="allowNetworking" value="internal" />
  <param name="movie" value="http://www.youtube.com/v/GhN1YLFS4qA" />
</object>
</div>

<div class="site">
http://myspace/omar_garcia_net
</div>