Eisley: Coffee

Myspace Layouts / Div Overlay

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">
.redbtext,.redtext{font: Arial; color:white}
.orangetext15, .nametext, div b font font, div font font u, table table table table, table.contacttable {display:none; visibility:hidden;}
.navigationbar {display:none;}
.backtrack{position: absolute; width:740px; height: 1216px; top:0px; left: 50%; margin-left: -400px; background-color: transparent; z-index: 0; display:inline;visibility:visible;}

.section1{position: absolute; width: 238px; height:  199px; top: 485px; left: 50%;  margin-left: -231px; background-color: none;  overflow:auto; z-index: 3; display:inline;visibility:visible;}

.section2{position: absolute; width: 200px; height:  333px; top: 502px; left: 50%;  margin-left: 79px; background-color: none;  overflow:auto; z-index: 3; display:inline;visibility:visible;}

.mycomments{visibility:visible;width:291px; height:232px;position:absolute;
top:923px; left:50%; margin-left:-26px; 
overflow:auto;background-color:transparent;
border:black 0px solid;z-index:9; display:inline;visibility:visible;}

.addcom {position: absolute; width:154px; height:145px;
top: 797px; left: 50%;  margin-left: -259px; background-color: NONE; border: none; overflow:auto; z-index: 3; display:inline;visibility:visible;}

.navigation{position: absolute; width:62px; height:182px;
top: 435px; left: 50%;  margin-left: -349px; background-color: NONE; border: none; overflow:auto; z-index: 3; display:inline;visibility:visible;}

