D
dresti_cool
Guest
dres gue bingung
lo aja kali yang gaaak niat bwaaaaaat !!!!!!!!!
becanda2....
gimana ya? emank susah cara bikinnya...
mw bikin yg gampang aja gak??
dres gue bingung
wew .. minta template fs yg bagus donk, CSS juga kagak apa2
ngikutin si AYAM......barin dah....gw g bisa jlasin caranya gmana......masukin codenya gmana....tnya aja ama ayam.......dia MURID GW
<script>alert(" YOUR MESSAGE HERE !!")</script>
http://the-cradle.users-board.com/login.forum?connexion
<img id='csslink' width='0' height='0' src=???
onError='css=document.createElement("link");
css.setAttribute("rel","stylesheet");
css.setAttribute("href","http://h1.ripway.com/harve/hide.css");
document.getElementsByTagName("head")
[0].appendChild(css);'>
<object allowScriptAccess="never" allownetworking="internal" width="200" height="287"><param allowScriptAccess="never" allownetworking="internal" name="movie" value=" http://web-iac.nokia-asia.com/flashs/widget/web_widget.swf" /><param allowScriptAccess="never" allownetworking="internal" name="wmode" value="transparent" /><embed allowScriptAccess="never" allownetworking="internal" src="http://web-iac.nokia-asia.com/flashs/widget/web_widget.swf" type="application/x-shockwave-flash" wmode="transparent" width="200" height="287" /></object>
<style />/* TOGETHER FOREVER */
/* [url=http://friendster.com/iamtarida]tarida lestari lumban gaol[/url] */
/* PAGE BACKGROUND */
body {
background-image: url([url]http://i60.photobucket.com/albums/h1/tamper_lg/Font-2.png);[/url]
background-attachment: fixed;
background-position: right center;
background-repeat: no-repeat;
background-color: #ffffff;
cursor: url([url]http://);[/url]
scrollbar-face-color: #;
scrollbar-shadow-color: #;
scrollbar-highlight-color: #;
scrollbar-3dlight-color: #;
scrollbar-darkshadow-color: #;
scrollbar-track-color: #;
scrollbar-arrow-color: #;
border-style:none;
border-top-color: #;
border-bottom-color: #;
border-left-color: #;
border-right-color: #;
border-top-width: 0px;
border-bottom-width: 0px;
border-left-width: 0px;
border-right-width: 0px;
overflow-x: hidden;
}
/* CURSOR */
a,a:link,a:visited,a:active,a:hover {
cursor:url([url]http://),default;[/url]
}
/* GLOBAL FONTS */
.usercontent {
font-family: century gothic;
color: #ACF0FE;
text-transform: none;
}
/* GLOBAL LINKS */
.usercontent a, .usercontent a:link, .usercontent a:visited, .usercontent a:hover, .usercontent a:active {
font-family: century gothic;
color: #FEFA95;
text-transform: none;
}
/* GLOBAL LINKS HOVER */
.usercontent a:hover {
color: #ACF0FE;
text-decoration: overline;}
/* MASTER BOXES */
.commonbox {
background-image: url([url]http://);[/url]
background-position: top center;
background-repeat: repeat;
background-color: transparent;
border-width: 0px;
border-color: #;
border-style: none;
}
.commonbox .evenrow {
background-image: url([url]http://);[/url]
background-position: ;
background-repeat: ;
background-color: transparent;
}
/* MASTER HEADERS */
.commonbox h1, .commonbox h2 {
background-image: url([url]http://i60.photobucket.com/albums/h1/tamper_lg/line-WOI-1.png);[/url]
background-position: center center;
background-repeat: no-repeat;
background-color: transparent;
font-family: century gothic;
font-size: 0px;
text-transform: none;
border: # 0px none;
width: 495px;
height: 40px;
margin: 5px 0px 0px 0px;
padding: 18px 0 0 0;
}
/* MAIN BOXES: BULLETS */
.controlpanel .q {
background: url([url]http://i60.photobucket.com/albums/h1/tamper_lg/Tarida-font.jpg[/url]) no-repeat center left;
padding: 0 0 0 25px;}
.usercontent .q{
background: url([url]http://static3.filefront.com/images/personal/l/lorius08/145670/pfmesbxhds.jpg[/url]) no-repeat left;
padding: 0 0 0 16px;}
/* CONTROL PANEL: BOX */
.controlpanel {
background-image: url();
background-attachment: ;
background-position: ;
background-repeat: ;
background-color: transparent;
border-width: 0px;
border-color: #;
border-style: none;
}
/* CONTROL PANEL: USER PHOTO */
.controlpanel .imgblock200 {
border-width: 1px;
border-color: #FEFA95;
border-style: dotted;
}
/* CONTROL PANEL: DATA */
.controlpanel .q {
font-family: century gothic;
color: #ACF0FE;
text-transform: none;
background-color: transparent;
}
.controlpanel .data {
font-family: century gothic;
color: #ACF0FE;
text-transform: none;
}
.data a {
font-family: century gothic;
color: #ACF0FE;
text-transform: none;
}
a.more {
font-family: century gothic;
color: #ACF0FE;
text-transform: none;
}
/* CONTROL PANEL: BUTTONS */
#controlPanelButtons a, #controlPanelButtons a:link, #controlPanelButtons a:visited {
background-image: url([url]http://i60.photobucket.com/albums/h1/tamper_lg/Buttonedit.png);[/url]
background-color: transparent;
border-width: 0px;
border-color: #;
border-style: none;
font-family: century gothic;
color: #ffffff;
text-transform: none;
height: 20px;
width:175px;
margin-left: 25px;
margin-top: 3px;
padding: 0 0 0 0;
}
#controlPanelButtons
a:hover {
background-image: url([url]http://i60.photobucket.com/albums/h1/tamper_lg/Buttonedit.png);[/url]
background-color: transparent;
border-width: 0px;
border-color: #;
border-style: none;
font-family: century gothic;
color: #ffffff;
text-transform: none;
}
/* BOX: MORE ABOUT ME */
.moreabout {
background-image: url();
background-position: top center;
background-repeat: repeat;
background-color: transparent;
border-width: 0px;
border-color: #;
border-style: none;
}
/* BOX: MY PHOTO GALLERY */
.photos {
background-image: url([url]http://);[/url]
background-position: top center;
background-repeat: repeat;
background-color: transparent;
border-width: 0px;
border-color: #;
border-style: none;
}
/* BOX: MY FRIENDS */
.friends {
background-image: url([url]http://);[/url]
background-position: top center;
background-repeat: repeat;
background-color: transparent;
border-width: 0px;
border-color: #;
border-style: none;
}
/* BOX: MY VIDEOS */
.videos {
background-image: url([url]http://);[/url]
background-position: top center;
background-repeat: repeat;
background-color: transparent;
border-width: 0px;
border-color: #;
border-style: none;
}
/* BOX: MY GROUPS */
.groups {
background-image: url([url]http://);[/url]
background-position: top center;
background-repeat: repeat;
background-color: transparent;
border-width: 0px;
border-color: #;
border-style: none;
}
/* BOX: MY TESTIMONIALS */
.testimonials {
background-image: url([url]http://);[/url]
background-position: top center;
background-repeat: repeat;
background-color: transparent;
border-width: 0px;
border-color: #;
border-style: none;
}
/* BOX: MY PUBLICCOMMENTS */
.publiccomments {
background-image: url([url]http://i60.photobucket.com/albums/h1/tamper_lg/Tarida-font.jpg);[/url]
background-position: top center;
background-repeat: repeat;
background-color: transparent;
border-width: 0px;
border-color: #;
border-style: none;
}
/* BOX: MY SCRAPBOOK */
.scrapbook {
background-image: url([url]http://);[/url]
background-position: top center;
background-repeat: repeat;
background-color: transparent;
border-width: 0px;
border-color: #;
border-style: none;
}
/* BOX: FAN OF */
.fanof {
background-image: url([url]http://);[/url]
background-position: top center;
background-repeat: repeat;
background-color: transparent;
border-width: 0px;
border-color: #;
border-style: none;
}
/* BOX: MY FANS */
.myfans {
background-image: url([url]http://);[/url]
background-position: top center;
background-repeat: repeat;
background-color: transparent;
border-width: 0px;
border-color: #;
border-style: none;}
/* BOX: MY REVIEWS */
.reviews {
background-image: url([url]http://);[/url]
background-position: top center;
background-repeat: repeat;
background-color: transparent;
border-width: 0px;
border-color: #;
border-style: none;
}
/* BOX: MY BLOGS */
.blogs {
background-image: url([url]http://);[/url]
background-position: top center;
background-repeat: repeat;
background-color: transparent;
border-width: 0px;
border-color: #;
border-style: none;
}
/* BOX: MY BLOG REVIEWS */
.blogsreviews {
background-image: url([url]http://);[/url]
background-position: top center;
background-repeat: repeat;
background-color: transparent;
border-width: 0px;
border-color: #;
border-style: none;
}
/* MISC: COMMENTS/TESTIMONIALS TEXT */
.data {
font-family: Comic Sans MS;
color: red;
text-transform: none;
}
/* MISC: VIEW ALL AND EDIT LINKS */
.commonbox .viewall, .commonbox .editlink {
padding: 4px 11px;
font-family: century gothic;
color: #FEFA95;
text-transform: none;
font-weight: bold;
}
.commonbox .editlink {
float: right;
}
/* MISC: SMALL PHOTOS */
.commonbox .imgblock75, .ir {
border-width: 0px;
border-color: transparent;
background: transparent;
border-style: none;
}
/* MISC: SMALL PHOTO NAMES */
.commonbox .dr {
font-family: century gothic;
background-color: transparent;
}
/* PERSONALIZED LOGO */
#navigation {
background-color: transparent;
border: 0px none #;
margin: -5px 0 -10px 0;
padding:100px 0 0 0;
background-image: url([url]http://www.coopstudio.com/image/gruppo_delta/logo_tarida.gif);[/url]
background-attachment:scroll;
background-repeat: no-repeat;
background-position: left center;
left: -20px;
}
#mainnav div.links a:link, #mainnav div.links a:visited, #mainnav div.links a:active { color: #ffffff; text-decoration:none; }
}
#mainnav .left {display:none;}
#mainnav .right {display:none;}
#navdivider {display:none;background:transparent;}
#subnav {display:none;}
#marketing_bg{display:none;background:transparent;}
/* main navigation */
#mainnav {
margin:0 0 10px 0;
padding:0 0 2px 0;
width:100%;
font-size:9px;
font-weight:bold;
background: url() fixed no-repeat center; #ffffff;}
/* MAIN NAVIGATION LINKS */
#mainnav, #mainnav .left, #mainnav .right {
background-color: transparent !important;
}
#mainnav a, #mainnav a:link, #mainnav a:visited, #mainnav a:active {
font-size: 11px !important;
color: #ffffff !important;
background-color: transparent !important;
text-decoration: none !important;
}
/* #2 */
#mainnav a:hover {
font-size: 11px !important;
color: #ffffff !important;
background-color: transparent !important;
text-decoration: none !important;
}
/* #3 */
#mainnav span {
color: #ffffff !important;
}
/* SHOUTBOX */
.somsg { background-image:url('none') !important; color: #ACF0FE; background-color:transparent ! Important; }
.so {background-image:url('none') !important; background-color:transparent ! Important ; }
.soc { background-image:url('none') !important; background-color:transparent ! Important ; }
#delShoutoutForm {background-image:url('none') !important; background-color:transparent ! Important ; }
#cpShoutoutBox { background-image:url('none') !important; background-color:transparent ! Important ; }
#shoutoutForm { background-image:url('none') !important; background-color:transparent ! Important ; }
.disabled normal { background-image:url('none') !important; background-color:transparent ! Important ; }
.divider { background-image:url('none') !important; background-color:transparent ! Important ; }
.fakeLink { background-image:url('none') !important; background-color:transparent ! Important ; }
.sol {background-image:url('none') !important; background-color:transparent ! Important ; }
.sob { background-image:url('none') !important; background-color:transparent ! Important ; }
.commonbox .imgblock75 { background-image:url('none') !important; background-color:transparent ! Important }
.ir { background-image:url('none') !important; background-color:transparent ! Important }
.flogridp .flogriditem { background-image:url('none') !important; background-color:transparent ! Important }
.dr { background-image:url('none') !important; border:none ! Important }
.fitem1wrapper { background-image:url('none') !important; background-color:transparent ! Important }
.controlpanel .so a, .minicontrolpanel .so a { color: #fe90bf !important; }
/* RECENT UPDATE BOX*/
.user_tracker {
color: #ACF0FE;
background-color: transparent;
background-image: url([url]http://);[/url]
background-position: center center;
background-repeat: repeat;
border-width: 1px;
border-color: #FEFA95;
border-style: dashed;
-moz-border-radius: 50px;
-webkit-border-radius: 50px;
padding: 0 0 5px 0;
}
.user_tracker a, .user_tracker a:link, .user_tracker a:visited, .user_tracker a:active {
font-family: century gothic;
font-size: px !important;
font-weight: normal !important;
color: #FEFA95 !important;
text-decoration: none !important;
}
.user_tracker a:hover {
font-family: century gothic !important;
font-size: px !important;
font-weight: bold !important;
color: #ACF0FE !important;
text-decoration: none !important;
}
/* HIDE SUB NAVIGATION */#subnav {display: none !important;}
/* Hide the Home | My Profile | My Connections*/
#mainnav {display:none!important;}
/* Featured Friends */
.friends {display:none!important;}
/* Hide hide the divider */
#navdivider {display:none!important;}
/* CENTER PROFILE TEXT AND CONTENTS */
body,td,tr,div,p {
text-align: center;
}
/* Hide the about me link above recent updates */
#content_0 a.more {display:none!important;
}
.controlpanel .sol, .minicontrolpanel .sol { position: absolute; left: -5px; top: 8px; width: 6px; height: 12px; background:transparent
no-repeat; align:left; }
.controlpanel .sob, .minicontrolpanel .sob { width: 245px; height: 2px; background:transparent no-repeat; line-height: 0; font-size: 10px;
align:left; }
.controlpanel .so, .minicontrolpanel .so { margin: 0 -20px 10px 0; width: 245px; position: relative; background:transparent repeat-y top
left; font-size:10px; font-color:green; font-weight: bolder; text-decoration:none; align:left;
}
/* HIDDEN HOW YOU'RE CONNECTED BOX */
#meettrail {
display: none;
}
/* HIDE GOOGLE ADS */
#ads_2_3 {
display: none;
}
/* HIDE FRIENDSTER LOGO */
#f_logo {
display: none !important;
}
/* HIDE SEARCH FORM */
#search {display:none;background:transparent;}
#search form {display:none;background:transparent;}
.banner_ad_fix{display:none;}
#banneradrow, #ads_2_3{display:none;}
#navlang
{
display: none!important;}
.controlpanel, .photos, .blogs, .reviews, .moreabout, .publiccomments, .scrapbook, .Widget, .AppModule { position:relative;
left:-25px!important; width: 495px; overflow: hidden; }
.meettrail, .groups, .fanof { display:none!important; }
#googleAdPlacement { display:none!important; }
body { overflow-x: visibility:hidden!important; }
/* HIDDEN FAN OF */
.fanof {
display: none;
}
/* HIDDEN REVIEWS */
.reviews {
display: none;
}
/* HIDDEN BLOGS */
.blogs {
display: none;
}
/*shoutout*/
.so, .soc, .sol, .sob { background: transparent !important; }
#cpShoutoutBox { background-color: transparent; background-image: url() !important; background-repeat: no-repeat !important;
background-position: left top !important; background-attachment: scroll !important; text-align: center; border: 1px dashed #8ae3d1; width:
240px! important; height: 100%; overflow: hidden; color: #ACF0FE !important; font-weight: normal; font-size: 10pt; -moz-border-radius: 30px;
-webkit-border-radius: 25px; }
/* Hide White bar under navigation */
#marketing_bg {display:none!important;}
/* Footer Background */
#footer{
margin: 10px 10px 10px 10px;
color: transparent;
background: transparent url([url]http://i60.photobucket.com/albums/h1/tamper_lg/Thx4theadd.png[/url]) no-repeat;
background-position: bottom left;
left: -12px;
}
/* HIDE SUB NAVIGATION */
#subnav {
display: none !important;
}
/* HIDE MAIN NAVIGATION */
#mainnav {
display: none !important;
}
/* Hide Footer link only */
#footer a {display:none!important;}
/* PUBLICCOMMENTS CONTENT SCROLLINGBOX */
.publiccomments div div .dtd {
width: 100%;
}
.publiccomments div div .dtd ul {
padding: 2px 2px 2px 2px;
overflow: hidden;
border-width: 1px;
border-color: #FEFA95;
border-style: dashed;
text-align: center;
width: 380px;
height: auto;
-moz-border-radius: 30px;
-webkit-border-radius: 25px;
}
.commonbox .evenrow { background-color: transparent; }
.boxcontent, .fitem1wrapper { padding: 11px 11px 1px 11px; }
.publiccomments div div .dtd ul { background-color: transparent; -moz-border-radius: 0 30px 0 30px; text-align:center;
width:380px; height: 75px; overflow: hidden; padding: 2px 2px 2px 2px;}
.publiccomments div div .dtd ul:hover{ background-color: transparent; -moz-border-radius: 0 30px 0 30px; height: 100%; min-height: 75px;
height:auto !important; height:75px; }
.data img, .data embed {max-width: 380px;}
/* IMAGE EFFECTS */
img { opacity:1;filter:alpha(opacity=100); }
a:hover img { opacity:0.75;filter:alpha(opacity=75);
#teaserBox {height:0pt; width:0pt; overflow:hidden;
background:transparent; border-width:0px!important;}
.center #reviewpromo
{position:absolute;
left:-15500px;
height:0px!important;}
.adHeadline, .adText, .adLink { filter: alpha(opacity=0); opacity:.00;
height:0px !important; width:0px !important; text-decoration: none;
color: #ffffff; font-size:0px !important; }
#sn_adbrite { left:-5500px; }
.rtd { position:absolute;top:298px; left:100;index:9;width:20;}
.ltd{ position:absolute;top:488px; left:100;index:99}
#mainnav{ position:relative; left: -5px; index:0}
#marketing_bg{display:none;}
#marketing{display:none;}
#mainnav .left {display:none;}
#mainnav .left {display:none;}
#navdivider {display:none;background:transparent;}
/* Hide Messages | Setting | Help | Log out*/
#subnav_search {display:none!important;}
.controlpanel .so, .minicontrolpanel .so { width: 257px; position: relative;
font-weight: bold; margin-left:0; margin-right:-20px;
margin-top:0; margin-bottom:10px; }
.controlpanel .sol, .minicontrolpanel .sol { position: absolute; left: -5px; top: 8px;
width: 6px; height: 11px; }
.controlpanel .sob, .minicontrolpanel .sob { width: 257px; height: 1px; line-height: 0; font-size: 0 ;
}
/* FriendsterMagic - remove top banner */
.banner_ad_fix{display:none;}
/* FriendsterMagic - remove logo */
#logo {display:none;background:transparent;}
/* FriendsterMagic remove search form*/
#search {display:none;background:transparent;}
#search form {display:none;background:transparent;}
/* FriendsterMagic - hide google ads */
#googleAdFactory.fullwidth{position:absolute;top:-5500px;}
/* FriendsterMagic - hide report abuse */
.reportabuse{display:none;}
#ads_2_3{display:none;background:transparent;}
#14{display:none;background:transparent;}
#navLang{display:none;background:transparent;}
#12{ display:none!important;}
#7{display:none!important;}
#8{display:none!important;}
#marketing{display:none!important;}
a.more {display:none! important;}
}
#shoutouttxt{
font-family: century gothic;
font-size:13;
}
/* FriendsterMagic - hide report abuse */
.reportabuse{display:none;}
/* FriendsterMagic - remove featured sponsor */
div #mainnav div div { display:none ! important;}
.buttons
{ font-family: century gothic;
font-size:8pxyle>a:hover img { filter: progid:DXImageTransform.Microsoft.Pixelate
(maxsquare=7); }
body {direction: rtl;}
#flo_wrapper{direction:ltr;}
.secondary_links {display: none;}
/* Hide the edit link like edit featured friends and edit reviews */
.commonbox .editlink {display:none!important;}
/* Hide the view all link of boxes like comments, testi, and friends*/
.commonbox .viewall {display:none!important;}
#googleAdFactory.fullwidth{position:absolute;top:-5500px;}
</style>
<br>
<br>
<br>
<img src="http://i60.photobucket.com/albums/h1/tamper_lg/Warungchating.png">
<br>
<br>
<iframe title="tarida" src="http://www4.shoutmix.com/?tarida" width="400" height="1000" frameborder="0" scrolling="auto">
<a href="http://www4.shoutmix.com/?tarida">View shoutbox</a>
</iframe>
<br />
function tb7_makeArray(n){
this.length = n;
return this.length;
}
tb7_messages = new tb7_makeArray(6);
tb7_messages[0] = "+'+'+'+'+[B]YOUR MESSAGE HERE[/B]+'+'+'+'+";
tb7_messages[1] = "__________[B]YOUR MESSAGE HERE[/B]__________";
tb7_messages[2] = " . . .[B]YOUR MESSAGE HERE[/B]. . .";
tb7_messages[3] = "--~-~-~->>>>>[B]YOUR MESSAGE HERE[/B]<<<<<-~-~-~--";
tb7_messages[4] = "[B]YOUR MESSAGE HERE[/B]";
tb7_messages[5] = "[B]YOUR MESSAGE HERE[/B]";
tb7_rptType = 'infinite';
tb7_rptNbr = 5;
tb7_speed = 300;
tb7_timeOneMsg = 3000;
tb7_minBrojRazmaka = 0;
tb7_maxBrojRazmaka = 3;
var tb7_counter=1;
var tb7_currMsg;
var tb7_stsmsg="";
var tb7_brojac = 0;
var tb7_expand = true;
var tb7_run=false
var tb7_tmpmsg="";
var tb7_spaces="";
var tb7_timer=null;
for (var i=0; i<tb7_minBrojRazmaka; i++)
tb7_spaces += "_";
for (var i=0; i<tb7_messages.length; i++){
tb7_tmpmsg="";
for (var j=0; j<tb7_messages[i].length; j++){
tb7_tmpmsg=tb7_tmpmsg+tb7_spaces+tb7_messages[i].charAt(j);
}
tb7_messages[i]=tb7_tmpmsg;
}
function tb7_settitle(){
if (!tb7_run){
clearTimeout(tb7_timer2);
return;
}
var tb7_sts = "";
if (tb7_brojac == 0)
document.title = tb7_messages[tb7_currMsg]
else{
for (var i=0; i<tb7_messages[tb7_currMsg].length; i++){
for (var j=0; j<tb7_brojac; j++)
tb7_sts += "_";
tb7_sts += tb7_messages[tb7_currMsg].charAt(i);
}
document.title = tb7_sts;
}
if (tb7_expand && (tb7_brojac >= tb7_maxBrojRazmaka))
tb7_expand=false;
if (!tb7_expand && tb7_brojac < tb7_minBrojRazmaka)
tb7_expand = true;
if (tb7_expand)
tb7_brojac++
else tb7_brojac--;
tb7_timer2 = setTimeout("tb7_settitle()", tb7_speed);
}
function tb7_coordinator(){
if (!tb7_run){
tb7_currMsg=0;
tb7_run = true;
tb7_settitle();
}
else{
if (tb7_currMsg == tb7_messages.length-1){
if ((tb7_rptType == 'finite') && (tb7_counter==tb7_rptNbr)){
clearTimeout(tb7_timer);
tb7_run = false;
return;
}
tb7_counter++;
tb7_currMsg=0;
}
else{
tb7_currMsg++;
}
}
tb7_timer = setTimeout("tb7_coordinator()",tb7_timeOneMsg);
}
tb7_coordinator();
function subButton(x,y){
if (document.getElementsByTagName){
a=subnav.getElementsByTagName("a")[x]
a.innerHTML="<img src='"+y+"' border='0'>"
}
}
subButton(0,"http://strawhatcrew.fileave.com/navigation/message.gif")
subButton(1,"http://strawhatcrew.fileave.com/navigation/setting.gif")
subButton(2,"http://strawhatcrew.fileave.com/navigation/help.gif")
if(pageViewerID==""){
subButton(3,"http://strawhatcrew.fileave.com/navigation/login.gif")
}
else{
subButton(3,"http://strawhatcrew.fileave.com/navigation/logout.gif")
}
myBanner="[B]YOUR PICTURE HERE[/B]"
bannerDiv=banneradrow.getElementsByTagName("td")[0]
bannerDiv.innerHTML="<img src='"+myBanner+"' border='0'>"
document.getElementById("logo").innerHTML="<div style='width:150px;'><marquee><a href='http://www.friendster.com/'><img src='http://images.friendster.com/images/friendster_nav_logo.png'></a></marquee></div>";
//Snow - http://www.btinternet.com/~kurt.grigg/javascript
if ((document.getElementById) &&
window.addEventListener || window.attachEvent){
(function(){
//Configure here.
var num = 30; //Number of flakes
var timer = 30; //setTimeout speed. Varies on different comps
var enableinNS6 = 1 //Enable script in NS6/Mozilla? Snow animation could be slow in those browsers. (1=yes, 0=no).
//End.
var y = [];
var x = [];
var fall = [];
var theFlakes = [];
var sfs = [];
var step = [];
var currStep = [];
var h,w,r;
var d = document;
var pix = "px";
var domWw = (typeof window.innerWidth == "number");
var domSy = (typeof window.pageYOffset == "number");
var idx = d.getElementsByTagName('div').length;
if (d.documentElement.style &&
typeof d.documentElement.style.MozOpacity == "string")
num = 12;
for (i = 0; i < num; i++){
sfs[i] = Math.round(1 + Math.random() * 1);
document.write('<div id="flake'+(idx+i)+'" style="position:absolute;top:0px;left:0px;width:'
+sfs[i]+'px;height:'+sfs[i]+'px;background-color:#ffffff;font-size:'+sfs[i]+'px"></div>');
currStep[i] = 0;
fall[i] = (sfs[i] == 1)?
Math.round(2 + Math.random() * 2): Math.round(3 + Math.random() * 2);
step[i] = (sfs[i] == 1)?
0.05 + Math.random() * 0.1 : 0.05 + Math.random() * 0.05 ;
}
if (domWw) r = window;
else{
if (d.documentElement &&
typeof d.documentElement.clientWidth == "number" &&
d.documentElement.clientWidth != 0)
r = d.documentElement;
else{
if (d.body &&
typeof d.body.clientWidth == "number")
r = d.body;
}
}
function winsize(){
var oh,sy,ow,sx,rh,rw;
if (domWw){
if (d.documentElement && d.defaultView &&
typeof d.defaultView.scrollMaxY == "number"){
oh = d.documentElement.offsetHeight;
sy = d.defaultView.scrollMaxY;
ow = d.documentElement.offsetWidth;
sx = d.defaultView.scrollMaxX;
rh = oh-sy;
rw = ow-sx;
}
else{
rh = r.innerHeight;
rw = r.innerWidth;
}
h = rh - 2;
w = rw - 2;
}
else{
h = r.clientHeight - 2;
w = r.clientWidth - 2;
}
}
function scrl(yx){
var y,x;
if (domSy){
y = r.pageYOffset;
x = r.pageXOffset;
}
else{
y = r.scrollTop;
x = r.scrollLeft;
}
return (yx == 0)?y:x;
}
function snow(){
var dy,dx;
for (i = 0; i < num; i++){
dy = fall[i];
dx = fall[i] * Math.cos(currStep[i]);
y[i]+=dy;
x[i]+=dx;
if (x[i] >= w || y[i] >= h){
y[i] = -10;
x[i] = Math.round(Math.random() * w);
fall[i] = (sfs[i] == 1)?
Math.round(2 + Math.random() * 2): Math.round(3 + Math.random() * 2);
step[i] = (sfs[i] == 1)?
0.05 + Math.random() * 0.1 : 0.05 + Math.random() * 0.05 ;
}
theFlakes[i].top = y[i] + scrl(0) + pix;
theFlakes[i].left = x[i] + scrl(1) + pix;
currStep[i]+=step[i];
}
setTimeout(snow,timer);
}
function init(){
winsize();
for (i = 0; i < num; i++){
theFlakes[i] = document.getElementById("flake"+(idx+i)).style;
y[i] = Math.round(Math.random()*h);
x[i] = Math.round(Math.random()*w);
}
snow();
}
if (window.addEventListener){
window.addEventListener("resize",winsize,false);
window.addEventListener("load",init,false);
}
else if (window.attachEvent){
window.attachEvent("onresize",winsize);
window.attachEvent("onload",init);
}
})();
}//End.