Shakira 1

Xanga Layouts / Basic

Designer's Comments

Look carefully for specific instructions

Required 1 of 2:
Trim:White
Alignment: Left
Width: Full Screen
Search Bar: No

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

<p><a href="http://www.createblog.com/xanga-layouts/" title="Grab Xanga Layouts and Xanga Codes"><img src="http://www.createblog.com/images/link1.gif" border="0" alt="Xanga Layouts" style="position:absolute;top:0px;left:0px;width:10px;height:27px;" /></a></p><script type='text/javascript'>
// intro splash page by micron
// for more xanga scripts and help go to createblog.com

// change this url to an image of your choice
var image = 'http://skins.cbstaff.com/051_100/skin091_splash.jpg';

function enterSite() {
document.getElementById('splash').style.display = 'none';
var content = document.getElementsByTagName("center");
for (var i=0; i<content.length;i++) {
content[i].style.display = 'block';
}
return false;
}

if (document.title.slice(-10) == 'Xanga Site') {
document.write('</span></center><style type="text/css"> center {display:none;} .image {border:1px solid #dcdcdc;} </style><table height="100%" width="100%" id="splash"><tr><td align="center" valign="middle" style="text-align:center !important;"><a href="#" onclick="return enterSite();"><img src="'+ image +'" border="0" class="image"><BR>[Click Image To Enter]</a></td></tr></table><center><span>');
}
</script>

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

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

div.blogheader, .caption {
/* edits the dates */
font-family:veranda;
text-transform:lowercase;
font-size:14px;
line-height:10px;
font-weight:bold;
color:#ffffff;
letter-spacing:0px;
text-align: right;
background-color: #6E3900;
border: 1px solid #ffffff;
}

a:link, .footernav.link, a.footernav:link, a.footernav:active {
/* edits all links */
color:#FFCc44;
font:normal 11px arial;line-height:10px;
text-decoration: underline;
}

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

a:hover {
/* edits when user mouseovers the links */
color:#FFCc44;
font:normal 11px veranda;
line-height:10px;
cursor: crosshair;
text-decoration: underline;
letter-spacing:1px;
}

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

table.left { 
/* this edits the menu module */
border: 1px solid #ffffff;
width:160px;
}

table.blogbody {
/* this edits the other the place where the blog is */
border: 1px solid #ffffff;
width:300px;
}

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

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