Bliss (Div Overlay)

Designer's Comments

Look carefully for specific instructions

INFORMATION
This layout was designed in mind for people who don't have much content and just want an extremely simple minimal layout. Please do not leave comments about the size of the content box. I'm aware it is very small but, it's designed that way for a reason.

THE NAVBAR IS HIDDEN, just not in the preview on here.

Don't forget to replace the XXXXXXX with your friendID.

RULES
1. Please do not steal this code/layout. Honestly, if you can't make one, ask for help, instead of passing off work as your own. CB has great tutorials to get you started on making your own DIV layout.
2. Please do not remove the credit, seriously. Just don't.

SIDE NOTE
This layout does require previous knowledge of both HTML and CSS. Please do not use this layout if you have no clue at all of what to do. I can try and help you but, I'm rarely online/answer messages. CB has a great selection of standard layouts as well which are easier to use.

CREDITS
Every thing was coded and created by me, special thanks goes to RockitStudios for their hide the myspace profile and new navigation bar script.

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">
BODY, HTML {
background-image:url(http://cbimg6.com/layouts/08/08/30605ab.png);
background-repeat:repeat; 
background-attachment:scroll;
background-position:top left;
background-color:1a1a1a;
cursor:crosshair; 
}

b {font-weight:normal; color:FFFFFF;}

.layout {
position:absolute; 
left:300px; 
top:100px; 
overflow:visible; 
background-color:transparent; 
border:0px; 
}

.about {
position:absolute;
overflow:auto; 
background-color:transparent; 
border:0px; padding:0px; 
width:200px; height:105px; 
top:214px; left:386px;
}

.interest {
position:absolute;
overflow:auto; 
left:607px;
top:212px;
background-color:transparent; 
border:0px; padding:0px; 
width:160px; height:200px;
}

.details {
position:absolute;
overflow:auto; 
background-color:transparent; 
border:0px; padding:0px; 
left:386px; top:343px;
width:202px; height:70px;
}

div {
font-weight:normal;
font-size:9px;
color:000000;
font-family:tahoma;
text-decoration:none;
}

.title {
display:block;
font-weight:normal; 
text-decoration:none; 
background-color:transparent; 
font-family:times new roman; 
color:FFFFFF;
letter-spacing:3px;
font-size:11px;
text-transform:uppercase; 
text-align:left;
padding-left:20px;
border-bottom:1px solid black; 
margin-bottom:5px;
}

a img {
border:0px;
filter: alpha(opacity=45);
opacity: .4;
padding: 0px!important;
}

a:hover img {
border:0px;
filter: none;
opacity: 1;
cursor:crosshair;
}

a:link, a:visited, a:active {
text-decoration:none;
font-weight:normal;
font-size:9px; 
font-family:arial; 
color:FFFFFF; 
}

a:hover {
text-decoration:none;
font-weight:normal;
font-size:9px; 
font-family:arial; 
color:000000; 
cursor:crosshair;
}

a img {
border:0px;
filter: alpha(opacity=45);
opacity: .4;
padding: 0px!important;
}

a:hover img {
border:0px;
filter: none;
opacity: 1;
cursor:crosshair;
}
</style>

<div class="about">
This layout <u>requires</u> a previous knowledge of html. <br /><br />
<b>Bold</b>, <u>Underlined</u>, <i>Italic</i>, <a href="/">Link</a>. <Br /><br />
Please changed where it says <b>XXXXXX</b> to your friendID!!!
</div>

<div class="interest">
<span class="title">general</span>
Your interest here.  Your interest here.  Your interest here.  Your interest here.  Your interest here.

<span class="title">music</span>
Your interest here.  Your interest here.  Your interest here.  Your interest here.  Your interest here.

<span class="title">movies</span>
Your interest here.  Your interest here.  Your interest here.  Your interest here.  Your interest here.

<span class="title">television</span>
Your interest here.  Your interest here.  Your interest here.  Your interest here.  Your interest here.

<span class="title">books</span>
Your interest here.  Your interest here.  Your interest here.  Your interest here.  Your interest here.

<span class="title">heroes</span>
Your interest here.  Your interest here.  Your interest here.  Your interest here.  Your interest here.  
</div>

<div class="details">
<b>Age:</b> Seventeen <br />
<b>Gender:</b> Female <br />
<b>Location:</b> New York, USA <br />
<b>Orientation:</b> Straight <br />
<b>Status:</b> Single <br />
<b>Occupation:</b> Student <br />
<b>Religion:</b> Agnostic 
</div>