Celestial

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('http://cbimg6.com/layouts/08/02/09/25342ac.gif') repeat-x; 
background-position:no-repeat;
background-position: 0 170px;
background-color:000000;
line-height: 17px; 
cursor: default;
color:444444;}

td, .text, div, input {color:!important;} 
span, b {color: !important;} 
a {color: !important;} 
img {border:0px;visibility:visible;} 
table, tr, td {background:transparent; border:0px;} 
div table table table td font {visibility:visible;} 
table table table embed {position:static;} 
table table table table a, table table table table div, 
table table table table div a, .frm1 input {visibility:visible;} 
table table, table table td {padding:0px; height:0px;} 
table td div {visibility:hidden;}
table table td div {visibility:visible;}
tr {background:transparent;}
div table td font {visibility:hidden; display:none;}
table tr td div div{display:none;visibility:none} 
body div table tbody tr td font {visibility:hidden; display:none; }

.orangetext15, .whitetext12,.nametext, .blacktext12, .blacktext10, .btext, .redbtext, .redtext, .redlink { font-size:8pt; color:fff; visibility:visible; }
.latestblogentry, .blurbs {display:none;}
.contactTable {display: none;}
.text {color: 0072BC; font-weight: normal; text-decoration: none; letter-spacing: 0px; text-transform: ; padding: 0px; line-height: 10px;} 
.nametext { display:none; visibility:hidden; } 
body div table tbody tr td font {visibility:hidden;}
.navigationbar, .navbar font, .navbar a {visibility:hidden; display:none; }
.lightbluetext8, .extendedNetwork { display:none; visibility:hidden; }

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

select {position:relative !important; top:-1000px;}
td td td select {position:static !important;}
div table div form {display:none !important}
.bodyContent table table div form {display:inline !important;}

div table td font {visibility:hidden;}
div table table td font a {visibility:hidden;}
table td div {visibility:hidden;}
table table td div {visibility:visible;}

b {color:EC9090; border-bottom:1px solid; border-bottom-color:FFE1E1; background-color:2B2B2B;}

.nav { 
background-color:transparent; 
position:absolute; 
z-index:2; 
top:0; 
margin-top:460px;
left: 170;
margin-left: 35px;
text-align:left; 
visibility:visible;
width:145px;}

.aboutme { 
background-color:transparent; 
width: 530px; 
position:absolute; 
z-index:2; 
top:0;
margin-top:460px;
left:300px;
margin-left: 60;
text-align:justify; 
visibility:visible; 
font-size: 8pt;
padding:1;}

.div { 
background:none; 
overflow:auto; 
position:absolute; 
z-index:2; 
top:170; 
left: 150;
margin-left: 0;
text-align:left; 
visibility:visible;}

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

h1 {
font: 15pt "arial";
text-align: left;
letter-spacing: 2px;
text-transform: lowercase;
margin: 0 0 10px 0;
color:FF5E83; 
font-weight:bold;
padding:0 5px;
border-bottom:1px solid; border-bottom-color:5B5B5B;}

div.nav a {
display: block;
padding: 0 10px;
margin:1px;
text-align: left;
font-size:8pt;
font-weight:normal;}

div.nav a:link,.nav a:visited, div.nav a:active {
display: block;
background-color:181818;
text-decoration: none;
color:FF8F40;
letter-spacing:1px;}

div.nav a:hover {
display: block;
background-color:252525; 
color:FA2E4F;
text-decoration:none;
border-bottom:none;}

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

.NavigationBar, .navbar:active, a.navbar:visited, a.navbar:link { visibility:hidden; } 
a.navbar:hover { visibility:hidden; }

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

a:link, a:visited, a:active {color:FE9254; text-decoration: none; font-weight:bold;}
a:hover {cursor: default; color: FF4E78; text-decoration: none; border-bottom:1px solid; border-bottom-color:FFB0C3;}

input, textarea { 
color:3A3A3A;
padding:1;
font-size:8pt;
font-family:tahoma;
background-color:1D1D1D;
border-width:1px; border-style:solid; border-color:414141;}

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

blockquote.extra { 
margin-top:10px; 
padding:5px; 
text-align:center;
background-color:2B2B2B;
border-width:1px; 
border-style:solid; border-color:444444;
color:707070;}

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

</td></tr></table></td></tr></table></td></tr></table></div>

<div class="nav">
<a href="http://www.msplinks.com/MDFodHRwOi8vaG9tZS5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2VyJk15VG9rZW49ZTExOGM5NDgtNDdkZC00Y2JhLTlmYTQtZWYxOWZjMGYxYzA0">Home</a> 
<a href="http://www.msplinks.com/MDFodHRwOi8vY29sbGVjdC5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj1pbnZpdGUuYWRkZnJpZW5kX3ZlcmlmeSZmcmllbmRJRD1ZT1VSIEZSSUVORCBJRA==">Add me</a>
<a href="http://www.msplinks.com/MDFodHRwOi8vdmlld21vcmVwaWNzLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPXVzZXIudmlld1BpY3R1cmUmZnJpZW5kSUQ9WU9VUiBGUklFTkQgSUQ=">My pictures</a> 
<a href="http://www.msplinks.com/MDFodHRwOi8vYmxvZy5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj1ibG9nLkxpc3RBbGwmZnJpZW5kSUQ9WU9VUiBGUklFTkQgSUQ=">My Blog</a> 
<a href="http://www.msplinks.com/MDFodHRwOi8vbWFpbC5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj1tYWlsLm1lc3NhZ2UmZnJpZW5kSUQ9WU9VUiBGUklFTkQgSUQ=">Message me</a>  
<a href="http://baretta.uni.cc/">Credit</a><br><br>

