Astral

Designer's Comments

Look carefully for specific instructions

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

Happy New Year!

Very similar to Radiance and Celestial, but apparently you peeps like this stuff so I gotta please the masses!

Baretta - layout archive

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/09/01/33243aa.gif'); 
background-position:no-repeat;
background-position: 150 150px;
background-color:240C00;
line-height: 17px; 
cursor: default;
color:444444;-top}

.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;}
b {color:24C891; border-bottom:0px solid; border-bottom-color:none;}

div div, div td {background-color:transparent; background-image:none!important;}
div.clearfix{z-index:1;}
.clearfix{top:1px; position:relative;}
.clearfix{margin-top:-1px !important; position:relative !important;}

.nav { 
background-color:transparent; 
position:absolute; 
z-index:2; 
margin-top:510px;
top:0;
left:50%;
margin-left: -340px;
text-align: center; 
visibility:visible;
width:165px;
color:27ECD7;
filter:alpha(opacity=50);
-moz-opacity:0.5;
opacity: 0.5;}

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

.about { 
background-color:transparent; 
position:absolute; 
z-index:2; 
margin-top:300px;
top:0;
left:50%;
margin-left: -450px;
text-align:left; 
visibility:visible;
width:600px;
color:615E3F;
height:150px;
overflow:auto;
line-height:21px;}

table, td { color:615E3F; line-height:21px; font-family:tahoma; font-size: 8pt;  }

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

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

h1 {
font-family:century gothic;
font-size: 10pt;
color:fff; 
margin-top:0px;
padding:3 15 3 15;
letter-spacing:5px;
background-color:none;
line-height:23px;
background-color:37302A;
text-transform:uppercase;
border-width:1px; 
border-style:solid; border-color:736457;
filter:alpha(opacity=40);
-moz-opacity:0.4;
opacity: 0.4;}

h1.navi { background-color:146C7E;
border-style:solid; border-color:58BCB2;
color:A7F0FF;
filter:alpha(opacity=60);
-moz-opacity:0.6;
opacity: 0.6;
padding:1 15 1 15;}

a.c:link,a.c:active,a.c:visited  {
display: block;
padding: 0 2 0 18;
margin-bottom:5px;
text-align: left;
font-family: small fonts;
font-size: 7px;
text-transform:uppercase;
letter-spacing:1px;
color:13BDB4; 
border-width:1px; border-style:solid; border-color:1E5C4D;
letter-spacing:4px;
background-color:30433E;
font-weight:normal;
line-height:20px;}

a.c:hover {
display: block;
padding: 0 2 0 20;
margin-bottom:5px;
text-align: left;
font-family: small fonts;
font-size: 7px;
text-transform:uppercase;
letter-spacing:1px;
border-width:1px; border-style:solid; border-color:17D6A6;
letter-spacing:4px;
background-color:0E9979;
color:C9FFF1;
text-decoration:none;}

.title { 
background-color:transparent; 
position:absolute; 
z-index:2; 
margin-top:247px;
top:0;
left:50%;
margin-left: 10px;
text-align: left; 
visibility:visible;
width:400px;
font-family:century gothic;
font-size: 8pt;
text-transform:uppercase;
color:D8EEE1;
line-height:30pt;
letter-spacing:3px;}

.img {
filter:alpha(opacity=50);
-moz-opacity:0.5;
opacity: 0.5;
margin-top:15px; 
border-style:solid; 
border-color:AC3121; 
border-width:1px;}

.name { font-family: century gothic; font-size:15pt; font-weight:normal; text-transform:uppercase; margin-left:10px;}

.img:hover { filter:alpha(opacity=100); -moz-opacity:1;opacity: 1; }

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

.r { Layout by Baretta - baretta.uni.cc ::: Please do not remove this credit. Thanks }

.aboutme a:link, .aboutme a:visited, .aboutme a:active {border-width:1px; border-style:solid;border-color:transparent; color:00D6C7; text-decoration: none; padding:3;  font-weight:bold;}
.aboutme a:hover {cursor: default; background-color:2C231C; border-width:1px; border-style:solid; border-color:736457;filter:alpha(opacity=40);-moz-opacity:0.4;opacity: 0.4; color:00FFC4;}
a:hover { cursor: default; color:fff;}

input, textarea { 
color:3E5154;
font-size:8pt;
font-family:tahoma;
background-color:151B1C;
border-width:1px; 
border-style:solid; border-color:253032;
padding:3px;}

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

