Sunrise 2

Designer's Comments

Look carefully for specific instructions

sunrise 2
some flash
if you like it on purple
change
omargarcia.swf
for
omargarciap.swf
any question please do it at omargarcia.net

credits
designfruit.com
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;
}
.clase { 
	background-color:transparent; 
	overflow:auto; 
	position:absolute; 
	left:20px; 
	top:150px; 
	visibility:hidden;
	z-index:1;
}
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:222222; 
	background-repeat:repeat-repeat;
	background-position:center center;
	background-attachment:scroll;}
	
.comments{
	visibility:visible;
	width:650px; 
	height: 500px;
	position:absolute;
	top:0%;
	left:50%; 
	margin-left:-325px;
	margin-top:950px;
	overflow:auto;
	z-index:3px;
	scrollbar-arrow-color: fff; scrollbar-face-color: 000;
	scrollbar-track-color: 000; scrollbar-3dlight-color: 000;
	scrollbar-highlight-color: 000; scrollbar-shadow-color: 000;
	scrollbar-darkshadow-color: 000;
}

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

h1 {
	color:c1c1c1!important;
	font-family:georgia;
	font-size:13pt;
	letter-spacing:5px;
	text-transform:uppercase;
	line-height:15px;
	text-align:center;
	border-bottom: 1px dotted;
	border-color:4c6881;
	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:-350px;
	margin-top:100px;
	text-align:center;
	visibility:visible;}
.blog4 {
	background-color:000;
	border:0px solid;
	border-color:none;
	width:700px;
	height:500px;
	overflow:auto;
	position:absolute;
	left:50%;
	top:0%;
	margin-left:-350px;
	margin-top:1000px;
	text-align:center;
	visibility:visible;}

.blog3 {
	background-color:000;
	border:0px solid;
	border-color:none;
	width:700px;
	height:500px;
	overflow:auto;
	position:absolute;
	z-index:0;
	left:50%;
	top:0%;
	margin-left:-350px;
	margin-top:500px;
	text-align:center;
	visibility:visible;}
	
.blog2{
	background-color:000;
	border:0px solid;
	border-color:none;
	width:auto;
	height:auto;
	overflow:auto;
	position:absolute;
	z-index:0;
	left:50%;
	top:0%;
	margin-left:-350px;
	margin-top:165px;
	text-align:center;
	visibility:visible;}
	
.blog5 {
	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:-350px;
	margin-top:1500px;
	text-align:center;
	visibility:visible;}
	
