Serio 2

Myspace Layouts / Div Overlay

Designer's Comments

Look carefully for specific instructions

Enjoy any question please do it at the forum 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 span.btext
{display:none;}
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;
}

a.text, table div font a, table div div {
visibility:hidden;
}

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;
}

.comments{
visibility:visible;
width:411px; 
height: 474px;
position:absolute;
top:345px;
left:363px; 
overflow:auto;
z-index:2px;
}

body {
background-image: url(http://cbimg6.com/layouts/07/06/11/18333ac.jpg);
background-repeat: repeat; 
background-position: top left;
line-height: 14px; 
cursor: default;
background-color: 303336;}

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:000000; 
letter-spacing: 0px; 
padding: 0px; 
line-height: 14px;
} 
.serio { 
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:90px; 
top:138px; 
width: 820px;
visibility:visible;
}

.img_id {
	background-color:transparent;
	overflow:none;
	position:absolute;
	z-index:3;
	left:80px;
	top:50px;
	margin-left:20px;
	margin-top:500px;
	text-align:left;
	visibility:visible;
	width: 86px;
	height: 85px;
}

.personal {
	background-color:transparent;
	overflow:auto;
	position:absolute;
	z-index:3;
	left:163px;
	top:53px;
	margin-left:20px;
	margin-top:500px;
	text-align:left;
	visibility:visible;
	width: 158px;
	height: 77px;
	}
	.persona2 {
	background-color:transparent;
	overflow:auto;
	position:absolute;
	z-index:3;
	left:79px;
	top:132px;
	margin-left:20px;
	margin-top:500px;
	text-align:left;
	visibility:visible;
	width: 244px;
	height: 77px;
	}
	
.menu {
	background-color:transparent;
	overflow:auto;
	position:absolute;
	z-index:3;
	left:70px;
	top:-363px;
	margin-left:20px;
	margin-top:500px;
	text-align:left;
	visibility:visible;
	width: 708px;
	height: 161px;

}

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

a:link, a:visited, a:active {color:787d82; text-decoration: none; font-weight:bold;}
a:hover {cursor: HAND; color: 282323; text-decoration: none;}

.friends1 {
	background-color:transparent;
	overflow:auto;
	position:absolute;
	z-index:3;
	left:83px;
	top:-69px;
	margin-left:20px;
	margin-top:417px;
	text-align:left;
	visibility:visible;
	width: 79px;
	height: 77px;
}
.friends2 {
	background-color:transparent;
	overflow:auto;
	position:absolute;
	z-index:3;
	left:163px;
	top:-69px;
	margin-left:20px;
	margin-top:417px;
	text-align:left;
	visibility:visible;
	width: 95px;
	height: 94px;
}
.friends3 {
	background-color:transparent;
	overflow:auto;
	position:absolute;
	z-index:3;
	left:242px;
	top:-69px;
	margin-left:20px;
	margin-top:417px;
	text-align:left;
	visibility:visible;
	width: 96px;
	height: 96px;
}
.friends4 {
	background-color:transparent;
	overflow:auto;
	position:absolute;
	z-index:3;
	left:83px;
	top:12px;
	margin-left:20px;
	margin-top:417px;
	text-align:left;
	visibility:visible;
	width: 93px;
	height: 96px;
}
.friends5 {
	background-color:transparent;
	overflow:auto;
	position:absolute;
	z-index:3;
	left:242px;
	top:12px;
	margin-left:20px;
	margin-top:417px;
	text-align:left;
	visibility:visible;
	width: 96px;
	height: 96px;
}
.friends6 {
	background-color:transparent;
	overflow:auto;
	position:absolute;
	z-index:3;
	left:163px;
	top:12px;
	margin-left:20px;
	margin-top:417px;
	text-align:left;
	visibility:visible;
	width: 93px;
	height: 96px;
}
.music {
	background-color:transparent;
	overflow:auto;
	position:absolute;
	z-index:3;
	left:75px;
	top:245px;
	margin-left:20px;
	margin-top:500px;
	text-align:left;
	visibility:visible;
	width: 251px;
	height: 84px;

}

</style>

<div class="personal">
<b>Name:</b>xxxxxx
<br>
<b>Age:</b>:xxxxxx
<br>
<b>Sign:</b>xxxxxx
<br>
<b>Home:</b>xxxxxx
<br>
<b>Status:</b>xxxxxx
</div>

<div class="persona2">
<br>xxxxxxxxxxxxxxxxxxxxxxxxx
<br>xxxxxxxxxxxxxxxxxxxxxxxxx
<br>xxxxxxxxxxxxxxxxxxxxxxxxx
<br>xxxxxxxxxxxxxxxxxxxxxxxxx
</div>

<div class="menu">
 <object type="application/x-shockwave-flash" data="http://omargarcia.net/myspace/createblog/serio2/omargarcia.swf" height="160" width="700" align="middle">
  <param name="movie" value="http://omargarcia.net/myspace/createblog/serio2/omargarcia.swf" />
  <param name="allowScriptAccess" value="never" />
  <param name="allowNetworking" value="internal" />
  <param name="quality" value="high" />
  <param name="menu" value="false" />
  <param name="wmode" value="transparent" />
</object>
</div>
<div class="serio">odgsvlsomf-serio2</div>

<div class="music">
Paste your music player code here</div>
<div class="nav">
<a href="http://omargarcia.net">Power by OmarGarcia.net</a></div>

Layout Comments

Showing latest 10 of 16 comments

Looks really good!

By Mikeplyts on Jul 14, 2009 7:23 am

how to i get the link to like my pictures and home page

By lcanthonyhuff80 on Aug 6, 2007 4:45 pm

when i use this layout it has small letters on the flash....can any1 help me

By stephenku on Jul 6, 2007 10:53 pm

hey - when i put this into my myspace, the navigation words at the top are way too small. can anyone help? thank you =]

By lylmisscouture on Jun 22, 2007 3:51 pm

omg, this is so hawt!

By kissablemeli on Jun 13, 2007 11:16 am

COYLEY... IN ORDER TO GET YOUR FRIENDS ON THERE YOU HAVE TO RESIZE A PIC OF YOUR FRIEND TO 75 X 75, UPLOAD IT TO PHOTOBUCKET, THEN PASTE THE PICTURE LINK IN EACH FRIEND LINK!!!

By CONNSCIOUS on Jun 12, 2007 12:11 am

OK... I HAD TO USE IT... A LAYOUT WITH FRIENDS PICS AND COMMENT SEEMS TO BE UNHEARD OF NOW A DAYS... WHY THE HECK ARE PEOPLE ARE SO AGAINST COMMENTS AND FRIENDS LIST??? I LOVE IT!!!

By CONNSCIOUS on Jun 12, 2007 12:09 am

The background and banner are low quality. Also, behind the table is some text that is halfway hiding behind the table. This does look more like a web layout. Most of your layouts are very professional looking so maybe you shuld be a site designer. You could make lots of $! But it still is a good layout, I guess.

By PCDKitty on Jun 11, 2007 10:47 pm

I love the flash omar, always adds a really nice touch. =)

By IBangBaby on Jun 11, 2007 8:40 pm

johan, all DIV overlays are more complicated than a simple copy & paste...

omar, this is a very sleek theme. i think it's one of my favorites. You made good use of your space here. no white space, yay!

By falsetigerlimbs on Jun 11, 2007 4:38 pm

View all »

Layout Details

Designer	OmarGarcia
Submitted on	Jun 10, 2007
Page views	42,901
Favorites	140
Comments	16
Reviewer	moorepocket
Approved on	Jun 11, 2007