blockquote.extra { 
margin:0px; 
padding:5px; 
text-align:center;
background-color:2C231C;
border-width:1px; 
border-style:solid; border-color:736457;
filter:alpha(opacity=40);
-moz-opacity:0.4;
opacity: 0.4;}

blockquote.content { 
margin:0px; 
padding:0;
background-color:transparent;
text-align:justify;}

div.form, div div table div {display:none;} .clearfix table div div {display:block;}
.profile {visibility:hidden;}

.friendSpace { display:none; }
.friendsComments { display:none; }

ul { margin-left:50px; }
</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>

<h1 class="navi">Navigation</h1><br>
<a href="http://home.myspace.com/index.cfm?fuseaction=user&MyToken=e118c948-47dd-4cba-9fa4-ef19fc0f1c04" class="c">Home</a>
<a href="http://collect.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendID=YOUR FRIEND ID"" class="c">Add me</a>
<a href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewPicture&friendID=YOUR FRIEND ID" class="c">My pictures</a> 
<a href="http://blog.myspace.com/index.cfm?fuseaction=blog.ListAll&friendID=YOUR FRIEND ID" class="c">My Blog</a> 
<a href="http://mail.myspace.com/index.cfm?fuseaction=mail.message&friendID=YOUR FRIEND ID" class="c">Message me</a>  
<a href="http://friends.myspace.com/index.cfm?fuseaction=block.blockUser&userID=YOUR FRIEND ID" class="c">Block</a> 
<a href="http://barettaa.com/" class="c">Credit</a>

<br>

<a href="http://barettaa.com/" class="c">Link Here</a>
<a href="http://barettaa.com/" class="c">Link Here</a>
<a href="http://barettaa.com/" class="c">Link Here</a>
<a href="http://barettaa.com/" class="c">Link Here</a>
<a href="http://barettaa.com/" class="c">Link Here</a>
<a href="http://feel.zeroexposure.net/" class="c">FEEL Resources</a>
<a href="http://celestial-star.net/" class="c">Celestial Star</a><br><br>

<h1 class="navi">Your Name</h1>
<b>Age:</b> Age Here<br>
<b>Gender:</b> Gender Here<br>
<b>Status:</b> Status Here<br>
<b>Zodiac:</b> Zodiac Here<br>
<b>Orientation:</b> Orientation Here<br>
<b>Here For:</b> Your Response Here<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.
</blockquote>
<br><br><br><br><br><br>
</div>

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

<h1>Astral by Fainaru</h1>

<b>January 2, 2009</b><br>
<blockquote class="extra">If these eyes didn't know the ray
</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="YOUR FRIEND ID" type="hidden"> <textarea name="f_comments" cols="50" rows="6">Sample Comment Box</textarea><br /><input type="submit" value="COMMENT"></form>

</blockquote>
</div>

Layout Comments

Showing latest 10 of 38 comments

love. ♥

By cakeinautumn on Apr 27, 2009 2:56 am

great layout...currently using.

By jesusisthebestthing on Jan 18, 2009 7:00 pm

this is a sick on i love it the colors and all that looks good.
simple and smooth

By Tsukuyomi-No-Mokoto on Jan 18, 2009 4:45 pm

Aww this is awesome. What's new?

By Eww on Jan 7, 2009 10:38 pm

i can't stop looking at this layout it's so gorgeous!

By michellekdo on Jan 7, 2009 10:12 pm

also i have nooo idea how to message or anything on this website, if you even can, but if you have myspace mine myspace.com/52727539 and my msnmessenger is jbrewton4@msn.com

By xoxoloviedoviexoxo on Jan 7, 2009 9:08 pm

hey do you think you can make me a layout? yours are so cute

By xoxoloviedoviexoxo on Jan 7, 2009 7:56 pm

Gorgeous. :)

By JennyThePirate on Jan 7, 2009 5:46 pm

Prettyyyy~

By tokyo-rose on Jan 7, 2009 5:42 pm

Very nicely done! I almost had tears in my eyes. I love how you blend colors so well, and you create rollovers from HTML/CSS with hardly no images, and it looks like you used images! :D

I gotta pay you to come up with something for me, that portrays me best. I have trouble with that. I'm always changing my layouts.... :(

By Weathered on Jan 6, 2009 7:14 pm

View all »

Layout Details

Designer	fainaru
Submitted on	Jan 2, 2009
Page views	27,221
Favorites	248
Comments	38
Reviewer	Relentless
Approved on	Jan 2, 2009

Astral

Designer's Comments

Using This Layout

Update Friend ID

Layout Code

Layout Code

Layout Comments

Layout Details

Layout Colors

Layout Tags

Layout Tools

Layout Affiliates