Hysteria v2

Myspace Layouts / Div Overlay

Designer's Comments

Look carefully for specific instructions

Brushes by MissM.Paperlilies.com
Replace XXXXXXXX with FriendID.

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>
body table {margin-top:-50000px;}
body td table, body div table {margin-top: -0;}
table, tr, td {background-color:transparent;}
body div table form{display:none;}
body table div form{display:block;}

.nava:link, .nava:visited, .nava:active {
font-family: "Small fonts";
color: 0099ff;
font-size: 7px;
line-height: 12px;
font-weight: lighter;
display: inline;
text-transform: uppercase;
text-align: left;
cursor: crosshair;
text-decoration: none;
letter-spacing: 0px;
border-left: 0px solid;
border-color: 000000;
}

.nava:hover {
color:000000;
text-decoration:none;
letter-spacing:0px;
border-left: 0px solid;
border-color: FFFFFF;}

a:active, a:link, a:visited {
Font: Normal 10px arial;
Color: FFFFFF;
}

a:hover {
Color: 0099ff;
Text-Decoration: None;
Cursor: Crosshair; 
}

.content1 {
background: transparent;
border: 0px;
width: 205px;
height: 125px;
position: absolute;
overflow: auto;
top: 270px;
left: 50%;
margin-left: -150px;
scrollbar-face-color: 647A19;
scrollbar-arrow-color: 666666;
scrollbar-track-color: 647A19;
scrollbar-shadow-color: 647A19;
scrollbar-highlight-color: 647A19;
scrollbar-3dlight-color: 647A19;
scrollbar-darkshadow-color: 647A19;
filter: chroma(color=647A19); 
font: 10px arial;
line-height: 10px; 
color: 5a5a5a;
}

.content2 {
background: transparent;
border: 0px;
width: 165px;
height: 125px;
position: absolute;
overflow: auto;
top: 270px;
left: 50%;
margin-left: -20px;
scrollbar-face-color: 647A19;
scrollbar-arrow-color: 666666;
scrollbar-track-color: 647A19;
scrollbar-shadow-color: 647A19;
scrollbar-highlight-color: 647A19;
scrollbar-3dlight-color: 647A19;
scrollbar-darkshadow-color: 647A19;
filter: chroma(color=647A19); 
font: 10px arial;
color: 5a5a5a;
}

.content3 {
Top: 231.5px;
Left: 50%;
Margin-left: -45px;
Position: absolute;
Overflow: auto;
Height: 100px;
Width: 200px;
}

.name {
Top: 400px;
Left: 50%;
Margin-Left: -35px;
Position: Absolute;
Overflow: None;
Height: 40px;
Width: 190px;
Font: Normal 30px century gothic;
Color: 1a1a1a;
}

h2 {
font: Normal 30px Georgia;
color: 0099FF;
line-height: 30px;
display: inline;
border-bottom: 0px solid black;
text-transform: lowercase;
padding-top: 0px;
text-align: left;
letter-spacing: -1px;
}

BODY {
background-color:FFFFFF;
background-image:url('http://cbimg9.com/layouts/08/10/32309ab.png');
background-attachment:scroll;
background-position:top-left:
background-repeat:repeat;
cursor:crosshair;}

b, strong {
Font-family: "Arial Narrow";
Color: 5a5a5a; 
Font-weight: Normal;
Text-transform: uppercase;
font-size: 9px;
text-decoration:underline;
}

div div, div td {background-color:transparent; background-image:none!important;}
div.profileWidth {margin-top: -30px !important;} div.profileWidth div {filter:alpha(opacity=0); opacity:0.0001}div.profileWidth div.clearfix, i i i, div.profileWidth div div {filter:none; opacity:0.9999}div.profileWidth div.clearfix {position:relative; top:30px}
div div select, div div form {display:none !important;}
</style>

Layout Code

Copy and paste to I'd Like to Meet

Help

<div class="content1">
<h2>Detail</h2><br />
<b>Name:</b> Matthew.
<br /><b>Age:</b> Sixteen.
<br /><b>Status:</b> Single.
<br /><b>Religion:</b> Agnostic.
<br /><b>Occupation:</b> Student.
<br /><b>Obsession:</b> Music.
<br /><b>Passion:</b> Photography.
</div>

<div class="content2">
<h2>About me</h2><br>

<b>Bold</b> <i>Italic</i> <u>Underlined</u> <a href="'">Link</a> <br><br>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Mauris facilisis, sem hendrerit consectetuer sodales, dui magna tristique erat, sed adipiscing arcu velit vitae metus. Phasellus ullamcorper purus at dolor. Duis nec ligula. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Proin turpis urna, egestas id, bibendum eget, consectetuer eu, lacus. Aliquam ac velit vel nisl iaculis euismod. Praesent lobortis orci in est. Fusce dapibus felis sit amet pede. Cras vulputate, justo et laoreet malesuada, ante mi posuere enim, ut suscipit turpis lectus a urna. Maecenas massa. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. <br><br>

Nam auctor turpis eget purus. Vestibulum et pede ut libero lacinia egestas. Aliquam semper rhoncus augue. Nullam et nisi. Integer sit amet elit nec nisi varius fringilla. Maecenas vel justo id erat pulvinar congue. Maecenas dapibus luctus nunc. Etiam tristique. Etiam massa. Etiam pede dui, consequat at, tincidunt ac, adipiscing quis, augue. Integer sit amet nunc quis nisl sollicitudin aliquet. Ut dolor odio, fringilla nec, adipiscing nec, tincidunt id, lectus. Aenean pharetra molestie justo. Integer dolor erat, mattis eu, congue ac, adipiscing sed, diam. Fusce in libero eget nulla molestie auctor. Sed eleifend, justo et aliquam scelerisque, risus justo convallis metus, ac consectetuer sapien quam ut augue. Morbi dui mi, pulvinar auctor, rhoncus in, blandit faucibus, metus. Duis lobortis. Fusce ullamcorper dictum nulla. <br><br>

Integer est. Phasellus mollis viverra massa. Vestibulum venenatis, quam at euismod porta, nisl nunc scelerisque turpis, quis commodo metus velit iaculis augue. Etiam leo. Nunc suscipit. Nunc sed nisl. Maecenas sed sapien. Praesent malesuada lorem a pede dictum mattis. Morbi sed ante. Fusce feugiat accumsan justo. Proin et urna. Integer pede mi, fringilla quis, accumsan non, pulvinar vitae, neque. Praesent accumsan lacinia purus. Pellentesque euismod, dolor quis ultrices tincidunt, metus lorem elementum tellus, non iaculis leo metus et libero. Quisque libero nibh, tincidunt sit amet, vestibulum nec, aliquam vel, diam. Vivamus in urna a neque aliquam scelerisque. Nunc posuere diam.
</div>

</div>

<a href="http://messaging.myspace.com/index.cfm?fuseaction=mail.message&friendID=XXXXXXXX" class="nava">Message</a>

<a href="http://comment.myspace.com/index.cfm?fuseaction=user.viewProfile_commentForm&friendID=XXXXXXXX" class="nava">Comment</a>

<a href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewAlbums&friendID=XXXXXXXX" class="nava">Pictures</a>

<a href="http://friends.myspace.com/index.cfm?fuseaction=block.blockUser&userID=XXXXXXXX" class="nava">Block</a>
</div>