Tools for webmasters

Effects

Snow effect <script> // CREDITS: // Snowmaker // By Peter Gehrig // Distributed by Lissa @ http://www.lissaexplains.com with permission // Copyright (c) 2003 Peter Gehrig. All rights reserved. // Permission given to use the script provided that this notice remains as is. // Additional scripts can be found at http://www.24fun.com // info@24fun.com // 11/27/2003 /////////////////////////////////////////////////////////////////////////// // CONFIGURATION STARTS HERE /////////////////////////////////////////////////////////////////////////// // Set the number of snowflakes (more than 30 - 40 not recommended) var snowmax=35 // Set the colors for the snow. Add as many colors as you like var snowcolor=new Array("#aaaacc","#ddddFF","#ccccDD") // Set the fonts, that create the snowflakes. Add as many fonts as you like var snowtype=new Array("Arial Black","Arial Narrow","Times","Comic Sans MS") // Set the letter that creates your snowflake (recommended:*) var snowletter="*" // Set the speed of sinking (recommended values range from 0.3 to 2) var sinkspeed=0.6 // Set the maximal-size of your snowflaxes var snowmaxsize=22 // Set the minimal-size of your snowflaxes var snowminsize=8 // Set the snowing-zone // Set 1 for all-over-snowing, set 2 for left-side-snowing // Set 3 for center-snowing, set 4 for right-side-snowing var snowingzone=3 /////////////////////////////////////////////////////////////////////////// // CONFIGURATION ENDS HERE /////////////////////////////////////////////////////////////////////////// // Do not edit below this line var snow=new Array() var marginbottom var marginright var timer var i_snow=0 var x_mv=new Array(); var crds=new Array(); var lftrght=new Array(); var browserinfos=navigator.userAgent var ie5=document.all&&document.getElementById&&!browserinfos.match(/Opera/) var ns6=document.getElementById&&!document.all var opera=browserinfos.match(/Opera/) var browserok=ie5 ns6 opera function randommaker(range) { rand=Math.floor(range*Math.random()) return rand } function initsnow() { if (ie5 opera) { marginbottom = document.body.clientHeight marginright = document.body.clientWidth } else if (ns6) { marginbottom = window.innerHeight marginright = window.innerWidth } var snowsizerange=snowmaxsize-snowminsize for (i=0;i<=snowmax;i++) { crds[i] = 0; lftrght[i] = Math.random()*15; x_mv[i] = 0.03 + Math.random()/10; snow[i]=document.getElementById("s"+i) snow[i].style.fontFamily=snowtype[randommaker(snowtype.length)] snow[i].size=randommaker(snowsizerange)+snowminsize snow[i].style.fontSize=snow[i].size snow[i].style.color=snowcolor[randommaker(snowcolor.length)] snow[i].sink=sinkspeed*snow[i].size/5 if (snowingzone==1) {snow[i].posx=randommaker(marginright-snow[i].size)} if (snowingzone==2) {snow[i].posx=randommaker(marginright/2-snow[i].size)} if (snowingzone==3) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/4} if (snowingzone==4) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/2} snow[i].posy=randommaker(2*marginbottom-marginbottom-2*snow[i].size) snow[i].style.left=snow[i].posx snow[i].style.top=snow[i].posy } movesnow() } function movesnow() { for (i=0;i<=snowmax;i++) { crds[i] += x_mv[i]; snow[i].posy+=snow[i].sink snow[i].style.left=snow[i].posx+lftrght[i]*Math.sin(crds[i]); snow[i].style.top=snow[i].posy if (snow[i].posy>=marginbottom-2*snow[i].size parseInt(snow[i].style.left)>(marginright-3*lftrght[i])){ if (snowingzone==1) {snow[i].posx=randommaker(marginright-snow[i].size)} if (snowingzone==2) {snow[i].posx=randommaker(marginright/2-snow[i].size)} if (snowingzone==3) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/4} if (snowingzone==4) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/2} snow[i].posy=0 } } var timer=setTimeout("movesnow()",50) } for (i=0;i<=snowmax;i++) { document.write("<span id='s"+i+"' style='position:absolute;top:-"+snowmaxsize+"'>"+snowletter+"</span>") } if (browserok) { window.onload=initsnow } </script>
change fav icon <link rel="shortcut icon" href="http://lettychubbs.bravehost.com//favicon.ico" type="image/x-icon">
make a thumbnail<a href="http://your pic"><img src="http://thubmnail"></a>
Blurred link on hover<style type="text/css"> /* Blurred Hyperlinks - xanga.com/add_ons - use only 45, 90, 135, 180, 225, 270, 315, or 360 for DIRECTION - STRENGTH means the blur power - do not change or remove HEIGHT:0 and add="0" */ a:hover {filter:blur(add="0",direction="90",strength="7"); height:0;}; </style> <br /> 
text box <div style="position:absolute; left:100px; top:100px; width:100px; height:100px; background-color:#ffffff; overflow:auto">
dotted marquee <MARQUEE style="BORDER-RIGHT: #999999 2px dotted; BORDER-TOP: #999999 2px dotted; BORDER-LEFT: #999999 2px dotted; BORDER-BOTTOM: #999999 2px dotted" width=100>TEXT HERE</MARQUEE><BR><BR>
dual protection-no rightclick or highlight<!-- Dual Protection by Blogring.net --> <body bgcolor="#FFFFFF" ondragstart="return false" onselectstart="return false" oncontextmenu="return false"> <!-- End script by Blogring.net -->
add song <EMBED SRC="mysong.mid" AUTOSTART="true" LOOP="true" HIDDEN="false" WIDTH="145" HEIGHT="30"></embed>
make cute javascript scrollers<script language="JavaScript">// begin absolutely positioned scrollable area object scripts /* Extension developed by David G. Miles (www.z3roadster.net/dreamweaver) Original Scrollable Area code developed by Thomas Brattli To add more shock to your site, visit www.DHTML Shock.com */ function verifyCompatibleBrowser(){ this.ver=navigator.appVersion this.dom=document.getElementById?1:0 this.ie5=(this.ver.indexOf("MSIE 5")>-1 && this.dom)?1:0; this.ie4=(document.all && !this.dom)?1:0; this.ns5=(this.dom && parseInt(this.ver) >= 5) ?1:0; this.ns4=(document.layers && !this.dom)?1:0; this.bw=(this.ie5 this.ie4 this.ns4 this.ns5) return this } bw=new verifyCompatibleBrowser() var speed=50 var loop, timer function ConstructObject(obj,nest){ nest=(!nest) ? '':'document.'+nest+'.' this.el=bw.dom?document.getElementById(obj):bw.ie4?document.all[obj]:bw.ns4?eval(nest+'document.'+obj):0; this.css=bw.dom?document.getElementById(obj).style:bw.ie4?document.all[obj].style:bw.ns4?eval(nest+'document.'+obj):0; this.scrollHeight=bw.ns4?this.css.document.height:this.el.offsetHeight this.clipHeight=bw.ns4?this.css.clip.height:this.el.offsetHeight this.up=MoveAreaUp;this.down=MoveAreaDown; this.MoveArea=MoveArea; this.x; this.y; this.obj = obj + "Object" eval(this.obj + "=this") return this } function MoveArea(x,y){ this.x=x;this.y=y this.css.left=this.x this.css.top=this.y } function MoveAreaDown(move){ if(this.y>-this.scrollHeight+objContainer.clipHeight){ this.MoveArea(0,this.y-move) if(loop) setTimeout(this.obj+".down("+move+")",speed) } } function MoveAreaUp(move){ if(this.y<0){ this.MoveArea(0,this.y-move) if(loop) setTimeout(this.obj+".up("+move+")",speed) } } function PerformScroll(speed){ if(initialised){ loop=true; if(speed>0) objScroller.down(speed) else objScroller.up(speed) } } function CeaseScroll(){ loop=false if(timer) clearTimeout(timer) } var initialised; function InitialiseScrollableArea(){ objContainer=new ConstructObject('divContainer') objScroller=new ConstructObject('divContent','divContainer') objScroller.MoveArea(0,0) objContainer.css.visibility='visible' initialised=true; } // end absolutely positioned scrollable area object scripts </script><div style="position:absolute; top:urdesiredpx; left:ur desiredpx;"> <A HREF="javascript:;" onMouseOver="PerformScroll(-7)" onMouseOut="CeaseScroll()" style="text-decoration:none;"><img src="yourimage.gif" border="0"></a> </div> <div style="position:absolute; top:338px; left:297px;"> <A HREF="javascript:;" onMouseOver="PerformScroll(7)" style="text-decoration:none;" onMouseOut="CeaseScroll()"><img src="yourimage" border="0"></a> </div>
fastonline user<!-- Start FastOnlineUsers.com --> <a href="http://www.fastonlineusers.com"><script src=http://fastonlineusers.com/online.php?d=www.yoursite.com></script>online</a> <!-- End FastOnlineUsers.com -->
marquee<MARQUEE behavior=alternate> <MARQUEE width=200><IMG src="url of image here"><IMG src="url of image here"><IMG src="url of image here"></MARQUEE></MARQUEE>
sliding marquee<marquee behavior=slide>TEXT</marquee>
slowing down marquee on mouse overs <marquee scrollamount="4" onmouseover="this.scrollAmount=0" onmouseout="this.scrollAmount=4">YADAYADA-LETTYCHUBBS</marquee>
Pop ups -they are annoying don't overuse them <script language="JavaScript">alert("TEXT HERE") </script>
fixed background<style>body {background:#000000; background-repeat: fixed;}</style>
title bar text <script>document.title="Title Bar Text";</script>
no right click <!-- Begin function protect(e) { alert("Sorry, you don't have permission to right-click."); return false; } function trap() { if(document.images) for(i=0;i<document.images.length;i++) document.images[i].onmousedown = protect; } // End --> </SCRIPT>
pop up when leaving ur site <SCRIPT LANGUAGE="JavaScript"> <!-- window.alert("Bye, thanks 4 visiting lettychubbs' website , hope u had fun:) come back soon!") // --> </SCRIPT>
shadow texxt <TABLE STYLE="filter:shadow(color=____, strength=___)"> <TR><TD><center> shadow text</TABLE>
free translation service<applet width="150" height="180" code="FreeTransFormSquare.class" archive="freetransformsquare.jar" codebase="http://www.freetranslation.com/forms/"><param name="www.blueface.bravehost.com" value="true"></applet>
table<TABLE WIDTH="90%" BGCOLOR="#FFCC99" CELLSPACING="1" CELLPADDING="4" BORDER="1"> <TR> <TD>1</TD> <TD>2</TD> <TD>3</TD> <TD>4</TD> <TD>5</TD> <TD>6</TD> <TD>7</TD> <TD>8</TD> <TD>9</TD> <TD>10</TD> </TR> <TR> <TD>11</TD> <TD>12</TD> <TD>13</TD> <TD>14</TD> <TD>15</TD> <TD>16</TD> <TD>17</TD> <TD>18</TD> <TD>19</TD> <TD>20</TD> </TR> <TR> <TD>21</TD> <TD>22</TD> <TD>23</TD> <TD>24</TD> <TD>25</TD> <TD>26</TD> <TD>27</TD> <TD>28</TD> <TD>29</TD> <TD>30</TD> </TR> </TABLE>
change ur background monthly<body background=" "> <SCRIPT language=JavaScript> var author="www.dseffects.com"; var DS_Pics=new Array(); DS_Pics[0]="image url"; DS_Pics[1]="image url"; DS_Pics[2]="image url"; DS_Pics[3]="image url"; DS_Pics[4]="image url"; DS_Pics[5]="image url"; DS_Pics[6]="image url"; DS_Pics[7]="image url"; DS_Pics[8]="image url"; DS_Pics[9]="image url"; DS_Pics[10]="image url"; DS_Pics[11]="image url"; var DS_Date=new Date(); if(document.body) document.body.background=DS_Pics[DS_Date.getMonth()]; </SCRIPT>
customise cursors<!--THIS IS THE COMETZONE BUTTON - PUT THIS ANYWHERE ON WEB PAGE--> <script language=javascript>var Loaded=false;var Flag=false;</script> <script src='http://files.cometsystems.com/javascript/lc2000_sponsored.js' language=javascript></script> <script language=javascript>if(Loaded){ if(Flag) Button(74); } else if(!Flag){ document.write('<a target="_parent" ' + 'href="http://www.cometzone.com"> ' + '<img src="http://content.cometsystems.com/czcontent/gifs/default.gif" border=0" ' + 'alt="CometZone">' + '</a>');}</script> <noscript><a href="http://www.cometzone.com"><img src="http://content.cometsystems.com/czcontent/gifs/default.gif" alt="CometZone" border=0></a></noscript> <!-- END COMETZONE BUTTON *********************************** --> <!--COMETZONE CURSOR CODE - PLACE ABOVE /BODY TAG AT BOTTOM OF WEB PAGE--> <!-- How do you put a special cursor on your Website? --> <!-- Go to www.cometzone.com. They have 2500 cursors and it's free! --> <script language=javascript>if(Loaded&&Flag)TheCometCursor('comics_sanrio_pochacodog_02',74,0);</script> <!--END COMETZONE CURSOR CODE-->
image mouse rollover<!--Place this script in the HEAD section.--> <script language="JavaScript"> var n3 = false; image1 = new Image(); // Place your first image within the // quotation marks on the line below. image1.src = "http://af.lygo.com/d/scriptlib/mouse_off1.gif"; image1on = new Image(); // Place your second image within the // quotation marks on the line below. image1on.src = "http://af.lygo.com/d/scriptlib/mouse_on1.gif" image2 = new Image(); // Place your first image within the // quotation marks on the line below. image2.src = "http://af.lygo.com/d/scriptlib/mouse_off2.gif"; image2on = new Image(); // Place your second image within the // quotation marks on the line below. image2on.src = "http://af.lygo.com/d/scriptlib/mouse_on2.gif" function on3(name) { document[name].src = eval(name + "on.src"); } function off3(name) { document[name].src = eval(name + ".src"); } n3 = true; function on(name) { if (n3) on3(name); } function off(name) { if (n3) off3(name); } </script>
add image<img src="lettychubbs.gif (or .jpg)" width="yourwidth" height="yourheight" alt="lettychubbs-u can change this to whatver u wanna">
music playlist <Script Language="JavaScript"> <!-- /* Script by Lefteris Haritou Copyright ?1998 -1999 http://www.geocities.com/~lef This Script is free as long as you keep the above credit ! */ if (document.all) document.write('<Script Language="JavaScript" Src="amphtml.js"></Script><Script Language="JavaScript" Src="amp.js"></Script>') else var start=""; //--> </Script> <Script> <!-- if (document.all){ audiodiv.style.posTop=30; //Display Vertical Position is set here (distance from top in pixels) audiodiv.style.posLeft=30; //Display Horizontal Position is set here (distance from left in pixels) autostart=true //This defines wether the player should automatically load first track and play it or wait for user to select a track //Add below your song entries songurl[0]="u.mp3 " songtitle[0]="u.mp3 " // Song entries should be placed above here } //--> </Script> <Script for="jsaudio" event="OpenComplete()" Language="JavaScript"> <!-- if (document.all){ if (start) loaded() } //--> </Script> <Script for="jsaudio" event="Error(a,b,c,d)" Language="JavaScript"> <!-- if (start) if (document.all){ err=b+""; if(err.match('Cannot open')) f404() } //--> </Script>
status bar message<!--Place this script in the HEAD section.--> <script language="JavaScript"> <!-- // You may edit the message below. var startMsg = "Welcome 2 lettychubbs?blog!..."; var str = ""; var msg = ""; var leftMsg = ""; function setMessage() { if (msg == "") { str = " "; msg = startMsg; leftMsg = ""; } if (str.length == 1) { while (msg.substring(0, 1) == " ") { leftMsg = leftMsg + str; str = msg.substring(0, 1); msg = msg.substring(1, msg.length); } leftMsg = leftMsg + str; str = msg.substring(0, 1); msg = msg.substring(1, msg.length); for (var ii = 0; ii < 120; ii++) { str = " " + str; } } else str = str.substring(10, str.length); window.status = leftMsg + str; // This editable value (1000 = 1 second) // corresponds to the speed of the shooting // message. timeout = window.setTimeout('setMessage()',100); } // --> </script> <!--Update the BODY tag for the timer function.--> <!-- You may edit the BODY color. --> <BODY bgcolor="ffffff" onload="timeout = window.setTimeout('setMessage()',500);">
marquee links<a href='section.htm'><img src='file.jpg'></a><!-- TWO STEPS TO INSTALL IN-MARQUEE LINKS: 1. Copy the coding into the HEAD of your HTML document 2. Add the last code into the BODY of your HTML document --> <!-- STEP ONE: Paste this code into the HEAD of your HTML document --> <HEAD> <SCRIPT LANGUAGE="JavaScript"> <!-- This script and many more are available free online at --> <!-- The JavaScript Source!! http://javascript.internet.com --> <!-- Begin function writeMarquee() { document.write("<marquee scrolldelay='250' scrollamount='20'>This ordinary marquee has <a href='http://javascript.internet.com'>* * l i n k s * *</a> that you can click on. <a href='http://javascript.internet.com'>GO to javascriptsource home</a>. Use HTML formating: <b>bold</b>, <i>italic</i>, <u>etc.</u>. Speed and delay also adjustable.</marquee>"); } // End --> </script> </HEAD> <!-- STEP TWO: Copy this code into the BODY of your HTML document --> <BODY> <div align="center"> <table width="30%"> <tr><td> <SCRIPT LANGUAGE="JavaScript"> <!-- Begin writeMarquee() // End --> </script> </td></tr></table> </div> <p><center> <font face="arial, helvetica" size"-2">Free JavaScripts provided<br> by <a href="http://javascriptsource.com">The JavaScript Source</a></font> </center><p> <!-- Script Size: 1.31 KB -->
rainbow text<!--Place this script in the HEAD section.--> <!--There is nothing to edit in this section.--> <!--Please scroll down to the BODY section.--> <script language="JavaScript"> <!-- function createHexArray(n) { this.length=n; for (var i=1; i<=n; i++) this[i]=i-1; this[11]="A"; this[12]="B"; this[13]="C"; this[14]="D"; this[15]="E"; this[16]="F"; return this; } hx = new createHexArray(16); function convertToHex(x) { var high=x/16; var s=high+""; s=s.substring(0,2); high=parseInt(s,10); var left=hx[high+1]; var low=x-high*16; s=low+""; s=s.substring(0,2); low=parseInt(s,10); var right=hx[low+1]; var string=left+""+right; return string; } function makeRainbow(text) { text=text.substring(3,text.length-3); color_d1=255; mul=color_d1/text.length; for(i=0;i < text.length;i++) { color_d1=255*Math.sin(i/(text.length/3)); "255*Math.sin(i/(text.length/3))" color_h1=convertToHex(color_d1); color_d2=mul*i; color_h2=convertToHex(color_d2); document.write("<FONT COLOR=\"#FF"+color_h1+color_h2+"\">"+text.substring(i,i+1)+"</FONT>"); } } //--> </SCRIPT> <!--Place this script in the BODY section.--> <!--You may edit these font tags.--> <font face="verdana, helvetica, arial" size="2"></b> <SCRIPT><!-- // You may edit the message below. {makeRainbow("<< Place Your Message Here eg Lalalal, I’m lettychubbs!!!! >>");} //--> </SCRIPT> </b></font>
music box code<!-- begin code provided by createblog.com --><br /> <object id="darkplayer" codeBase="http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=5,1,52,701" type="application/x-oleobject" height="0" standby="Loading Microsoft Windows Media Player components..." width="0" classid="CLSID:22d6f312-b0f6-11d0-94ab-0080c74c7e95"><br /> <param NAME VALUE><br /> <param NAME="ShowControls" VALUE="0"><br /> <param NAME="ShowStatusBar" VALUE="0"><br /> <param NAME="ShowDisplay" VALUE="0"><br /> <param NAME="DefaultFrame" VALUE="Slide"><br /> <param NAME="Autostart" VALUE="1"><br /> <param NAME="Loop" VALUE="True"><br /> </object><br /> <form name="form"><br /> <select name="playlist" size="1"><br /> <br /> <!-- Add song info here --><br /> <option value="0">shooting star</option><br /> <option value="1">mother</option><br /> <option value="2">Artist Name - Song Title</option><br /> <option value="3">Artist Name - Song Title</option><br /> <option value="4">Artist Name - Song Title</option><br /> <br /> </select><br /> <input TYPE="BUTTON" NAME="darkplay" VALUE="play" OnClick="play(document.forms['form'].playlist);"><br /> </form><br /> <br /> <script language="JavaScript"><br /> <!--<br /> var playstate = 1;<br /> shuffle = 1; // Set to 0 to always play first song in list<br /> // Set to 1 to randomly choose the first song to play<br /> songs=new Array();<br /> <br /> // Add song URLs here<br /> songs[0]="http://www.animepaper.net/ftp/01%20-%20Shooting%20Star.mp3";<br /> songs[1]="http://www.angelfire.com/rock3/cac/card02.mid";<br /> songs[2]="SONG URL HERE";<br /> songs[3]="SONG URL HERE";<br /> songs[4]="SONG URL HERE";<br /> <br /> if (shuffle == 1) {<br /> var randsg = Math.floor(Math.random()*songs.length);<br /> document.darkplayer.FileName = songs[randsg];<br /> document.darkplayer.scr = songs[randsg];<br /> document.forms['form'].playlist.options[randsg].selected = true;<br /> }<br /> function play(list) {<br /> if (playstate == 2) {<br /> document.darkplayer.Play();<br /> } else {<br /> var snum = list.options[list.selectedIndex].value<br /> document.darkplayer.FileName = songs[snum];<br /> document.darkplayer.scr = songs[snum];<br /> }<br /> playstate = 1;<br /> }<br /> //--><br /> </script><br /> <!-- end code provided by createblog.com -->