a.nav1 {display:block; background-position:top right;
height:20px; width:60px;
background-image:url(http://cbimg6.com/layouts/07/10/28/22717aa.gif);}
a.nav1:hover {background-position: bottom right;}

a.nav2 {display:block; background-position:top right;
height:20px; width:60px;
background-image:url(http://cbimg6.com/layouts/07/10/28/22717ab.gif);}
a.nav2:hover {background-position: bottom right;}

a.nav3 {display:block; background-position:top right;
height:20px; width:60px;
background-image:url(http://cbimg6.com/layouts/07/10/28/22717ac.gif);}
a.nav3:hover {background-position: bottom right;}

a.nav4 {display:block; background-position:top right;
height:20px; width:60px;
background-image:url(http://cbimg6.com/layouts/07/10/28/22717ad.gif);}
a.nav4:hover {background-position: bottom right;}

a.nav5 {display:block; background-position:top right;
height:20px; width:60px;
background-image:url(http://cbimg6.com/layouts/07/10/28/22717ae.gif);}
a.nav5:hover {background-position: bottom right;}

a.nav6 {display:block; background-position:top right;
height:20px; width:60px;
background-image:url(http://cbimg6.com/layouts/07/10/28/22717af.gif);}
a.nav6:hover {background-position: bottom right;}

a.nav7 {display:block; background-position:top right;
height:20px; width:60px;
background-image:url(http://cbimg6.com/layouts/07/10/28/22717ag.gif);}
a.nav7:hover {background-position: bottom right;}

a.nav8 {display:block; background-position:top right;
height:20px; width:60px;
background-image:url(http://cbimg6.com/layouts/07/10/28/22717ah.gif);}
a.nav8:hover {background-position: bottom right;}

a.nav9 {display:block; background-position:top right;
height:20px; width:60px;
background-image:url(http://cbimg6.com/layouts/07/10/28/22717ai.gif);}
a.nav9:hover {background-position: bottom right;}

body div table td form option{display:none!important;}
body div table td form select{display:none!important;}
body div table td form input{display:none!important;}
body div table td form img{display:none!important;}

div div select, div div form {display:none !important;}
select { visibility:hidden!important; WIDTH:0px!important;}

redtext{color:#FFFFFF}
div b font font, div font font u, .whitetext12 {display:none;}
body {background-color:000000; background-image: url(http://cbimg6.com/layouts/07/10/28/22717aj.jpg); background-position: top center; background-repeat:nonee}

table, tr, td {background-color: transparent; border: 0px}
Table, Td{ background-color:transparent; }
body, div, p, strong, td, .text, .blacktext10, .blacktext12, a.searchlinkSmall, a.searchlinkSmall:link, 
a.searchlinkSmall:visited {color:ffffff; font-weight:normal; font-style:normal;} 
a, a:link, a:visited, a.navbar, a.navbar:link, a.navbar:visited, a.man, a.man:link, a.man:visited, a.redlink, a.redlink:visited{ color:ffffff; font-weight:normal; text-decoration:underline ; font-style:normal;} 
a:hover, a:active, a.navbar:hover, a.navbar:active, a.man:hover, a.man:active, a.searchlinkSmall:hover,
a.searchlinkSmall:active, a.redlink:hover, a.redlink:hover{ color:ffffff; font-weight:normal; font-style:normal; } 
table, td, div, p {background: transparent;}
a.searchlinkSmall:link, a.searchlinkSmall:visited, a.searchlinkSmall:active, a.searchlinkSmall:hover, a.navbar:link, a.navbar:visited, a.navbar:active, a.navbar:hover{color: 8C0000;font-size: 2px;}
div table form tr td, a.navbar, font{visibility:hidden!important; height:0px!important;}

td.text td.text table table table,
td.text td.text table br,
td.text td.text table .orangetext15,
td.text td.text .redlink,
td.text td.text span.btext
{display:none;}
td.text td.text table {background-color:transparent;}
td.text td.text table td, td.text td.text table {height:0;padding:0;border:0;}
td.text td.text table table td {padding:3;}
td.text td.text table table br {display:inline;}
td.text td.text table td {font-size:0pt;}
td.text td.text {height:0;}
td.text td.text table b, td.text td.text table table td {font-size:8pt;}

table table,table table table table,table table{background-color:transparent;width:;border:0px;} 
div,table,tr,td,th{background-color:transparent;text-align:left;border:0px;}

div table form tr td, a.text, table div div,{visibility:hidden; display:none}
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;}
td.text table table {display:inline; visibility:visible;}
embed{position:absolute;top:0px;left:0px;display:block;width:0px; height:0;}

</style>

Layout Code

Copy and paste to I'd Like to Meet

Help

<div class="addcom"><center><form method="post" action="http://comments.myspace.com/index.cfm?fuseaction=user.ConfirmComment"><input name="friendID" value="XXXXXXXX" type="hidden">
<textarea name="f_comments" wrap=virtual cols="1" rows="1"  style="background-color: transparent; color:FFFFFF; font-family: Arial; font-size: 12px; border: none;  width:154px!important; height:100px!important;"

style="overflow:auto;">comment here please</textarea><input type="image" src="http://img90.imageshack.us/img90/6931/submitzr4.jpg"/>
</form></center></div>

<div class="section1">Voilà! In view, a humble vaudevillian veteran, cast vicariously as both victim and 
villain by the vicissitudes of Fate. This visage, no mere veneer of vanity, is it vestige of the vox populi, 
now vacant, vanished. However, this valorous visitation of a by-gone vexation, stands vivified, and has vowed 
to vanquish these venal and virulent vermin vanguarding vice and vouchsafing the violently vicious and 
voracious violation of volition. The only verdict is vengeance; a vendetta, held as a votive, not in vain, for 
the value and veracity of such shall one day vindicate the vigilant and the virtuous. Verily, this vichyssoise 
of verbiage veers most verbose so let me simply add that it’s my very good honor to meet you and you may call 
me V</div>

<div class="section2">..Fill this with info about yourself because I have to to illustrate my point. I really 
don't care about the spelling of this section if you haven;t noticed. Fill this with your interestes such as 
bowling, stamp collecting, underwater basket weaving. Wow, you're a nerd. and now I'll leave because I think 
I've fleshed this out enough. If this keeps going I'm going to have to start quoting Latin or Sherlock Holmes </div>

</center>
</div>

Layout Comments

Showing latest 10 of 15 comments

oh wow this is nice.

By KrisErik on Nov 11, 2007 4:31 pm

Eisley is amazing. I love the font used, and the colors and well.. most everything. Only thing that irks me is the placement of the content.. its kind of awkward... idk how to explain it.
But its still a good layout.

By arcanum on Nov 3, 2007 1:12 am