Electricblue

Myspace Layouts / Div Overlay

Designer's Comments

Look carefully for specific instructions

DO FRIEND ID FIRST!
Replace XXXXXXX with Friend ID.

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;}
.navigationbar {display:none;}

.a {hide top search and shortcuts bar}
div table div form {display:none !important}
.bodyContent div td div div select {margin-top:-1000px;}
.bodyContent div div select {width:0px !important;}
.bodyContent table table div form {display:inline !important;}

body {
background-color:black;
background-image:url();
cursor:crosshair;
.mygen { Miscellaneous Properties }
a:hover { cursor:crosshair;}
background-repeat:repeat;
background-attachment:scroll;
background-position:top left;
scrollbar-face-color:000000;
scrollbar-track-color:0099ff;
scrollbar-arrow-color:0099ff;
scrollbar-highlight-color:000000;
scrollbar-3dlight-color:000000;
scrollbar-shadow-color:000000;
scrollbar-darkshadow-color:000000;

}

.about {
background-color:000000;
border:2px solid;
border-color:0099ff;
width:464px;
height:290px;
position:absolute;
overflow:auto;
top:140px;
left:470px;
font-family:arial;
color:00ccff;
font-size:11px;
line-height:11px;
text-decoration:none;
font-weight:normal;
letter-spacing:;
}

table div td form {display:inline;}

td.text td a img {width:auto !important;}
table table table table table,
table table table table table td {
width:0px !important; padding:0px !important;}
td.text a img {width:90px !important;}
td.text td.text a img {width:50px !important;}
td td td div strong {width:150px !important; display:block;}
table div {display:none;}
table table div {display:block;}

h1 {
font-family:tahoma;
font-size:25px;
text-transform:uppercase;
letter-spacing:-2px;
background-color:0099ff;
line-height:18px;
color:black;
font-weight:normal;
border:0px;
text-align:right;
display:block;
}

h2 {
font-family:tahoma;
font-size:25px;
text-transform:;
letter-spacing:-2px;
line-height:18px;
background-color:0099ff;
color:black;
font-weight:normal;
border:0px;
text-align:left;
display:block;
}

h3 {
font-family:tahoma;
font-size:18px;
text-transform:;
letter-spacing:-2px;
line-height:18px;
background-color:transparent;
color:006666;
font-weight:normal;
border:0px;
text-align:center;

}

.layout { 
height:450px;
width:450px;
top:130px;
left:0px;
position:absolute;
overflow:auto;
}

.Nav { 
width:650px;
height:70px;
position:absolute;
overflow:auto;
top:500px;
left:200px;
}

}

</style>

</div>

<div class="about">
<h1>About me</h1>

<h3>Name/Age/Location/Height/Weight/Whatever.</h3>

Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah
 
Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah

<br><br>
<h2>Comment</h2>
<form method="post" action="http://comments.myspace.com/index.cfm?fuseaction=user.ConfirmComment"><input name="friendID" value="ENTER YOUR FRIEND ID" type="hidden"><textarea name="f_comments" class="asdfbox">So let's give it up for the new year.</textarea> <input type="submit" value="*Clicky*" class="asdfsub"></form>
<style type="text/css">  
textarea.asdfbox{overflow:hidden; color:ffffff; font-family:century gothic; font-size:9px; line-height:10px; letter-spacing:1px; font-weight:normal; text-transform:lowercase; text-align:center; height:15px; width:200px; border-color:0099ff; border-style:solid; border-width:1px; background-color:000000;}
input.asdfsub{ color:ffffff; font-size:9px; font-family:century gothic; background-color:000000; text-transform:lowercase; height:15px; width:50px; border-color:0099ff; border-width:1px; border-style:solid;   letter-spacing:1px; line-height:9px; text-align:center;}
</style></div>

</div>

Layout Code

Copy and paste to I'd Like to Meet

Help

</div>

<div class="about">
<h1>About me</h1>

<h3>Name/Age/Location/Height/Weight/Whatever.</h3>

Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah
 
Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah

<br><br>
<h2>Comment</h2>
<form method="post" action="http://comments.myspace.com/index.cfm?fuseaction=user.ConfirmComment"><input name="friendID" value="XXXXXXXX" type="hidden"><textarea name="f_comments" class="asdfbox">So let's give it up for the new year.</textarea> <input type="submit" value="*Clicky*" class="asdfsub"></form>
<style type="text/css">  
textarea.asdfbox{overflow:hidden; color:ffffff; font-family:century gothic; font-size:9px; line-height:10px; letter-spacing:1px; font-weight:normal; text-transform:lowercase; text-align:center; height:15px; width:200px; border-color:0099ff; border-style:solid; border-width:1px; background-color:000000;}
input.asdfsub{ color:ffffff; font-size:9px; font-family:century gothic; background-color:000000; text-transform:lowercase; height:15px; width:50px; border-color:0099ff; border-width:1px; border-style:solid;   letter-spacing:1px; line-height:9px; text-align:center;}
</style></div>

</div>

Layout Comments

Showing latest 10 of 11 comments

Very cool. :)

By ZeroGrafics on Mar 11, 2009 11:34 am

Love the layout. The only problem I've had so far is that the pictures link says disabled when I click on it...I must be doing something wrong.

By Zoomrolling on Jun 18, 2008 9:55 pm

i got everything except for the pictures and add links to work
a little help?

By LethalxTreat on Mar 1, 2008 3:44 pm

you should do this in pink. like a hot pink. that would look good

By electroRIOT on Jan 30, 2008 2:00 pm

woah.... i love this look

By wolfreak_99 on Jan 18, 2008 5:54 pm

the music player doesnt work, could you possibly give me the code you used to hide it?

By Tramatize on Jan 11, 2008 4:52 pm

If you're refering to the dark cyan (006666) in the 3rd header that's simply because I'm having an obsession with that kind of colour.

If to any other layouts I've made, message me.

By Decode on Jan 3, 2008 6:10 pm

I like this, but your choice of colors when it comes to matching...don't really mesh well.

By seduceherwrath on Jan 3, 2008 10:13 am

i love the image. the content seems too plain. the colors you used are very...interesting. try different font for the navigation. and just try to make everything fit the theme

By twodreamlovers on Jan 2, 2008 3:58 pm

Very unusual, try changing the colour of your text outer glow to white - it'll fit in with the design more.

By S-Majere on Jan 2, 2008 3:44 pm

View all »

Layout Details

Designer	Decode
Submitted on	Jan 2, 2008
Page views	28,508
Favorites	151
Comments	11
Reviewer	freeflow
Approved on	Jan 2, 2008

Electricblue

Designer's Comments

Using This Layout

Update Friend ID

Layout Code

Layout Code

Layout Comments

Layout Details

Layout Tags

Layout Tools

Layout Affiliates