Horizon

Myspace Layouts / Div Overlay

Designer's Comments

Look carefully for specific instructions

Please remember to keep the link in tact and enjoy the design.

layout archive + services > baretta.uni.cc

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></td></tr></table></td></tr></table></td></tr></table></div>
<style type="text/css"> 
body {
background: url(''); 
background-repeat: repeat; 
background-color:596571;
line-height: 17px; 
cursor: ne-resize;
color:444444;}

.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;}
img { border:0;}

.nav { 
background-color:transparent; 
position:absolute; 
z-index:2; 
top:50%; 
margin-top:200px;
left: 50%;
margin-left: -283px;
text-align:left; 
visibility:visible;
width:700px;}

.aboutme { 
background-color:transparent; 
width: 475px; 
position:absolute; 
z-index:2; 
top:50%; 
margin-top:-110px;
left: 50%;
margin-left: -140px;
text-align:justify; 
visibility:visible; 
font-size: 8pt;
overflow:auto;
height: 290px;}

.div { 
background:none; 
overflow:auto; 
position:absolute; 
z-index:2; 
top:50%; 
margin-top:-300px;
left: 50%;
margin-left: -380;
text-align:left; 
visibility:visible;}

div.nav a {
text-align: center;
font-family: verdana;
letter-spacing:2px;
text-transform:uppercase;
font-size:10px;
display:inline;
padding:5px;
margin-right: 10px;
line-height:22px;}

div.nav a:link,.nav a:visited, div.nav a:active {
color:fff;
display:inline;
font-style:normal;
background:none;}

div.nav a:hover {
color:5E92B7;
border-bottom:6px solid;
border-bottom-color:fff;}

font, td, a, table, td, li, p, div, textarea, li, h1, h2, p, br {
font-family:tahoma;
font-size: 8pt; 
color:41452E; 
font-weight: normal; 
text-decoration: none; 
letter-spacing: 0px; 
padding: 0px; 
line-height: 17px;}

h1 {
font: 12pt "century gothic";
text-align: left;
letter-spacing: 3px;
text-transform: lowercase;
margin: 0 0 10px 0;
color:7D8D9A; 
border-bottom:2px solid;
border-bottom-color:fff;
font-weight:bold;}

div.title { 
font: 15pt "times new roman";
text-align: left;
letter-spacing: 5px;
text-transform: uppercase;
position:absolute; 
z-index:2; 
top:50%; 
margin-top:80px;
left: 50%;
margin-left: -120px;
color:fff;}

.r { Layout by Fainaru - fainaruu.uni.cc }

a:link, a:visited, a:active {color:5E92B7; text-decoration: none; font-weight:bold;}
a:hover {cursor: help; color: 213568; text-decoration: none;}

input, textarea {
cursor: ne-resize; 
color:fff;
font-size:8pt;
font-family:Verdana;
background-color:81A3C9;
border-width:1px; border-style:solid; border-color:fff;}

blockquote {
background:transparent;
border: transparent 0px solid;
margin: 20px 50px 20px 55px;
padding: 10px 10px 30px 10px;}

</style>
<table><tr><td><table><tr><td><table><tr><td>

Layout Code

Copy and paste to I'd Like to Meet

Help

</td></tr></table></td></tr></table></td></tr></table></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</a>
<a href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewPicture&friendID=XXXXXXXX">Pictures</a>
<a href="http://blog.myspace.com/index.cfm?fuseaction=blog.ListAll&friendID=XXXXXXXX">Blog</a>
<a href="http://mail.myspace.com/index.cfm?fuseaction=mail.message&friendID=XXXXXXXX">Message</a>
<a href="http://baretta.uni.cc/">Baretta</a>
<a href="http://textuures.uni.cc/">Textuures</a>
</div>

<h1>Horizon by Fainaru</h1>
<b>September 29, 2007</b><br>
Expanding my very unplentiful collection of image incorporated layouts. The sky looks great in this shot, not your average looking sunrise or sunset. Remember, I do custom designs, but read details <a href="http://baretta.uni.cc/"title="baretta.awardspace.com/services.php">here</a> first. Follow the terms to use this design.

<br><p align="right"><b>Tested on Firefox, IE and Opera</a></b></p><br>

<h1>Terms</h1>
<ul type="circle">
<li>No redistributing this layout.</li>
<li>Keep all credit links in tact.</li>
<li>Leave the image + stylesheet as it is.</li>
</ul>

<br>

<blockquote>
<h1>CSS Elements</h1>

Font <b>Bold</b> <i>Italic</i> <u>Underline</u> <s>Strike</s> <a href="">Link</a><br><br>

<form method="post" action="http://comments.myspace.com/index.cfm?fuseaction=user.ConfirmComment"><input name="friendID" value="XXXXXXXX" type="hidden"> <textarea name="f_comments" cols="50" rows="6">Comment</textarea><br /><input type="submit" value="COMMENT"></form>

</blockquote>
</div>

Layout Comments

Showing latest 10 of 16 comments

Um...it's missing a "block" link and the top ad is hidden.

By Mikeplyts on Sep 10, 2008 7:29 pm

Why is the ad hidden?
I would use it, but I don't want to take the risk.

By NICKAWHAT on Mar 19, 2008 6:01 pm

Really liked this but not using all top navigation is not hidden and the comment button does not show up.

By cp06 on Mar 10, 2008 3:12 am

Kay, so I LOVE this buuut, the navigation at the top isn't completely hidden, I love your layouts but the one's I've used have all had home showing on the left and ds on the right.

By JadedDreamer on Oct 14, 2007 10:22 am

hello..hurm horizon on the yop cannot move?

By alaopz on Oct 5, 2007 11:16 pm

I love this!!!!!!!!!!!!!!!!
Excpet, not all of the background is blue!

By Amaranthus on Sep 30, 2007 12:22 pm

very simple... you're catchin up to me girl

By IVIike on Sep 29, 2007 11:27 pm

Thank you guys so much! Especially the favourite from Mark *feels special*

By fainaru on Sep 29, 2007 7:19 pm

i like this one alot...it's quite simple. good work.

By jesusisthebestthing on Sep 29, 2007 6:43 pm

I love this. I love it. Just wow. It's so freakin` attractive. Favoriting it.

By markmejia on Sep 29, 2007 6:14 pm

View all »

Layout Details

Designer	fainaru
Submitted on	Sep 29, 2007
Page views	24,898
Favorites	149
Comments	16
Reviewer	Insurmountable
Approved on	Sep 29, 2007

Horizon

Designer's Comments

Using This Layout

Update Friend ID

Layout Code

Layout Code

Layout Comments

Layout Details

Layout Tags

Layout Tools

Layout Affiliates