| NOTE: The falling snow on this layout will only work with Xanga Premium sites. The code of this falling snow is at the bottom here - copy and paste it into your header section after the other codes. Important: If you use a divider bar or graphic larger than 300 pixels in width in your entries, it could distort this layout and the scroll bar shown will appear in your entry.
Copy and paste into Header/Input Your Own Header HTML
<html><head><title>New Page 1</title>
</head>
<body style="text-align: center" topmargin="0" bgcolor="#4C5E2B" background="http://tinypic.com/hwicqv.jpg">
<div align="center">
<div align="center">
<div align="center">
<div align="center">
<table border="3" cellpadding="8" cellspacing="0" width="700" height="100%" background="http://tinypic.com/hwics6.jpg" bordercolor="#006600">
<tr>
<td>
<div align="center">
<table border="3" cellpadding="10" cellspacing="0" width="650" height="100%" background="http://tinypic.com/hwicuw.jpg" bordercolor="#006600">
<tr>
<td>
<div align="center">
<table border="3" cellpadding="10" cellspacing="0" width="610" height="100%" background="http://tinypic.com/hwicza.jpg" bordercolor="#006600">
<tr>
<td>
<table border="0" cellpadding="0" cellspacing="0" width="605" height="100%" background="http://tinypic.com/hwid6r.gif">
<tr>
<td height="352" align="center"> </td>
</tr>
<tr>
<td background="http://tinypic.com/hwxw81.jpg" height="100%" align="center">
<center><a target="blank" href="http://www.xanga.com/rayray714alayouts"> Layout by RayRay </a><p>
<p align="center"><center>
Copy and paste into Website Stats:
</td>
</tr>
<tr>
<td height="210" background="http://tinypic.com/hwidcm.jpg" align="center"> </td>
</tr>
</table>
</td>
</tr>
</table>
</div>
</td>
</tr>
</table>
</div>
</td>
</tr>
</table>
</div>
</div>
</div>
</div>
<!-- keeps comment page from stretching -->
<style type="text/css">
#pnlEnabled table, #htmleditor, #lblTimeZone, #pnlEprops, #rblEprops {
width: auto !important;
}</style>
<!-- end code provided by createblog.com -->
</body></html>
<!-- begin code provided by createblog.com -->
<style type="text/css">
.custom{
width: 425px;
height: ;
z-index:100;
overflow: auto;
border: px #000000 solid;
background: #;
}</style>
<!-- end code provided by createblog.com -->
<!-- begin code provided by createblog.com -->
<script>
var tds = document.getElementsByTagName ('a');
for (var i = 0; i < tds.length; i++) {
timeString = tds[i].innerText;
if(timeString.match(/\d+:\d+ [ap]m\b/i)){
if(!tds[i].parentNode.parentNode.parentNode.parentNode.parentNode.tagName.match(/table/i)){break;}
table = tds[i].parentNode.parentNode.parentNode.parentNode.parentNode;
stuff = tds[i].parentNode.parentNode.parentNode.previousSibling.lastChild;
inner = stuff.innerHTML
stuff.innerHTML="";
stuff.insertAdjacentHTML('afterBegin','<div class="custom">'+inner+'</div>');
}
}
</script>
<!-- end code provided by createblog.com -->
Falling Snow Code - place at bottom of your Header section:
<script language="JavaScript1.2">
<!-- Copyright Altan (snow@altan.hr) -->
<!-- http://www.altan.hr/snow -->
<!-- This script is provided free at Lissa Explains it All -->
<!-- http://www.lissaexplains.com -->
<!-- Begin
var no = 7; // snow number
var speed = 30; // smaller number moves the snow faster
var snowflake = "http://tinypic.com/hwiov5.gif";
var ns4up = (document.layers) ? 1 : 0; // browser sniffer
var ie4up = (document.all) ? 1 : 0;
var dx, xp, yp; // coordinate and position variables
var am, stx, sty; // amplitude and step variables
var i, doc_width = 600, doc_height = 600;
if (ns4up) {
doc_width = self.innerWidth;
doc_height = self.innerHeight;
} else if (ie4up) {
doc_width = document.body.clientWidth;
doc_height = document.body.clientHeight;
}
dx = new Array();
xp = new Array();
yp = new Array();
am = new Array();
stx = new Array();
sty = new Array();
for (i = 0; i < no; ++ i) {
dx[i] = 0; // set coordinate variables
xp[i] = Math.random()*(doc_width-50); // set position variables
yp[i] = Math.random()*doc_height;
am[i] = Math.random()*20; // set amplitude variables
stx[i] = 0.02 + Math.random()/10; // set step variables
sty[i] = 0.7 + Math.random(); // set step variables
if (ns4up) { // set layers
if (i == 0) {
document.write("<layer name=\"dot"+ i +"\" left=\"15\" ");
document.write("top=\"15\" visibility=\"show\"><img src=\"");
document.write(snowflake + "\" border=\"0\"></layer>");
} else {
document.write("<layer name=\"dot"+ i +"\" left=\"15\" ");
document.write("top=\"15\" visibility=\"show\"><img src=\"");
document.write(snowflake + "\" border=\"0\"></layer>");
}
} else if (ie4up) {
if (i == 0) {
document.write("<div id=\"dot"+ i +"\" style=\"POSITION: ");
document.write("absolute; Z-INDEX: "+ i +"; VISIBILITY: ");
document.write("visible; TOP: 15px; LEFT: 15px;\"><img src=\"");
document.write(snowflake + "\" border=\"0\"></div>");
} else {
document.write("<div id=\"dot"+ i +"\" style=\"POSITION: ");
document.write("absolute; Z-INDEX: "+ i +"; VISIBILITY: ");
document.write("visible; TOP: 15px; LEFT: 15px;\"><img src=\"");
document.write(snowflake + "\" border=\"0\"></div>");
}
}
}
function snowNS() { // Netscape main animation function
for (i = 0; i < no; ++ i) { // iterate for every dot
yp[i] += sty[i];
if (yp[i] > doc_height-50) {
xp[i] = Math.random()*(doc_width-am[i]-30);
yp[i] = 0;
stx[i] = 0.02 + Math.random()/10;
sty[i] = 0.7 + Math.random();
doc_width = self.innerWidth;
doc_height = self.innerHeight;
}
dx[i] += stx[i];
document.layers["dot"+i].top = yp[i];
document.layers["dot"+i].left = xp[i] + am[i]*Math.sin(dx[i]);
}
setTimeout("snowNS()", speed);
}
function snowIE() { // IE main animation function
for (i = 0; i < no; ++ i) { // iterate for every dot
yp[i] += sty[i];
if (yp[i] > doc_height-50) {
xp[i] = Math.random()*(doc_width-am[i]-30);
yp[i] = 0;
stx[i] = 0.02 + Math.random()/10;
sty[i] = 0.7 + Math.random();
doc_width = document.body.clientWidth;
doc_height = document.body.clientHeight;
}
dx[i] += stx[i];
document.all["dot"+i].style.pixelTop = yp[i];
document.all["dot"+i].style.pixelLeft = xp[i] + am[i]*Math.sin(dx[i]);
}
setTimeout("snowIE()", speed);
}
if (ns4up) {
snowNS();
} else if (ie4up) {
snowIE();
}
// End -->
</script> | 