starbucks and donuts

Designer's Comments

Look carefully for specific instructions

this is a simple layout, featuring a starbucks coffee cup, and a large donut, with several small donuts and mapped links. i think the colors go together quite well, this is my favourite layout that i have done so far :)

This layouts should work properly for all browsers, but i would reccomend IE

its easy to use, simple fill out the fields and replace any X's with your friend ID

these images were drawn by me using photoshop, and coded myself too

all i can say is goodluck, and i hope you like it :)

~Martz

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">
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;}
a.navbar,font,.whitetext12,.btext,.orangetext15,
.redbtext,.redtext,.blacktext12,
.lightbluetext8,strong,.nametext,div b font font,
div font font u,table table table table, table.contacttable{display:none;}
div table form tr td,td.text table,a.text, table div font a,table div div,{visibility:hidden;di-splay:none}
table td table tr td.text table {visibility:visible;}
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;}

.comments{visibility:none;width:0px; height:0px;position:hidden;
top:0px; margin-left:0px;
overflow:none;background-color:transparent;
border:black 0px solid;z-index:0px;}

td.text td.text img {
width: 90px !important;
}

table td table tr td.text table {visibility:visible;}
table td table tr td.text table table, table td table tr td.text table table td.text {visibility:visible;}

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;}

.side a:link, a:active, a:visited
{width:30px;
border: 0px;
font-family:century gothic;
font-size:10px;
text-transform: none;
color:000000;
text-decoration:none;
text-align:left;
height:8px;}
.side a:hover
{width:30px;
border: 0px;
background-color: f34f48;
font-family:century gothic;
font-size:10px;
text-transform: uppercase;
color:000000;
text-decoration:none;
text-align:left;
height:8px;}

body {
background-color: eaf8ef;
background-image:url();
	background-attachment: scroll;
	background-position:bottom left;
	background-repeat:right;
 scrollbar-arrow-color: 579076;
 scrollbar-face-color:d7d1b9;
 scrollbar-3dlight-color: d7d1b9;
 scrollbar-darkshadow-color: d7d1b9;
 scrollbar-shadow-color: d7d1b9;
 scrollbar-highlight-color: d7d1b9;
 scrollbar-track-color: d7d1b9;

table, tr, td {background-color: transparent; border: 0px; padding:2;}
table table {border: 0px;}
table table table table{border: 0px;}

{style for the body, table data, list data, divisions and text areas}
body,table, td, li, p, div, textarea  
{font:normal 10px tahoma; color:000000; font-weight:none; border:0px; text-transform: none; line-height:12px; text-align: justify; letter-spacing: 1px;}}

{basic font}
.text {font:normal 10px tahoma; color:000000; font-weight:none; border:0px; text-transform: none; line-height:12px; text-align: justify; letter-spacing: 1px;}}

{style for the number of comments you have ..}
.redtext{font-family:georgia; font-size:11px; color:CCCCCC; font-weight:none;border:0px; text-transform: uppercase; letter-spacing: 1px;}

{comment title}  
.blacktext10{font-family:georgia; font-size:11px;  color:66CCFF; font-weight:none; border:0px; text-transform: uppercase; background-color: 1A5566;}

{link anchor.}  
a{font-family:century gothic; font-size:9px; color:000000; font-weight:none;border:0px; text-transform: ; letter-spacing: 1px; border: 0px solid;
border-color: 000000;}  
a:link{font-family:century gothic; font-size:9px; letter-spacing: 1px; color:000000; font-weight:none;border:0px; text-transform: ; border: 0px solid;
border-color: 000000;}
a:active{font-family:century gothic; font-size:9px; color:000000; font-weight:none;border:0px; text-transform: uppercase ; letter-spacing: 1px; border: 0px solid;
border-color: 000000;}
a:visited{font-family:century gothic; font-size:10px; color:000000; font-weight:none;border:0px; text-transform: ; letter-spacing: 1px; border: 0px solid;
border-color: 000000;}
a:hover{font-family:century gothic; font-size:9px; color:000000; font-weight:none;border:0px; text-transform: ; letter-spacing: 1px; border: 0px solid;
border-color: 000000;}

