Life should be like Coffee...

Designer's Comments

Look carefully for specific instructions

myspace.com/digitalfragrance | designer's portfolio

This does not hide the myspace ad.

Remember! - Replace the "XXXXXX" with your myspace FRIENDID number. This includes erasing the asterisks! Those are found throughout the layout code (The links, the comment form, your personal information) - make sure you replace all of them! Use the "Find" option in your browser under the "Edit" tab to find them all.

To find your FRIENDID number:
1. Click "View Profile" from your home page.
2. Then copy the numbers on the end of the URL in the address box.
3. TADA! It's your FRIENDID number.

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>.a {hide details section}.userprofiledetail {display:none;}</style>

important; }</style>

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;}
.moduleHead {display:none;}
</style>

a.semi:link,a.semi:active,a.semi:visited{
	padding:0px;
	color:ffffff;
	font-size:14px;
	text-indent:5px;
	font-weight:normal;
	letter-spacing:1px;
        font-family:franklin gothic demi;
	text-decoration:none;
	text-transform:uppercase;
	line-height:14px;
        display:block;
        text-align: left;
	background-color:transparent;
	
	
}
a.semi:hover{
	padding:0px;
	color:93ab00;
	font-size:14px;
        text-align: left;
	text-indent:5px;
	font-weight:normal;
	letter-spacing:1px;
	font-family:franklin gothic demi;
	text-decoration:none;
	text-transform:uppercase;
	line-height:14px;
        display:block;
	background-color:transparent;

}

a.other:link,a.other:active,a.other:visited{
	padding:0px;
	color:93ab00;
	font-size:24px;
	text-indent:5px;
	font-weight:normal;
	letter-spacing:2px;
        font-family:franklin gothic demi;
	text-decoration:none;
	text-transform:uppercase;
	line-height:24px;
        display:block;
        text-align: left;
	background-color:transparent;
	
	
}
a.other:hover{
	padding:0px;
	color:ffffff;
	font-size:24px;
        text-align: left;
	text-indent:5px;
	font-weight:normal;
	letter-spacing:2px;
	font-family:franklin gothic demi;
	text-decoration:none;
	text-transform:uppercase;
	line-height:24px;
        display:block;
	background-color:transparent;

}

</style>

td.text .redlink, td.text td.text span.btext {display:none !important;}

</style>

{display: none !important}
table table td.text table td.text tbody table tbody td table td {display:

none !important;}

.redlink, .orangetext15, .btext {
COLOR: 000000;
FONT-SIZE: 1;
}

.credit{
myspace.com/digitalfragrance
parfume.cbstaff.com
display:none;
}

table table { 
border:0px solid;
border-color:250101;
background-color:transparent; 
width:200px;
padding:1;
} 
table table table table td{width:150; background-color: transparent;}

table table table table{ 
border: 0px solid;
border-color:250101;
width:150px;
background-color:transparent; 
align:right;
padding:1;}

div div table td td font {visibility: hidden;}

p, table, tr, td, th, div{
border: 0px;
border-color:250101;
background:transparent;
FONT: 9px franklin gothic book; COLOR: 000000;
text-transform: uppercase; 
LETTER-SPACING: 0px; TEXT-ALIGN: justify
}

.df {
digitalfragrance.createblog.com/layouts
display:none;}

body {
cursor: normal; align: center;
SCROLLBAR-FACE-COLOR:93ab00; 
SCROLLBAR-ARROW-COLOR:250101; 
SCROLLBAR-TRACK-COLOR:250101;
SCROLLBAR-HIGHLIGHT-COLOR:250101;
SCROLLBAR-SHADOW-COLOR:250101; 
SCROLLBAR-3DLIGHT-COLOR:250101; 
SCROLLBAR-DARKSHADOW-COLOR:250101;
overflow-x:hidden;
background-color: 250101;
background-image: url('http://cbimg9.com/layouts/08/12/32878ab.jpg');
background-repeat: repeat-x;
}
font {background-color: transparent}

}
P {FONT: 13px franklin gothic book; COLOR:000000; LETTER-SPACING: 0px; TEXT-ALIGN: justify; text-transform:

none; 
}
.blacktext10 {FONT: 13px franklin gothic book; COLOR:000000; LETTER-SPACING: 0px; TEXT-ALIGN: justify;

display:block;}

a, a:link,a:active {FONT: 13px Franklin Gothic Demi;
COLOR:250101; 
TEXT-DECORATION: none
Letter-spacing: 1.5px;
text-transform: none;

}

a:visited{FONT: 13px Franklin Gothic Demi; 
COLOR:250101; 
TEXT-DECORATION: none
Letter-spacing: 1.5px;
text-transform: none; 
}
A:hover {FONT: 13px Franklin Gothic Demi; 
COLOR:ffffff; 
TEXT-DECORATION: none
Letter-spacing: 1.5px;
text-transform: none; 
}

