Version Blue

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

<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/001_050/skin013_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"></a></td></tr></table><center><span>');
}
</script>

<img src="http://skins.cbstaff.com/001_050/skin013_banner.jpg">
<style type="text/css">
body { background-color: #ffffff;
 background-image: url("");
 scrollbar-arrow-color: #000000;
 scrollbar-track-color: ffffff;
 scrollbar-shadow-color: #ffffff;
 scrollbar-face-color: #ffffff;
 scrollbar-highlight-color: #ffffff;
 scrollbar-darkshadow-color: #ffffff;
 scrollbar-3dlight-color: #000000F;cursor:crosshair; 
 }
.left, .blogbody, table.footer, .standard, .leftmodulefontcolor, td, p {
/* edits main text */
 font:normal 11px arial;
 line-height:10px;
 color: #000000;
 letter-spacing:0px;
 text-align:justify;
 }
 
.right, .blogbody, table.footer, .standard, .leftmodulefontcolor, td, p {
/* edits main text */
 font:normal 11px arial;
 line-height:10px;
 color: #000000;
 letter-spacing:0px;
 text-align:justify;
 }

.blogbody b, .standard b, p b, strong {
/* edits bolded text in your entry */
  font-weight: bold;
  color: #000000;
	}
 
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: verdana;
 text-transform: uppercase;
 font-size:25px;
 font-weight: bolder;
 line-height: 24px;
 color: #85A3BB;
 letter-spacing: 1px;
 background-color: #ffffff;
 background-image: url("");
 text-align: right;
 border: 1px solid #ffffff;
 letter-spacing:-3px;
 border-width: 1px 1px 0px 1px;
  padding-right: 3px;
 }
 
a:link, .footernav.link, a.footernav:link, a.footernav:active {
/* edits all links */
 color: #000000;
 font:normal 11px arial;line-height:10px;
 text-decoration: none;
 }
 
a:visited, a.footernav:visited,  {
/* edits the links that the user has visited */
 color: #000000; 
 font:normal 11px arial;
 line-height:10px;
 text-decoration: none;
 }
 
a:hover {
/* edits when user mouseovers the links */
 color: #000000;
 font:normal 11px arial;
 line-height:10px;
 text-decoration:none;cursor:crosshair;
 }
 
input, select, textarea, .textfield, .button {
/* this edits the buttons, dropdowns, etc. */
 border: 1px solid #000000;
 font:normal 11px arial;
 background-color: #ffffff;
 letter-spacing:0px;
  color: #000000;
 
 }
 
table.left { 
/* this edits the menu module */
 border: 1px solid #000000;
 width:160px;
  background-color: #ffffff;
 }
 
table.blogbody {
/* this edits the other the place where the  blog is */
 border: 0px dashed #000000;
 background-color: #ffffff;
 background-image: url("");
 width:400px;
 border: 1px solid #000000;
 border-width: 1px 1px 1px 1px;
 }
 
table.left th {
/* on your menu module, this edits the title part of it */
/* like BLOGRINGS, POSTING CALENDAR, etc */
 background-color: #ffffff;
 background-image: url("");
 font: bold 13px tahoma;
 text-transform: lowercase;
 color: #000000;
 border: 0px solid #ffffff;
 letter-spacing: 1px;
 border-width: 0px 0px 1px 0px;
 text-align: right;
 }
table.left TD {
/* on your menu module, this edits the body part of it */
 background-image: url ();
 background-color: #BFD1E5;
 background-image: url("");
 border: none;
 }
 
table.search TD, table.search, table.announcements {
/* border of search bar (if you have it) */
 background-color: #000000; 
 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 {
/* the width of your blog with modules */
 width: 630px;
 }
hr {
/* horizontal divider */
 border: 1px solid #ffffff;
 }

</style>

Layout Comments

Showing latest 3 of 3 comments

very plain :(

By emberfly on Mar 18, 2008 4:15 am

i like the colors together.

By PINKLollyPOP on Sep 19, 2007 3:36 pm

blue and white is cool

By ayaka502 on Mar 20, 2007 3:47 am

Layout Details

Designer	wayne
Submitted on	Apr 5, 2005
Page views	12,473
Favorites	18
Comments	3

Version Blue

Using This Layout

Layout Code

Layout Comments

Layout Details

Layout Colors

Layout Tags

Layout Tools

Layout Affiliates