Fury

Myspace Layouts / Div Overlay

View preview

Designer's Comments

Look carefully for specific instructions

alright so this is my best layout yet.. in my opinion atleast whatever it turned out amazing and im so happy with the rollovers pleease tell me what you think

Replace XXXXXXXXXXX With your FriendID Before you save!
Dont understand? Click here!

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

<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>.mslogo, .clearfix form, .clearfix a, .clearfix select, .profileinfo, .contacttable, .userprofileurl, .interestsanddetails, .userprofiledetail, .userprofilenetworking, .userprofileschool, .userprofilecompany, .extendednetwork, .latestblogentry, .blurbs td.text, .orangetext15, .friendspace, .friendscomments, table div {display:none!important;}
table table div, .clearfix, .clearfix div {display:block!important;}
table, tr, td, .clearfix {background:none!important;}
.clearfix tr td div {filter:alpha(opacity:0)!important;} 
.bodycontent div {_filter:alpha(opacity:100)!important;}
div[id="topnav"], div[id="shortcuts"] {opacity:0!important;}</style>
<style>
body {
background: url('http://cbimg9.com/layouts/08/11/32628aa.jpg')
}
.content{
background-color:transparent; 
position:absolute;
left: 224px; 
width:413px;
height:451px;
z-index:5;
top:572px;
font-family:trebuchet ms;
font-size:10px;
line-height:20px;
font-weight:normal;
color:ffcd98;
overflow:auto;
}
h1 {
color:da9c5f;
background-color:transparent;
border-top:2px solid;
border-top-color:004103;
border-left-color:0e0e3f;
border-bottom-color:0e0e3f;
font-size:17px;
text-transform:uppercase;
letter-spacing:0px;
font-family:trebuchet ms;
line-height: 15px;
display:block;
}
h1:first-letter {
color:996d42; font-size:24px;
}
h2 {
color:000000;
background-color:transparent;
border-bottom:2px solid;
border-left:2px solid;
border-top:2px solid;
border-color:752f26;
font-size:11px;
text-transform:uppercase;
letter-spacing:0px;
font-family:trebuchet ms;
line-height: 8px;
display:block;
}
h3 {
color:462800;
background-color:transparent;
border-bottom:2px solid;
border-top:2px solid;
border-left:2px solid;
border-color:752f26;
font-size:14px;
text-transform:uppercase;
letter-spacing:0px;
font-family:trebuchet ms;
line-height: 15px;
display:block;
}
.base{
position:absolute;
left:50%; 
width:966px;
height:1057px;
z-index:1;
margin-left:-483px;
top:100px;}
a.nav1, a.nav1:link, a.nav1:visited, a.nav1:active {
display: block;
position: absolute;
font-size: 1px;
background-position: top left;
background-repeat: no-repeat;
text-decoration: none;
border: 0px;
}
a.nav1:hover { background-position: top right; }
a:link, a:active, a:visited {
font-family:trebuchet ms;
font-size:9px;
color:ff6600;
font-weight:normal;
text-decoration:none;
}
a:hover {
font-family:trebuchet ms;
font-size:9px;
color:ff0000;
font-weight:normal;
text-decoration:none;
}
a.navigate:link,a.navigate:active,a.navigate:visited{
padding:0px;
color:000000;
font-size:10px;
background-color:acacac;
display:block;
margin-top:1px;
cursor:cross;
line-height:12px;
border:0px;
text-align:center;
font-weight:normal;
letter-spacing:0px;
font-family:georgia;
border-left: 20px solid;
border-right: 20px solid;
border-color:000c53;
text-decoration:none;
text-transform:none;
text-transform:uppercase;
}
a.navigate:hover{
padding:0px;
color:00b7a8;
font-size:10px;
display:block;
background-color:000000;
margin-top:1px;
cursor:pointer;
text-indent:0px;
line-height:12px;
text-align:center;
font-weight:normal;
letter-spacing:19px;
font-family:georgia;
border-left: 40px double;
border-right: 40px double;
border-color:acacac;
text-decoration:none;
text-transform:uppercase;
}
<style>

