+::Creativity

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

.left, .blogbody, table.footer, .standard, .leftmodulefontcolor, td, p {
/* edits main text */
font:normal 10px tahoma;
line-height:9px;
color:ffffff;
letter-spacing:0px;
text-align:justify;
}

p.nav {
/* edits the menu modules */
width:170px;
background-color:#B4D03F;
font-family:tahoma;
text-transform:capitalize;
font-size:12px;
line-height:18px;
font-weight:bold;
border: 0px solid #ffffff;
color:#ffffff;
letter-spacing:0px;
text-align: center;
}
 table.navigation, table.footer
div.blogheader, .caption {
/* edits the dates */
background-color:#EC1A85;
font-family:tahoma;
text-transform:lowercase;
font-size:13px;
line-height:18px;
font-weight:bolder;
border: 0px solid #ffffff;
border-width: 1px 1px 0px 1px;
color:#ffffff;
letter-spacing:0px;
text-align: right;
}

table.blogbody {
/* this edits the other the place where the  blog is */
background: transarent;
width:400px;
border: 0px solid #ffffff;
}
table.navigation, table.main, table.footer {
/* the width of your blog with modules */
 width: 390px;
 }
a:link, .footernav.link, a.footernav:link, a.footernav:active {
/* edits all links */
color:#ffffff;
font:bold 10px tahoma;
line-height:11px;
text-decoration: none;
}

a:visited, a.footernav:visited,  {
/* edits the links that the user has visited */
color:#ffffff; 
font:bold 10px tahoma;
line-height:11px;
text-decoration: none;
}

a:hover {
/* edits when user mouseovers the links */
color:#88A026;
font:bold 10px tahoma;
line-height:11px;
cursor:help;
text-decoration: line-through;
}

input, select, textarea, iframe.htmleditor, .textfield, .button {
/* this edits the buttons, dropdowns, etc. */
border: 0px solid #315390;
font:normal 10px tahoma;
background-color: #859F1D;
color:#ADCD2D;
letter-spacing:0px;
}

hr {
/* horizontal divider */
border: 1px solid #315390;
}
table.search TD, table.search, table.announcements {
/* border of search bar (if you have it) */
background-color: none; 
border: 0px solid #315390;
}
table.search TD, table.announcements TH {
/* this should be left alone */
/* unless you know what to do */
  border: 0px solid #315390;
  }
table.blogbody tr td {
/* this edits the left margin of blog */
  width:0px;
  padding: 2px;
  }
table.blogbody div.smalltext{
/* this edits the blog entry footer */
  text-align: right;
  padding-bottom: 7px;
}

b, strong {color: #88401C; font-weight:bold;}
</style>

Layout Code

Copy and paste to Website Stats

Help

Layout Comments

Showing latest 1 of 1 comments

the banner looks small compared to the whole layout. is there any way u can make it bigger so it looks proportioned to the rest of the layout?

By Aznqtq on May 13, 2005 11:18 pm

Layout Details

Designer	lilboriqua2006
Submitted on	Apr 22, 2005
Page views	12,635
Favorites	19
Comments	1

+::Creativity

Using This Layout

Layout Code

Layout Code

Layout Comments

Layout Details

Layout Tags

Layout Tools

Layout Affiliates