.standard b, p b, B, strong {
font-family:century gothic; font-size:11px; color:579076; font-weight:bold; border:0px; text-transform:none; letter-spacing: 1px;}

u, s, .stext, .sbtext, .swtext {
  font-family: century gothic; 
  font-size: 11px;
  color: 579076;
weight:bold;
  text-align: justify;
border-bottom: 1px dashed;}
i, em, .itext  {
  font-family: century gothic; 
  font-size: 9px;
  color: 000000;
  text-align: justify;}

.title {
color:ffffff;
font: 8pt century gothic;
font-weight: bold;
padding: 1px;
letter-spacing: 1px;
border-bottom:3px dashed ffffff;
border-width: 3px;
background-color:transparent ;
background-image: url(''); 
background-repeat:repeat; 
text-align:Right;
text-transform:uppercase;}

.init {
color:363636;
font: 8pt century gothic;
font-weight: bold;
padding: 1px;
letter-spacing: 1px;
border-bottom:3px dashed 383637;
border-width: 3px;
background-color:transparent ;
background-image: url(''); 
background-repeat:repeat; 
text-align:center;
text-transform:uppercase;}

</style>
<style>.r{}</style>

.a {hide top search bar}
div div select, div div form {display:none !important;}

</style>

Layout Code

Copy and paste to I'd Like to Meet

Help

</div>

</center>

</div>

<p class="init">First Header here :)</P>

<b>Bold font</b><br>
<u>Underlined font</u><br>
<i>Italic font</i><br><br><br><br><br><br>

About me here :)<br>
About me here :)<br>
About me here :)<br>
About me here :)<br>
About me here :)<br>
About me here :)<br>
About me here :)<br>
About me here :)<br>
About me here :)<br>
About me here :)<br>
About me here :)<br>
About me here :)<br>
About me here :)<br>
About me here :)<br>
About me here :)<br>
About me here :)<br>
About me here :)<br>
About me here :)<br>
About me here :)<br>
About me here :)<br>

<p>

<p class="init">Header 2</P>

Other stuff here :), please note you can duplicate the headers for more sections :)<br>
Other stuff here :), please note you can duplicate the headers for more sections :)<br>
Other stuff here :), please note you can duplicate the headers for more sections :)<br>
Other stuff here :), please note you can duplicate the headers for more sections :)<br>
Other stuff here :), please note you can duplicate the headers for more sections :)<br>
Other stuff here :), please note you can duplicate the headers for more sections :)<br>
Other stuff here :), please note you can duplicate the headers for more sections :)<br>
Other stuff here :), please note you can duplicate the headers for more sections :)<br>
Other stuff here :), please note you can duplicate the headers for more sections :)<br>
Other stuff here :), please note you can duplicate the headers for more sections :)<br>
Other stuff here :), please note you can duplicate the headers for more sections :)<br>
Other stuff here :), please note you can duplicate the headers for more sections :)<br>
Other stuff here :), please note you can duplicate the headers for more sections :)<br>
Other stuff here :), please note you can duplicate the headers for more sections :)<br>
Other stuff here :), please note you can duplicate the headers for more sections :)<br>
Other stuff here :), please note you can duplicate the headers for more sections :)<br>
Other stuff here :), please note you can duplicate the headers for more sections :)<br>
Other stuff here :), please note you can duplicate the headers for more sections :)<br>
Other stuff here :), please note you can duplicate the headers for more sections :)<br>
Other stuff here :), please note you can duplicate the headers for more sections :)<br>
Other stuff here :), please note you can duplicate the headers for more sections :)<br>
Other stuff here :), please note you can duplicate the headers for more sections :)<br>
Other stuff here :), please note you can duplicate the headers for more sections :)<br>
Other stuff here :), please note you can duplicate the headers for more sections :)<br>

</div>