Transition

Xanga Layouts / Basic

Designer's Comments

Look carefully for specific instructions

Alignment: middle
Width: full
Replace USERNAME with xanga name

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

body {
 background: #40383F;
 scrollbar-arrow-color:#FFFFFF;
 scrollbar-track-color:#40383F;
 scrollbar-shadow-color:#40383F;
 scrollbar-face-color:#40383F;
 scrollbar-highlight-color:#DFE9E9;
 scrollbar-darkshadow-color:#000000;
 scrollbar-3dlight-color:#40383F;
 }

.left, .blogbody, table.footer, .standard, .leftmodulefontcolor, td, p {
/* edits main text */
 font: normal 11px terminal;
 color: #DFE9E9;
 letter-spacing:0px;
 text-align:justify;
 text-transform: uppercase;
}

div.blogheader, .caption {
/* edits the dates */
 width: 495px;
 font-family: Terminal;
 font-weight: normal;
 font-size: 12px;
 line-height: 12px;
 color: #DFE9E9;
 border: solid #DFE9E9;
 border-width: 1px, 0px, 1px, 0px;
 letter-spacing: 2px;
 text-align: center;
 text-transform: uppercase;
 padding-top: 4px;
 margin-left: -12px;
 }
 
table.blogbody {
/* this edits the other place where the blog is */
font-family: Terminal;
 font-weight: normal;
 font-size: 11px;
 line-height: 11px;
 color: #FFFFFF;
 letter-spacing: 0px;
 text-align: justify;
 text-transform: uppercase;
 margin-left: -10px;
 background: none;
 width: 495px;
 border: 0px solid #DFE9E9;
 }

a:link, .footernav.link, a.footernav:link, a.footernav:active {
/* edits all links */
 font-family: Terminal;
 font-weight:normal;
 font-size: 11px;
 line-height: 11px;
 color: #DFE9E9;
 text-decoration: none;
 text-transform: uppercase;
 }

a:visited, a.footernav:visited {
/* edits the links that the user had visited */
 font-family: Terminal;
 font-weight:normal;
 font-size: 11px;
 line-height: 11px;
 color: #DFE9E9;
 text-decoration: none;
 text-transform: uppercase;
 }

a:hover {
/* edits when mouseover the links */
 font-family: Terminal;
 font-weight:normal;
 font-size: 11px;
 line-height: 11px;
 color: #7F6750;
 text-decoration: none;
 text-transform: uppercase;
 }

input, select, textarea, iframe.htmleditor, textfield, .button {
/* this edits the buttons, dropdown, etc. */
 font-family: Terminal;
 font-weight:normal;
 font-size: 11px;
 line-height: 11px;
 color: #40383F;
 border: 1px solid #FFFFFF;
 text-transform: uppercase;
 padding-top: 3px;
 }

.#rblEprops{display:none;}
#pnlEnabled table, #htmleditor, #lblTimeZone, #pnlEprops, #rblEprops 
/* width of the comment page I suggest making it the same width as the blogbody*/ {
 width: 470px;
 }
hr {
/* horizontal divider */
 border: 2px solid #FFFFFF;
 width: 470px;
}
table.search TD, table.search, table.announcements {
/* border of search bar (if you have it) */
 background-color: none; 
 border: 0px solid #FFFFFF;
 width: 470px;
}
table.search TD, table.announcements TH {
/* this should be left alone */
/* unless you know what to do */
 border: 0px solid #FFFFFF;
 width: 470px;
 }
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, i, u, s {
/* edit colors when bold italic underline */
 font-family: Terminal;
 font-size: 11px;
 color: #7F6750;
 font-weight: bold; 
 }
</style>

Layout Comments

No comments yet. Be the first one to comment!

Layout Details

Designer	moorepocket
Submitted on	Apr 22, 2005
Page views	4,162
Favorites	5
Comments	0

Transition

Designer's Comments

Using This Layout

Layout Code

Layout Comments

Layout Details

Layout Tags

Layout Tools

Layout Affiliates