Chocolate Chococat

Xanga Layouts / Basic

Designer's Comments

Look carefully for specific instructions

Alignment: middle
Background color: #CD584F
Trim: #CD584F
Search bar:NO
Width: full screen

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

Help

table.footer TD {
/* this makes the footer at the bottom centered */
/* leave it alone unless you know what to do*/
 text-align: center;
 }

a:link, .footernav.link, a.footernav:link, a.footernav:active {
/* edits all links */
 color:#E2AD83;
 font:normal 11px verdana;
 line-height:11px;
 text-decoration: none;
 }

//blogring.document.write
a:visited, a.footernav:visited,  {
/* edits the links that the user has visited */
 color:#E2AD83; 
 font:normal 11px verdana;
 line-height:11px;
 text-decoration: none;
 }

a:hover {
/* edits when user mouseovers the links */
 color: #CD584F;
 font:normal 11px verdana;
 line-height:11px;
 border:1px solid #000000;
 background:#E2AD83;
 cursor: crosshair;
 text-decoration: none;
 }

input, select, textarea, .textfield, .button {
/* this edits the buttons, dropdowns, etc. */
 border: 1px solid #000000;
 font:normal 11px verdana;
 line-height:0px
 background-color: #E2AD83;
 letter-spacing:0px;
 }

table.left { 
/* this edits the menu module */
 border: 1px solid #000000;
 width:160px;
 background-color: #CD584F;
 }

table.blogbody {
/* this edits the other the place where the  blog is */
 border: 0px solid #000000;
 background-color: none;
 width:336px;
 }

table.left th {
/* on your menu module, this edits the title part of it */
/* like BLOGRINGS, POSTING CALENDAR, etc */
 background-image: none(http://url.com/to/the/site/image.gif);
 background-color: #E2AD83;
 font: normal 11px verdana;
 text-transform: uppercase;
 color: #000000;
 border: none;
 }
table.left TD {
/* on your menu module, this edits the body part of it */
 background-image: none(http://url.com/to/the/site/image.gif);
 background-color: #CD584F;
 border: none;
 }

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

Layout Code

Copy and paste to Website Stats

Help

Layout Comments

Showing latest 2 of 2 comments

very cute..

By bosmiles4cheese on May 21, 2005 2:13 pm

O wow...it's pretty nice. Simple but nice

By Sweet_Kiwi1992 on Apr 26, 2005 2:42 pm

Layout Details

Designer	red_monkey_grl
Submitted on	Apr 20, 2005
Page views	11,079
Favorites	30
Comments	2

Chocolate Chococat

Designer's Comments

Using This Layout

Layout Code

Layout Code

Layout Comments

Layout Details

Layout Tags

Layout Tools

Layout Affiliates