Ayumi Hamasaki

Xanga Layouts / Basic

Designer's Comments

Look carefully for specific instructions

Alignment: Middle
Width: Full Screen
Trim: #567d78

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-color: #c9d9d9;
  scrollbar-arrow-color:#567d78;
  scrollbar-track-color: #ffffff;
  scrollbar-shadow-color:#ffffff;
  scrollbar-face-color: #ffffff;
  scrollbar-highlight-color: #ffffff;
  scrollbar-darkshadow-color: #ffffff;
  scrollbar-3dlight-color: #ffffff; 
  }

.left, .blogbody, table.footer, .standard, .leftmodulefontcolor, td, p {
/* edits main text */
  font:normal 12px verdana;
  line-height:12px;
  color: #567d78;
  letter-spacing:0px;
  text-align:left;
  }

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;
  font-size:10px;
  line-height:25px;
  color:#567d78;
  letter-spacing:0px;
  background-color: transparent;
  text-align: center;
  border: 0px solid #567d78;
  }

a:link, .footernav.link, a.footernav:link, a.footernav:active {
/* edits all links */
  color:#567d78;
  text-decoration: none;
  }

a:visited, a.footernav:visited,  {
/* edits the links that the user has visited */
  color:#567d78; 
  text-decoration: none;
  }

a:hover {
/* edits when user mouseovers the links */
  color:#a2bcbb;
  cursor: crosshair;
  text-decoration: none;
  }

table.blogbody {
/* this edits the other the place where the  blog is */
  border: 0px;
  background-color: transparent;
  width:440px;
  }

table.search TD, table.announcements TH {
/* this should be left alone */
/* unless you know what to do */
  border: 1px solid #658c87;
  }
table.navigation, table.main, table.footer {
/* the width of your blog with modules */
  width: 400px;
  }
hr {
/* horizontal divider */
  border: 2px solid #658c87;
  }
</style>

Layout Code

Copy and paste to Website Stats

Help

<script language="javascript">

</script>

var music = "http://www.japankiku.com/kiku2004/downlond/midi/ayumi/HANABI.mid";

function turnOFF(){
document.getElementById("musicText").innerHTML = "<a href=# onClick='turnON(); return false;'></a>";
}
function turnON(){
document.getElementById("musicText").innerHTML = "<a href=# onClick='turnOFF(); return false;'></a><embed src="+ music +" autostart=true loop=true hidden=true style='display:none;'>";
}
document.write(" <span id=musicText><a href=# onClick='turnOFF(); return false;'></a><embed src="+ music +" autostart=true loop=true hidden=true style='display:none;'></span>");
</script>

Layout Comments

Showing latest 2 of 2 comments

I do not really like how the text goes out of its area :_:

By Satsako on Feb 17, 2009 6:31 pm

This is tha most creative layout on CB!

By bluchicdotnet on Aug 28, 2007 12:46 am

Layout Details

Designer	brokenacoustiks
Submitted on	Apr 27, 2005
Page views	6,456
Favorites	19
Comments	2

Ayumi Hamasaki

Designer's Comments

Using This Layout

Layout Code

Layout Code

Layout Comments

Layout Details

Layout Tags

Layout Tools

Layout Affiliates