Espresso Yourself

Designer's Comments

Look carefully for specific instructions

This is the first of my NeoSizNet series.

I would like to say thank you to Spikybean for giving me the rights to use her wallpapers.

Warm thanks to xxlilxkevxx for letting me use and study his stylesheet.

Works in IE. The advertisement on Myspace works fine. :)

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

.contacttable,.whitetext12,.nametext,.lightbluetext8,.orangetext15,.blacktext12,.btext,.redtext,.redbtext{display:none;height:0px;!important;visibility:hidden}
.embed, object {width:0px; height:0px;}
td td td td{border:0px;width:0px;text-align:left;}
table,td,tr{background-color:transparent}
td.text table table{display:inline;visibility:visible;}
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;}
table table table table,table table table table td.text, td.text td.text table{display:none;}
table table,table table table table,table,tr,td{height:0px;!important;border:0px;!important}
div form,.mslogo, {display:none!important;}
div.profileWidth {margin-top: -100px !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:100px}
div div select, div div form {display:none !important;}

body{ 
        background:url(http://cbimg9.com/layouts/08/11/32695aa.jpg);	
        background-attachment:scroll;
	background-position:center;
	background-repeat:repeat-y;
        background-color:190f05;
        scrollbar-arrow-color:db4700;
        scrollbar-track-color:36210c;
        scrollbar-shadow-color:190f05;
        scrollbar-face-color:5c2403;
        scrollbar-highlight-color:5c2403;
        scrollbar-darkshadow-color:5c2403;
        scrollbar-3dlight-color:5c2403;
        overflow-x:hidden;
}
.image{
        position: absolute; 
        left: 50%; 
        margin-left: -473px; 
        top: 100px;  
        z-index: 0;
}
.comments{ 
        position: hidden; 
        left: 0%; 
        margin-left: 0px; 
        top: 10px; 
        z-index:0; 
        width: 10px; 
        height: 10px; 
        overflow: hidden;
}
.content{
        position: absolute; 
        left: 50%; 
        margin-left: -200px; 
        top: 430px;
        z-index:5; 
        width: 600px; 
        height: ; 
        overflow: hidden;
}
.navigation{
        position: absolute; 
        left: 50%; 
        margin-left: -430px; 
        top: 435px; 
        z-index:5; 
        width:  150px; 
        height: px ; 
        overflow-x: hidden;
}
body,table, td, li, p, div{
        font:normal 11px verdana; 
        color:d5c1a8; 
        font-weight:none; 
        border:0px; 
        text-transform: none; 
        line-height:12px;
}
textarea{
        background-color:d7d1bb; 
        width: px; 
        height:px; 
        color: d5c1a8; 
        font:11px verdana; 
        text-transform:; 
        border: ;
}
a.navigate:link,a.navigate:active,a.navigate:visited{
	padding:1px;
	color:6ca111;
	font-size:9px;
        background-color:;
	display:block;
	margin-top:1px;
	cursor:cross;
	line-height:20px;
	border:0px;
	text-align:center;
	font-weight:normal;
	letter-spacing:0px;
	font-family:verdana;
        border-left: 0px double;
        border-right: 0px double;
	border-color:323232;
	text-decoration:none;
	text-transform:none;
}
a.navigate:hover{
	padding:1px;
	color:6ca111;
	font-size:9px;
	display:block;
        background-color:;
 background:url(http://cbimg9.com/layouts/08/11/32695ab.jpg);
	margin-top:1px;
	cursor:pointer;
	text-indent:0px;
	line-height:20px;
	text-align:center;
	font-weight:normal;
	letter-spacing:0px;
	font-family:verdana;
	border-left: 0px double;
        border-right: 0px double;
	border-color:0b0b0b;
	text-decoration:none;
	text-transform:uppercase;
}
a{
        font:normal 11px verdana; 
        color:789248; 
        font-weight:none; 
        border:0px; 
        text-transform: none; 
}
a:link{
        font:normal 10px verdana; 
        color:789248; 
        font-weight:none; 
        border:0px; 
        text-transform: uppercase; 
}
a:active{
        font:normal 11px verdana; 
        color:789248; 
        font-weight:none; 
        border:0px; 
        text-transform: uppercase; 
}
a:visited{
        font:normal 11px verdana; 
        color:789248; 
        font-weight:none; 
        border:0px; 
        text-transform: uppercase; 
}
a:hover{
        font:normal 11px verdana; 
        color:789248;
        text-transform: uppercase;
}
a:link, a.man{
        font:normal 11px verdana; 
        color:789248; 
        border:0px; 
        text-transform: none; 
}
b {
  font-family: verdana;
  font-weight: bold;
  font-size: 8pt;
  color: d75100;
}
i {
  font-family: verdana;
  font-size: 7pt;
  font-weight: normal;
  color: d75100;
}
u {
  font-family: verdana;
  font-size: 8pt;
  font-weight: normal;
  border-bottom: 1px double;
  color: d75100;
}
h1 {
  border: 1px double;
  border-color: 42280d;
  background-color: 6e2600;
  font-family: verdana;
  font-weight: bold;
  margin-bottom: 7px;
  color: bf8229;
  line-height: 19px;
  font-size: 8pt;
  letter-spacing: 1px;
  text-align: center;
  align: center;
}
</style>

Layout Code

Copy and paste to I'd Like to Meet

Help

<div class="content">
<br /><br /><br />
<img src="http://cbimg9.com/layouts/08/11/32695ad.jpg" style="float: left; margin: 0px 5px 5px 0px;" />
<b>Name:</b> <br />
<b>Date of birth:</b> <br />
<b>Zodiac:</b> <br />
<b>Love:</b> <br />
<b>Here for:</b> <br />
<b>Status:</b> <br /><br /><br /><br /><br />

Proin vel ante. Nam condimentum volutpat lectus. Morbi consequat, nisi vel tristique aliquam, sapien ipsum varius lectus, vitae ornare dui quam non enim. Morbi tellus nulla, aliquet et, vehicula ut, molestie at, diam. Vivamus porttitor, est a cursus vestibulum, lacus sapien suscipit augue, et pellentesque mauris libero ac est. Quisque tellus arcu, fringilla ac, porta sit amet, ultricies non, augue. Aenean eu nibh. Donec massa dolor, ullamcorper vel, semper vel, condimentum ut, felis. Fusce vel mauris vitae quam congue facilisis. Vestibulum varius dolor et tellus. Suspendisse sodales. Phasellus id odio ac est blandit auctor. Fusce non justo. Proin sed dui. Cras placerat, augue eu tempus ultrices, mi leo tincidunt turpis, vel viverra purus pede ut sapien. Ut rutrum. Donec at lorem eu justo consectetuer auctor. 
<br /><br />

<h1>Header</h1>
Nunc sagittis. Donec massa justo, congue at, laoreet at, viverra vitae, odio. Duis facilisis commodo sapien. Proin mattis nibh aliquam justo. Pellentesque dolor elit, tempor quis, venenatis nec, semper in, ipsum. Sed porttitor. Fusce sapien. Nullam sed nibh. Phasellus sapien erat, vestibulum in, hendrerit eget, molestie et, leo. In massa augue, commodo quis, pellentesque a, malesuada vestibulum, nisl. Donec ipsum purus, tincidunt a, dignissim vitae, consequat vel, quam. Sed ligula purus, aliquam ac, auctor auctor, tincidunt eu, nibh. 
<br /><br />

<h1>Meet my friends</h1><br />
<marquee><img src="http://cbimg9.com/layouts/08/11/32695ad.jpg" />  <img src="http://cbimg9.com/layouts/08/11/32695ad.jpg" />  <img src="http://cbimg9.com/layouts/08/11/32695ad.jpg" />  <img src="http://cbimg9.com/layouts/08/11/32695ad.jpg" />  <img src="http://cbimg9.com/layouts/08/11/32695ad.jpg" />  <img src="http://cbimg9.com/layouts/08/11/32695ad.jpg" />  <img src="http://cbimg9.com/layouts/08/11/32695ad.jpg" />   </marquee><br /><br />

<h1>A few of my favourite things</h1>

Duis quam. Sed ornare magna sit amet diam. Integer porttitor. Nulla tincidunt molestie quam. Maecenas aliquet interdum turpis. Sed id felis. Fusce congue. Vivamus aliquam auctor sapien. Duis dictum, arcu a dictum blandit, massa eros egestas libero, eget pulvinar libero eros non justo. Vestibulum nibh felis, aliquam eu, iaculis in, facilisis ac, arcu. Nunc purus mi, suscipit semper, euismod nec, pulvinar vitae, nisi. Duis mattis aliquet massa. Vivamus elementum. Nunc enim leo, accumsan quis, vestibulum vitae, facilisis sit amet, risus. Integer non tortor. Nullam ut eros. Donec vel tortor. Sed lacinia metus ac dui. Donec porttitor tempus nulla. 
<br /><br /><br />  <br /><br /><br /> </div>

<div class="navigation">
<h1>Navigation</h1>

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

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

<a href="http://friends.myspace.com/index.cfm?fuseaction=user.viewfriends&friendID=XXXXXXXX"class="navigate">View My Friends</a>

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

<a href="http://comments.myspace.com/index.cfm?fuseaction=user.viewComments&friendID=XXXXXXXX"class="navigate">View My Comments</a>

<a href="http://www.myspace.com/index.cfm?fuseaction=block.blockUser&userID=XXXXXXXX" class="navigate">Block me</a>

<h1>My friends</h1>

<a href="http://profile.myspace.com/index.cfm?fuseaction=user.viewprofile&friendid=XXXXXXXXX" class="navigate">My friend</a>

<a href="http://profile.myspace.com/index.cfm?fuseaction=user.viewprofile&friendid=XXXXXXXXX" class="navigate">My frined</a>

<a href="http://profile.myspace.com/index.cfm?fuseaction=user.viewprofile&friendid=
XXXXXXXXX" class="navigate">My friend</a><br />

<h1>Affiliates</h1>

<a href="" class="navigate">Sitename</a>

<a href="" class="navigate">Sitename</a><br />

<h1>Credits</h1>

<a href="http://www.msplinks.com/MDFodHRwOi8vbmVvc2l6Lm5ldA==" class="navigate">NeoSiz.Net</a>

<a href="http://www.msplinks.com/MDFodHRwOi8veHhsaWx4a2V2eHguY3JlYXRlYmxvZy5jb20vbGF5b3V0cy8=" class="navigate">xxlilxkevxx</a>
<a href="http://www.msplinks.com/MDFodHRwOi8va2F0aW5rYS5jcmVhdGVibG9nLmNvbS9sYXlvdXRzLw==" class="navigate">Katinkalayouts</a></div>
<div class="comments">
<table><tr><td><table><tr><td>

Layout Comments

Showing latest 10 of 27 comments

I like this one.

By Butterface89 on Sep 24, 2010 4:44 pm

I absolutely love this! (: I'm running into problems with the text though...I'd like to change the black text to another color...Maybe the yellow or the green color instead. But, I have no idea how to do that! Can somebody help me out here?

By SchuylerAbigail on Mar 21, 2009 11:38 pm

lol, I like this layout. :p

By Mikeplyts on Feb 8, 2009 2:29 pm

I love these rollovers!!! =)

By emmasawr on Dec 7, 2008 3:32 pm

love the colors... it feels so warm!!!

By JMaisonlilhouse on Dec 5, 2008 7:26 pm

I love it but I have a question. On the right side of the lay, I'm trying to add a music video or a slideshow but it won't let me. I view my page and the video doesn't show. Any ideas?

By erikagirl96 on Nov 30, 2008 4:44 am

I like it, good work

By cdextra on Nov 29, 2008 10:41 pm

ever thought makin web-designing a career?
cause your really good.

By HalfBreed on Nov 27, 2008 12:18 am

This is really awesome. It's a shame I don't like using div layouts. This would make a great website template, too.

By CrimsonSkyGraphics on Nov 26, 2008 6:44 pm

Amazing! Love the colors and the graphic.

By thecountrygirl on Nov 26, 2008 11:45 am

View all »

Layout Details

Designer	Katinka
Submitted on	Nov 24, 2008
Page views	13,649
Favorites	139
Comments	27
Reviewer	Relentless
Approved on	Nov 25, 2008

Espresso Yourself

Designer's Comments

Using This Layout

Update Friend ID

Layout Code

Layout Code

Layout Comments

Layout Details

Layout Colors

Layout Tags

Layout Tools

Layout Affiliates