Cute Coffee Mug DIV

Using This Layout

For specific instructions read designer's comments

1. Disable Xanga themes (edit theme -> uncheck make this your active theme -> save)
2. Log into xanga.com (look & feel)
3. Copy (ctrl c) and paste (ctrl v) code to the specified fields

Layout Code

Copy and paste to Header HTML

<div id="blog" style="position: static; margin-left: 105px;  
margin-top: -340px; BORDER-RIGHT: none; 
BORDER-TOP: none; FILTER: alpha(opacity=100); 
overflow-x: hidden; overflow-y: scroll; BORDER-LEFT: none; WIDTH: 310px; BORDER-BOTTOM: none; HEIGHT: 310px;

BACKGROUND-COLOR: color;"><table 
border="0"></div>

table.footer 
{display: none;} 
</style>

.blogbody b, .standard b, p b, strong {
/* bold text */
  font-weight: bold;
  font: bold ;
  letter-spacing: 0px; 
  line-height: 10px;
  color: #fd94d3;
  }

.blogbody u, .standard u, p u {
/* underlined */
  color: #ffffff;
  font: underlined 11px arial;
  letter-spacing: -0px;
  border-bottom: 2px solid #ffffff;
  }

.blogbody i, .standard i, p i, em {
/* italics */
  color: #727272;
  font-style: italic;
  font: normal script 11px;
  }

div.blogheader, .caption {
/* edits the dates */
{display: none;} 
  }

a:link, .footernav.link, a.footernav:link, a.footernav:active {
/* edits all links-layout by Sara from castaspell  */
   font:normal 7px small fonts;
  color:black;
  text-transform:uppercase;}

a:visited, a.footernav:visited,  {
/* edits the links that the user has visited */
  color:#000000; 
   font:normal 7px small fonts;
  text-transform:uppercase;
  }

a:hover {
/* edits when user mouseovers the links-layout by Sara from castaspell  */
   font:normal 7px small fonts;
  text-transform:uppercase;
 color: black;
 border-bottom: 0px solid black;
 background-color: #aa6f46;
  }

input, select, textarea, .textfield, .button {
/* this edits the buttons, dropdowns, etc. */
   background-color: #74e5ff;
   font:normal 7px small fonts;
  text-transform:uppercase;
  color:black;
  border:3px double black;
}
table.blogbody {
/*blogbody.*/
 border: 0px solid #000000;
 width: 300px;
background-color: transparent;
}
table.left TD {
/* on your menu module, this edits the body part of it-layout by Sara from castaspell  */
  background-image: url();
  background-color: transparent;
  border: none;
  color: #000000;
  }

table.search TD, table.search, table.announcements {
/* border of search bar (if you have it) */
  background-color: transparent; 
  }
table.search TD, table.announcements TH {
/* this should be left alone -layout by Sara from castaspell */
/* unless you know what to do */
  border: 1px solid #000000;
  }
table.navigation, table.main, table.footer {
/* the width of your blog with modules */
  width: 300px;
  }
hr {
/* horizontal divider */
{display: none;} 
  }
</style>

Layout Comments

Showing latest 10 of 11 comments

this is cute. :]

By heyybeautifull on Aug 20, 2010 9:47 pm

it`s a little too plain. it lacks something; maybe some more images or more colors?

By monxcheri on Aug 12, 2007 6:06 pm

nevermind. haha [:

By alexabobexa on Jun 9, 2007 3:57 pm

i don't see 'head html' in the edit area. ]:

By alexabobexa on Jun 9, 2007 3:56 pm

I love coffe! it rocks nices.

By ayaka502 on Mar 19, 2007 11:09 pm

it's a litttle plainand the blog place doesnt match on firefox..BUT I LOVE THE COFFEE MUG

By Jinny on Feb 21, 2007 6:41 pm

QUOTE(hixfive @ Jan 21 2007, 9:29 AM) [snapback]2425957[/snapback]this layout is reallyy adorable!but the blog-area is mis-aligned in FFagree, but i love the little mug

By Blaqheartedstar on Feb 9, 2007 3:05 pm

It's really cute. I agree with the first post about the background needing something in it though.

By tokyo-rose on Jan 25, 2007 7:27 pm

it's a little too simple for my taste but it looks good otherwise

By IVIike on Jan 21, 2007 8:43 pm

this layout is reallyy adorable!but the blog-area is mis-aligned in FF

By synthase on Jan 21, 2007 9:29 am

View all »

Layout Details

Designer	iluv2laf573
Submitted on	Jan 20, 2007
Page views	22,777
Favorites	26
Comments	11

Cute Coffee Mug DIV

Using This Layout

Layout Code

Layout Comments

Layout Details

Layout Tags

Layout Tools

Layout Affiliates