what's the buzz

Xanga Layouts / Basic

Designer's Comments

Look carefully for specific instructions

image credits to www.threadless.com. frickin' awesome.

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

scrollbar-arrow-color: #C4EE00;
scrollbar-track-color: #201414;
scrollbar-shadow-color: #C4EE00;
scrollbar-face-color: #201414;
scrollbar-highlight-color: #c4ee00;
scrollbar-darkshadow-color: #c4ee00;
scrollbar-3dlight-color: #c4ee00;}

/* edits the date */
div.blogheader, .caption 
{background-image: url();
background-repeat:no-repeat;
background-position:center;
font-family: arial;
text-transform:none;
font-size:#11px;
line-height:#10px;
font-weight:bold;
color:#201414;
letter-spacing:0px;
background-color: transparent;
text-align:left;
border:0px solid #DFDCDC;}

.blogbody b, .standard b, p b, strong, u {
/* edits bolded text in your entry */
font-weight: normal;
color: #c4ee00;
font-family: arial;
font-size: 9pt;}

input, select, textarea, iframe.htmleditor, .textfield, .button {
/* this edits the buttons, dropdowns, etc. */
border: 1px solid #201414;
font:normal 11px arial;
background-color: #c4ee00;
font-color:#201414;}

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

table.left th {
/* on your menu module, this edits the title part of it */
/* like BLOGRINGS, POSTING CALENDAR, etc */
background-image: none;
background-color:none;
color: #201414;
font: bold 9pt arial;
text-transform: none;
text-align:center;
border: #FEF5F5 0px solid;}

table.left { 
/* this edits the menu module */
width:180px;
color:201414;
background-color:transparent CODE;
BORDER: #201414 0px solid;}

font,td,p,xmp
{color:#201414;
font-face: arial;
font-weight:normal;
font-size:9pt;
text-align:left;}
table.navigation, table.footer { display:none; }

table.blogbody tr td { 
/* this edits the left margin of blog */ 
width:0px; 
padding-left: 0px;}

table.blogbody {
/* this edits the other the place where the  blog is */
background-color:transparent;
family-font: arial;
BORDER: #201414 0px solid;
width:325px;} /* <-- The width for this should be around 5-15 pixels less then the width for your blog's div layer. */

a:link
{line-height: 9pt; 
font-family: arial;
font-weight:normal; 
color:201414; 
text-transform:none;
font-size:9pt; 
cursor:crosshair;}

a:active
{font-family: arial; 
color:#201414; 
text-transform:none;
font-size:9pt; 
cursor:crosshair;}

a:visited
{font-family: arial; 
color:#201414; 
text-transform:none;
text-decoration:none;
font-size:9pt;
cursor: crosshair;}

A:hover {font-family:arial;
color:#c4ee00;
text-transform: normal; 
cursor: crosshair; 
font-weight:normal;
font-size:9pt;
border-top: 1px solid c4ee00;}
table.footer, table.footernav {display: none;};
.mainleft {display:none;}
</style>

Layout Comments

Showing latest 2 of 2 comments

This is all right. Perhaps the navigation should be centered above the monster's head though.

By tokyo-rose on Jan 30, 2007 8:59 am

I was wondering if you'd be able to tell me how to make it so your blog only comes up in the little box. I understand it has something to do with an image map, but I don't know how to do one of those. Could you either explain or point me in the di

By Panache_Artistry on Jan 30, 2007 2:19 am

Layout Details

Designer	juliar
Submitted on	Mar 14, 2006
Page views	39,332
Favorites	52
Comments	2

what's the buzz

Designer's Comments

Using This Layout

Layout Code

Layout Comments

Layout Details

Layout Tags

Layout Tools

Layout Affiliates