Layout Code

Copy and paste to I'd Like to Meet

<div class="base">
<img src="http://i35.tinypic.com/sys41y.jpg" />

<a href="index.cfm?fuseaction=user" class="nav1" style="background-image: url('http://i35.tinypic.com/t648zr.jpg'); 
top: 11px; left:191px; height: 240px; width: 232px; "> </a>

<a href="index.cfm?fuseaction=mail.message&friendID=XXXXXXXX" class="nav1" style="background-image: url('http://i33.tinypic.com/149cm1g.jpg'); 
top: 77px; left:510px; height: 183px; width: 267px; "> </a>

<a href="index.cfm?fuseaction=user.viewProfile_commentForm&friendID=XXXXXXXX" class="nav1" style="background-image: url('http://i38.tinypic.com/1zmyvch.jpg'); 
top: 275px; left:48px; height: 151px; width: 300px; "> </a>

<a href="index.cfm?fuseaction=user.viewAlbums&friendID=XXXXXXXX" class="nav1" style="background-image: url('http://i36.tinypic.com/1z1rz3c.jpg'); 
top: 288px; left:436px; height: 84px; width: 431px; "> </a>

<a href="index.cfm?fuseaction=invite.addfriend_verify&friendID=XXXXXXXX" class="nav1" style="background-image: url('http://i37.tinypic.com/2dgrhmx.jpg'); 
top: 385px; left:527px; height: 53px; width: 145px; "> </a>

<a href="index.cfm?fuseaction=block.blockUser&userID=XXXXXXXX" class="nav1" style="background-image: url('http://i36.tinypic.com/2v8hkbd.jpg'); 
top: 362px; left:398px; height: 131px; width: 121px; "> </a>
<div class="content"><center>

<h1>YOUR NAME HERE</h1>
<h2>Age</h2>
YOUR AGE HERE
<h2>Status</h2>
YOUR STATUS HERE
<h2>Birthday</h2>
YOUR BIRTHDAY HERE
<h3>YOUR TITLE HERE</h3>

Write about yourself here and add a small picture too
Remember to replace ALL the XXXXXXXX with your friendID!!

</div>

Layout Comments

Showing latest 10 of 11 comments

P.S. The background is matched up SO well for this. That's an excellent job. You certainly 'know' what you are doing.

By Butterface89 on Sep 11, 2010 10:52 am

it's great, Alek. The rollovers in this are different: haven't seen any here quite like those. Maybe it's the fonts or the 'way' that you used the rollovers , but it's hot. The fonts used in this are also eye catching and the wood background- the entire thing looks great.

By Butterface89 on Sep 11, 2010 10:51 am

oi! that's godly.

By futura on Mar 21, 2009 3:59 am

Damn, that's nice.

By Mikeplyts on Feb 8, 2009 3:44 am

This is amazing, and I love the rollovers

By dilligrout on Dec 4, 2008 3:50 am

I LOVE THIS!!

By Jenni on Nov 22, 2008 11:27 pm

nice. im using it:]

By rachellombardo on Nov 22, 2008 11:10 pm

Totally misaligned in IE.. But looks nice!

By dosomethin888 on Nov 22, 2008 12:53 am

i like the rollovers. :)

By futura on Nov 22, 2008 12:32 am

Good, it's a cool vectors....

By mikelyts on Nov 22, 2008 12:01 am

View all »

Layout Details

Designer	alek
Submitted on	Nov 20, 2008
Page views	15,254
Favorites	99
Comments	11
Reviewer	micron
Approved on	Nov 21, 2008

Layout Colors

Layout Tags

abstract, colorful, retro, alek, crazy, morph, awesome, div, fire

Layout Tools

Layout Affiliates

Here I Stand Layouts