li, h1, h2, .redtext, font, .navbar, .lightbluetext8, .blacktext12,  .whitetext12, .orangetext12,

.nametext{FONT: 13px/13px franklin gothic book; COLOR:000000; LETTER-SPACING: 0px; TEXT-ALIGN: justify;}

a:hover.pic img {filter:alpha(opacity=80);}
a.pic img {filter:none;}

.content{
background-color: transparent;
FONT: 13PX franklin gothic book;
COLOR: 000000;
text-transform: none;
line-height:13px;}

b, strong, .btext {
  font: 13px franklin gothic book; 
  font-weight: heavy; 
  color: 000000; 
  text-align: justify;
text-transform: none; 
  }

i, em, .itext  {
  font: 13px franklin gothic book; 
  color: 000000;
  text-align: justify;
text-transform: none; 
  }

u, s, .stext, .sbtext, .swtext {
  font: 13px franklin gothic book;
  color: 000000;
  text-align: justify;
text-transform: none; 
  }

</style>

<div style="pOsItIoN: aBsOlUtE; width: 1500px;height:700px; top:0px; left:0px; background-color:

250101;
background-image: url('http://cbimg9.com/layouts/08/12/32878ab.jpg');
background-repeat: repeat-x;">
                                              
      
         
<img src="http://img509.imageshack.us/img509/1126/backgroundas2.jpg" border="0" />

</div>

<div style="position: aBsOlUtE; left: 442px;  top:262px; 
width:549px; height:309px; overflow-x: hidden; background-color:transparent; text-

align: justify; padding-right: 10px; padding-left: 10px;" class="content">

<b>Name:</b> Coffee Lover <3 
<br>

<b>Status:</b> Married/Single/Engaged 
<br>

<b>Location:</b> Everywhere at once  
<br>

<b>Likes:</b> I love coffee, and I love the atmosphere of cafés! 
<br>

<b>Dislikes:</b> I don't know. What do I dislike? 
<br>
<br>

Do you like images? Then you can place them here instead of this text.  Same goes for videos, music players, other text, widgets.

<b>Want to Request a Layout from digitalfragrance?</b>
Check her <a href="http://midnightsnack.net/request.html">Request Page</a>, fill out the form, and she'll email you back with a quote. :) <i>It is NOT free</i>

</div>
<div style="position: absolute; left: 375px;  top:197px; height:20px; width:510px; background-color:250101; text-align: left;">
<table>
<tr>

<td><a

href="http://collect.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendID=XXXXXXXX" class="navigate">Add</a></td>

<td>
<a

href="http://messaging.myspace.com/index.cfm?fuseaction=mail.message&friendID=XXXXXXXX&MyToken=5d4c07e6-763c-4014-962c-73f728a86e56"

class="navigate">Message</a>  
</td>

<td>
<a

href="http://comment.myspace.com/index.cfm?fuseaction=user.viewProfile_commentForm&friendID=XXXXXXXX&MyToken=53fa8f6b-18ae-4997-9ed0-3c6fd6f71079" class="navigate">COMMENT</a>
</td>

<td>
<a href="http://home.myspace.com/index.cfm?fuseaction=user.viewfriends&friendID=XXXXXXXX&MyToken=0688b345-500b-4cb9-a51d-9bbb563406f1" class="navigate">FRIENDS</a></td>

<td>
<a

href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewPicture&friendID=XXXXXXXX" class="navigate">PHOTOS</a>

</td>

<td style="width: 97px;"><a href="http://vids.myspace.com/index.cfm?

fuseaction=vids.channel&channelid=XXXXXX" class="navigate">VIDEOS</a>

</td>
<td><a href="http://blog.myspace.com/XXXXXX"class="navigate">Blog</a></td>

</tr>
</table>

</div>

<div style="position: absolute; left: 10px;  top:573px; width:250px; background-color:transparent; text

-align: left;">

<a href="http://myspace.com/digitalfragrance"class="navigate">DIGITALFRAGRANCE</a>

</div>

Layout Code

Copy and paste to Heroes

Help

Layout Comments

Showing latest 10 of 19 comments

I love this one! I love the green with the brown and of course I LOVE the coffee:}

By Butterface89 on Sep 19, 2010 3:00 pm

love it but I wish there was more coffee layouts...

By MeRivas on Apr 30, 2009 8:12 pm

complete love. fav'd.

By Harp on Dec 5, 2008 12:41 pm

This is very very nice. I hope you plan on making more of these still being simplicity type of style, but with more features, and sections. This is very nice. You're really talented. I hope you make one of these with rollover navigation replacing the default nav, also for Profile 2.0! :D

By Weathered on Dec 5, 2008 10:11 am