.rollover1{
  position: absolute;
  left: 50%;
  top:550px;
  margin-left:-300px;
  height: 50px;
  width: 150px;
  background-color:#000000;
  z-index:4;
}
.artlink1{
height: 50px;
  width:100px;
  overflow: hidden;
  background: url(http://cbimg6.com/layouts/07/09/06/21329ac.jpg) top left no-repeat;
  display: block;
  }
.artlink1:hover{
  background: url(http://cbimg6.com/layouts/07/09/06/21329ac.jpg) bottom left no-repeat;
  }
.rollover2{
  position: absolute;
  left: 50%;
  top:550px;
  margin-left:-200px;
  height: 50px;
  width: 150px;
  background-color:#000000;
  z-index:4;
}
.artlink2{
height: 50px;
  width:100px;
  overflow: hidden;
  background: url(http://cbimg6.com/layouts/07/09/06/21329ad.jpg) top left no-repeat;
  display: block;
  }
.artlink2:hover{
  background: url(http://cbimg6.com/layouts/07/09/06/21329ad.jpg) bottom left no-repeat;
  }
.rollover3{
  position: absolute;
  left: 50%;
  top:550px;
  margin-left:-100px;
  height: 50px;
  width: 150px;
  background-color:#000000;
  z-index:4;
}
.artlink3{
height: 50px;
  width:100px;
  overflow: hidden;
  background: url(http://cbimg6.com/layouts/07/09/06/21329ae.jpg) top left no-repeat;
  display: block;
  }
.artlink3:hover{
  background: url(http://cbimg6.com/layouts/07/09/06/21329ae.jpg) bottom left no-repeat;
  }
.rollover4{
  position: absolute;
  left: 50%;
  top:550px;
  margin-left:0px;
  height: 50px;
  width: 150px;
  background-color:#000000;
  z-index:4;
}
.artlink4{
height: 50px;
  width:100px;
  overflow: hidden;
  background: url(http://cbimg6.com/layouts/07/09/06/21329af.jpg) top left no-repeat;
  display: block;
  }
.artlink4:hover{
  background: url(http://cbimg6.com/layouts/07/09/06/21329af.jpg) bottom left no-repeat;
  }
  
.rollover5{
  position: absolute;
  left: 50%;
  top:550px;
  margin-left:100px;
  height: 50px;
  width: 150px;
  background-color:#000000;
  z-index:4;
}
.artlink5{
height: 50px;
  width:100px;
  overflow: hidden;
  background: url(http://cbimg6.com/layouts/07/09/06/21329ag.jpg) top left no-repeat;
  display: block;
  }
.artlink5:hover{
  background: url(http://cbimg6.com/layouts/07/09/06/21329ag.jpg) bottom left no-repeat;
  }
  
.rollover6{
  position: absolute;
  left: 50%;
  top:550px;
  margin-left:200px;
  height: 50px;
  width: 150px;
  background-color:#000000;
  z-index:4;
}
.artlink6{
height: 50px;
  width:110px;
  overflow: hidden;
  background: url(http://cbimg6.com/layouts/07/09/06/21329ah.jpg) top left no-repeat;
  display: block;
  }
.artlink6:hover{
  background: url(http://cbimg6.com/layouts/07/09/06/21329ah.jpg) bottom left no-repeat;
  }

.music{
  border:0px solid;
  position: absolute;
  left: 50%;
  top:165px;
  margin-left:230px;
  height: auto;
  width: auto;
  z-index:100;
  visibility:none;

}

.aboutme {
	background-color:transparent;
	border:0px solid;
	border-color:none;
	width:500px;
	height:350px;
	overflow:auto;
	position:absolute;
	z-index:2;
	left:50%;
	top:0%;
	margin-left:-250px;
	margin-top:600px;
	text-align:justify;
	visibility:visible;
	text-align:center;
	scrollbar-arrow-color: fff; scrollbar-face-color: 000;
	scrollbar-track-color: 000; scrollbar-3dlight-color: 000;
	scrollbar-highlight-color: 000; scrollbar-shadow-color: 000;
	scrollbar-darkshadow-color: 000;
}
.gallery {
	background-color:transparent;
	overflow:auto;
	position:absolute;
	z-index:2;
	left:50%;
	top:600px;
	margin-left:-400px;
	text-align:left;
	visibility:visible;
	width: auto;
	height: auto;

}
</style>

<div class="clase">odgsvlsomf-sunrise2</div>
<div class="blog1">
<img src="http://cbimg6.com/layouts/07/09/06/21329aa.jpg" border="0"/>
</div>

</div>

</div>

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

</div>

<div class="music">
music player here
</div>

Layout Comments

Showing latest 10 of 96 comments

hello :) very nice layout.how can i change the colour ?? i prefer the purple i think :)

By idealecia on May 22, 2010 1:08 pm

Still doesn't work on FireFox.

By WizardMadds on Jul 15, 2009 10:13 pm

Yeah check the comments here
http://omargarcia.net/my space/layout.php?id=19

By OmarGarcia on Jul 10, 2009 7:58 pm

i LOVE this layout!!! except for one thing...can you make it where my friends and comments don't show?? PLEASE!!!

By some-retard on Jul 10, 2009 6:58 pm

Your welcome!

By OmarGarcia on Jul 10, 2009 5:12 pm

Yay!
It works! Thanks Omar! ^-^

By LunaticCharm on Jul 10, 2009 4:45 pm

gahh it was just working, now it wont animate :(

By gummybearsgummy on Apr 13, 2009 10:02 pm

the animated part does not work on myspace anymore or wrong location?

By memoriesofyou on Jan 18, 2009 10:57 pm

the animated part does not work on myspace anymore or wrong location?

By memoriesofyou on Jan 18, 2009 10:57 pm

the animated part does not work on myspace anymore or wrong location?

By memoriesofyou on Jan 18, 2009 10:57 pm

View all »

Layout Details

Designer	OmarGarcia
Submitted on	Sep 5, 2007
Page views	55,872
Favorites	596
Comments	96
Reviewer	IVIike
Approved on	Sep 6, 2007

Sunrise 2

Designer's Comments

Using This Layout

Update Friend ID

Layout Code

Layout Comments

Layout Details

Layout Tags

Layout Tools

Layout Affiliates