<div class="title">Your Title Here</div>

<h1>Celestial by Fainaru</h1>
<b>February 9, 2008</b><br>
<blockquote class="extra">a small heartbeat, that isnt there</blockquote><br>

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nullam nulla lacus, tincidunt ultricies, imperdiet pretium, scelerisque elementum, lectus. Etiam tincidunt. Etiam erat. Morbi luctus sollicitudin metus. Fusce sed risus. Vestibulum posuere malesuada metus. Sed quam purus, laoreet et, rutrum in, convallis sed, lectus. Sed eget enim. Vestibulum ante risus, suscipit consequat, ultrices ac, pulvinar quis, tellus. Nunc et erat adipiscing nibh ultricies laoreet. Ut ullamcorper facilisis leo. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nullam nulla lacus, tincidunt ultricies, imperdiet pretium, scelerisque elementum, lectus. Etiam tincidunt. Etiam erat. Morbi luctus sollicitudin metus. Fusce sed risus. Vestibulum posuere malesuada metus. Sed quam purus, laoreet et, rutrum in, convallis sed, lectus. Sed eget enim. Vestibulum ante risus, suscipit consequat, ultrices ac, pulvinar quis, tellus. Nunc et erat adipiscing nibh ultricies laoreet. Ut ullamcorper facilisis leo. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nullam nulla lacus, tincidunt ultricies, imperdiet pretium, scelerisque elementum, lectus. Etiam tincidunt. Etiam erat. Morbi luctus sollicitudin metus. Fusce sed risus. Vestibulum posuere malesuada metus. Sed quam purus, laoreet et, rutrum in, convallis sed, lectus. Sed eget enim. Vestibulum ante risus, suscipit consequat, ultrices ac, pulvinar quis, tellus. Nunc et erat adipiscing nibh ultricies laoreet. Ut ullamcorper facilisis leo nibh ultricies laoreet. <br><br><br>

Sed dui. In hac habitasse platea dictumst. Quisque malesuada ornare eros. Cras justo ligula, gravida vitae, pretium at, malesuada sit amet, odio. Curabitur vel ante vitae quam dapibus molestie. Sed pharetra consequat mi. Donec enim massa, faucibus sit amet, dictum eu, rutrum ut, augue. Fusce nibh nisl, tempus sit amet, congue eu, pharetra eget, augue. Aenean blandit auctor lorem. Aliquam augue est, aliquam in, tincidunt et, malesuada eget, nibh. Curabitur suscipit, justo eget adipiscing adipiscing, metus ligula molestie diam, at dapibus metus metus et turpis. Nulla ac mi sit amet sapien pretium bibendum.<br><br><br>

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 a credit link somewhere.</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>

Layout Code

Copy and paste to I'd Like to Meet

Help

Layout Comments

Showing latest 10 of 58 comments

very pretty fainaru!!

By Mikeplyts on Jun 23, 2009 8:30 am

doesn't work on safari

By ariannballet on Oct 4, 2008 9:35 pm

this is what im entering into the add area
http://collect.myspace.c om/index.cfm?fuseaction=invite .addfriend_verify&friendID=xxx xxxxxxx
with my ID number of course. When I log onto my other account and try to add it, it just returns me to my profile. help please

By wallywest on Jul 7, 2008 11:17 pm

I got all the links to work except add to friends. Can someone message or comment how to do it? thanks!

By wallywest on Jul 7, 2008 11:09 pm

Beautiful work, but i'm a bit miffed that I now have to go and figure out the correct linking codes for the contact menu! heyho it's worth it as I love this profile - thank you!

By scarletara on May 10, 2008 1:20 pm

is there a way to move the layout up so id ont have the huge space between the layout and the myspace ad

By luvlyblanca on May 1, 2008 5:37 pm

None of my links work...The links to go to "messages", "Pictures" etc...nobody can send me a message or add me or comment me...it goes to a pop up that says there's an error...please help! I love this layout! It's awesome!!

lisa

By LisaSingchanh on Apr 24, 2008 10:08 pm

you sould mak a red and black one

By B1LLIONAIREKR3W on Mar 30, 2008 11:10 am

fainaru for president

By steem on Mar 1, 2008 10:05 am

Hey guys!! I'm not sure if you read my previous comment, but for some reason the title layer doesn't show on myspace =/

By fainaru on Feb 24, 2008 10:19 am

View all »

Layout Details

Designer	fainaru
Submitted on	Feb 9, 2008
Page views	73,852
Favorites	508
Comments	58
Reviewer	Fawaz
Approved on	Feb 9, 2008

Celestial

Designer's Comments

Using This Layout

Update Friend ID

Layout Code

Layout Code

Layout Comments

Layout Details

Layout Tags

Layout Tools

Layout Affiliates