Tips & Tricks For Homepage HTML

adfad

I have used the following codes with success, however
they are placed here for my personal convenience. You may use them
if you like but do so with the understanding that I will not assume
damages or be responsible for any loss of data by their use.
Robert B Craig

WebPage Pop-Up Add Limiter

Cookied Popups ~ Oftentimes, webmasters have a desire to launch a popup when someone comes to their website. However, they don't want it to pop up for that same person each and every time the visitor arrives. Below is a nice little script we found that will launch a popup and cookie the visitor to prevent it from popping again for a predetermined length of time.
You can set the time variable in the script from 0 (pop up all the time) to whatever number of days you would like. The cookie that is set will ensure that the popup will act the way you set it. You will then have control over the frequency at which any particular visitor sees the popup. This script could be used if you have a mailing list and want to remind visitors to join, or you can run an advertisement through it, or what have you. The possibilities are limited only by your imagination.

This Page Features the following 'Gradient' How to Make a Gradient Background Gradients are colors that blend into each other to form an ongoing color shift. This effect is highly appealing, and used generally in graphic design, rather than with Web pages. However, a simple style appended to your page's Body Tag can create a very nice gradient fill to form a background to the page. This style can be applied to your entire page by using it within the Body Tag, or you can choose to add fills to tables by employing the same code with your Table Tags. Consider the following code for use in your body tag to add a gradient to the whole page: <body style="filter:progid:DXImageTransform.Microsoft.Gradient(endColorstr='#ccffcc', startColorstr='#FFFFFF', gradientType='0');"></body> Now transport this to an HTML table (note how we reversed the color order for the table): <table style="filter:progid:DXImageTransform.Microsoft.Gradient(endColorstr='#ffffff', startColorstr='#ccffcc', gradientType='0');"><tr><td>adfad<br><br></td></tr></table> adfad Remember, the gradient runs from one color to the other, so you want to have highly contrasting colors for your two input values to take advantage of the full effect. Also note the gradientType, which is specified in our example as "0". This produces a vertical blend. If we set this value to "1" we get a horizontal gradation.

<SCRIPT LANGUAGE="JavaScript">  </SCRIPT>

Text Box plus Part 1 Concept

Text Box plus Imagine if you could show small snippets of information to your site’s visitors without them having to scroll through lines and lines or pages and pages of text. Here is a neat little script that will allow you to put in small amounts of information in one handy location. A drop down menu portion of the script will allow for short headlines, each of which will cause a larger amount of information to be displayed in a text area just below. This script would be ideal for "Did you Know" information, FAQ, Quick Facts or things of that nature. Take the code below and try it out and you will see the many possible uses for it on your own website. This part of the script gets entered in between <head> and the </head> tags of your html code.

Text Box Plus Part 2
<SCRIPT LANGUAGE="JavaScript">  </SCRIPT>

Text Box Plus Part 3

This part of the script goes between the and the tags of your code and in the
location you would like the info box to appear on your page.

<form name="messageForm"> <select name="messagePick" OnChange="messageReveal()"> <option value="0">The Question Is? <option>Ever seen this before? <option>Unlimited uses? <option>Saves pages of coding </select> <br> <textarea name="messageField" rows=6 cols=50 wrap=virtual>

Control & Customize Pup-Ups

   <SCRIPT LANGUAGE="JavaScript"> /* This script compliments of http://www.designerindex.com */ var expDays = 1; // number of days the cookie should last (0 will cause it to always pop up) var page = "http://www.YourPopUpPageAddressHere"; var windowprops = "width=650,height=500,location=yes,toolbar=no,menubar=no,scrollbars=yes,resizable=yes"; function GetCookie (name) { var arg = name + "="; var alen = arg.length; var clen = document.cookie.length; var i = 0; while (i < clen) { var j = i + alen; if (document.cookie.substring(i, j) == arg) return getCookieVal (j); i = document.cookie.indexOf(" ", i) + 1; if (i == 0) break; } return null; } function SetCookie (name, value) { var argv = SetCookie.arguments; var argc = SetCookie.arguments.length; var expires = (argc > 2) ? argv[2] : null; var path = (argc > 3) ? argv[3] : null; var domain = (argc > 4) ? argv[4] : null; var secure = (argc > 5) ? argv[5] : false; document.cookie = name + "=" + escape (value) + ((expires == null) ? "" : ("; expires=" + expires.toGMTString())) + ((path == null) ? "" : ("; path=" + path)) + ((domain == null) ? "" : ("; domain=" + domain)) + ((secure == true) ? "; secure" : ""); } function DeleteCookie (name) { var exp = new Date(); exp.setTime (exp.getTime() - 1); var cval = GetCookie (name); document.cookie = name + "=" + cval + "; expires=" + exp.toGMTString(); } var exp = new Date(); exp.setTime(exp.getTime() + (expDays*24*60*60*1000)); function amt(){ var count = GetCookie('count') if(count == null) { SetCookie('count','1') return 1 } else { var newcount = parseInt(count) + 1; DeleteCookie('count') SetCookie('count',newcount,exp) return count } } function getCookieVal(offset) { var endstr = document.cookie.indexOf (";", offset); if (endstr == -1) endstr = document.cookie.length; return unescape(document.cookie.substring(offset, endstr)); } function checkCount() { var count = GetCookie('count'); if (count == null) { count=1; SetCookie('count', count, exp); window.open(page, "", windowprops); } else { count++; SetCookie('count', count, exp); } } window.onload=checkCount </script>
FOR FIRE-WORKS HTML COPY AND PASTE THE FOLLOWING TO YOUR WEB PAGE.
THE DARKER THE BACKGROUND THE BETTER IT LOOKS ON YOUR SITE.  <script language="JavaScript">  </script> 

FOR MOUSE POINTER EFFECT CUT AND PASTE
THE FOLLOWING INTO YOUR HTML PAGE.
 <script language="JavaScript"> if (document.all){ with (document){ write('<div id="starsDiv" style="position:absolute;top:0px;left:0px">') write('<div style="position:relative;width:1px;height:1px;background:#ffffff;font-size:3px;visibility:visible"></div>') write('<div style="position:relative;width:1px;height:1px;background:#fff000;font-size:3px;visibility:visible"></div>') write('<div style="position:relative;width:1px;height:1px;background:#ffa000;font-size:3px;visibility:visible"></div>') write('<div style="position:relative;width:1px;height:1px;background:#ff00ff;font-size:3px;visibility:visible"></div>') write('<div style="position:relative;width:1px;height:1px;background:#00ff00;font-size:3px;visibility:visible"></div>') write('<div style="position:relative;width:1px;height:1px;background:#0000ff;font-size:3px;visibility:visible"></div>') write('<div style="position:relative;width:1px;height:1px;background:#FF0000;font-size:3px;visibility:visible"></div>') write('<div style="position:relative;width:2px;height:2px;background:#ffffff;font-size:4px;visibility:visible"></div>') write('<div style="position:relative;width:2px;height:2px;background:#fff000;font-size:4px;visibility:visible"></div>') write('<div style="position:relative;width:2px;height:2px;background:#ffa000;font-size:4px;visibility:visible"></div>') write('<div style="position:relative;width:2px;height:2px;background:#ff00ff;font-size:4px;visibility:visible"></div>') write('<div style="position:relative;width:2px;height:2px;background:#00ff00;font-size:4px;visibility:visible"></div>') write('<div style="position:relative;width:2px;height:2px;background:#0000ff;font-size:4px;visibility:visible"></div>') write('<div style="position:relative;width:3px;height:3px;background:#FF0000;font-size:4px;visibility:visible"></div>') write('</div>') } } var Clrs=new Array(6) Clrs[0]='ff0000'; Clrs[1]='00ff00'; Clrs[2]='000aff'; Clrs[3]='ff00ff'; Clrs[4]='fff000'; Clrs[5]='fffff0'; if (document.layers) {window.captureEvents(Event.MOUSEMOVE);} var yBase = 200; var xBase = 200; var step; var currStep = 0; var Xpos = 1; var Ypos = 1; if (document.all) { function MoveHandler(){ Xpos = document.body.scrollLeft+event.x; Ypos = document.body.scrollTop+event.y; } document.onmousemove = MoveHandler; } else if (document.layers) { function xMoveHandler(evnt){ Xpos = evnt.pageX; Ypos = evnt.pageY; } window.onMouseMove = xMoveHandler; } function animateLogo() { if (document.all) { yBase = window.document.body.offsetHeight/4; xBase = window.document.body.offsetWidth/4; } else if (document.layers) { yBase = window.innerHeight/4; xBase = window.innerWidth/4; } if (document.all) { for ( i = 0 ; i < starsDiv.all.length ; i++ ) {step=3; starsDiv.all[i].style.top = Ypos + yBase*Math.cos((currStep + i*4)/12)*Math.cos(0.7+currStep/200); starsDiv.all[i].style.left = Xpos + xBase*Math.sin((currStep + i*3)/10)*Math.sin(8.2+currStep/400); for (ai=0; ai < Clrs.length; ai++) { var c=Math.round(Math.random()*[ai]); } starsDiv.all[i].style.background=Clrs[c]; } } else if (document.layers) { for ( j = 0 ; j < 14 ; j++ ) {step = 4; var templayer="a"+j document.layers[templayer].top = Ypos + yBase*Math.sin((currStep + j*4)/12)*Math.cos(0.7+currStep/200); document.layers[templayer].left = Xpos + xBase*Math.sin((currStep + j*3)/10)*Math.sin(8.2+currStep/400); for (aj=0; aj < Clrs.length; aj++) { var c=Math.round(Math.random()*[aj]); } document.layers[templayer].bgColor=Clrs[c]; } } currStep+= step; setTimeout("animateLogo()", 10); } animateLogo(); </script> 

FOR THE AMBER TICKER CODE CUT AND PAST THE
FOLLOWING CODE TO YOUR HTML PAGE.
 <P ALIGN=CENTER> <SCRIPT LANGUAGE="JavaScript1.2" src="http://www.codeamber.org/js/codea.js"> </script> </P> 
FOR THE ONLINE CLOCK CODE COPY THE
FOLLOWING CODE TO YOUR HTML PAGE.
<center><b><script> /* Live Date Script- © Dynamic Drive (www.dynamicdrive.com) For full source code, installation instructions, 100's more DHTML scripts, and Terms Of Use, visit http://www.dynamicdrive.com */ var dayarray=new Array("Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday") var montharray=new Array("January","February","March","April","May","June","July","August","September","October","November","December") function getthedate(){ var mydate=new Date() var year=mydate.getYear() if (year < 1000) year+=1900 var day=mydate.getDay() var month=mydate.getMonth() var daym=mydate.getDate() if (daym<10) daym="0"+daym var hours=mydate.getHours() var minutes=mydate.getMinutes() var seconds=mydate.getSeconds() var dn="AM" if (hours>=12) dn="PM" if (hours>12){ hours=hours-12 } if (hours==0) hours=12 if (minutes<=9) minutes="0"+minutes if (seconds<=9) seconds="0"+seconds //change font size here var cdate="<small><font color='000000' face='Arial'><b>"+dayarray[day]+", "+montharray[month]+" "+daym+", "+year+" "+hours+":"+minutes+":"+seconds+" "+dn +"</b></font></small>" if (document.all) document.all.clock.innerHTML=cdate else if (document.getElementById) document.getElementById("clock").innerHTML=cdate else document.write(cdate) } if (!document.all&&!document.getElementById) getthedate() function goforit(){ if (document.all||document.getElementById) setInterval("getthedate()",1000) } </script> <span id="clock"></span> <body onLoad="goforit()"></b></center> </font>

For SLIDE-IN MENU Bar Cut and paste
the following Code into your HTML Doccument.
 <style>  </style>  <script language="JavaScript1.2"> if (document.all) document.write('<div id="slidemenubar2" style="left:-150" onMouseover="pull()" onMouseout="draw()">') </script> <layer id="slidemenubar" onMouseover="pull()" onMouseout="draw()"> <script language="JavaScript1.2"> var sitems=new Array() var sitemlinks=new Array() //extend or shorten this list sitems[0]="Home" sitems[1]="Support" sitems[2]="Products" sitems[3]="Downloads" sitems[4]="Order Page" sitems[5]="Koala HTML" //These are the links pertaining to the above text. sitemlinks[0]="http://www.avantrix.com" sitemlinks[1]="http://www.avantrix.com/support.htm" sitemlinks[2]="http://www.avantrix.com/products.htm" sitemlinks[3]="http://www.avantrix.com/download.htm" sitemlinks[4]="http://www.avantrix.com/order.htm" sitemlinks[5]="http://www.avantrix.com/koalahtm.htm" for (i=0;i<=sitems.length-1;i++) document.write('<a href='+sitemlinks[i]+'>'+sitems[i]+'</a><br>') </script> </layer> <script language="JavaScript1.2"> function regenerate(){ window.location.reload() } function regenerate2(){ if (document.layers) setTimeout("window.onresize=regenerate",400) } window.onload=regenerate2 if (document.all){ document.write('</div>') themenu=document.all.slidemenubar2.style rightboundary=0 leftboundary=-150 } else{ themenu=document.layers.slidemenubar rightboundary=150 leftboundary=10 } function pull(){ if (window.drawit) clearInterval(drawit) pullit=setInterval("pullengine()",50) } function draw(){ clearInterval(pullit) drawit=setInterval("drawengine()",50) } function pullengine(){ if (document.all&&themenu.pixelLeft<rightboundary) themenu.pixelLeft+=5 else if(document.layers&&themenu.left<rightboundary) themenu.left+=5 else if (window.pullit) clearInterval(pullit) } function drawengine(){ if (document.all&&themenu.pixelLeft>leftboundary) themenu.pixelLeft-=5 else if(document.layers&&themenu.left>leftboundary) themenu.left-=5 else if (window.drawit) clearInterval(drawit) } </script> 

To Use the "Add To Favorites Code, cut and paste
the following into your HTML page.
  <script language="JavaScript1.2"> //configure the two variables below to match yoursite's own info var bookmarkurl="http://www.avantrix.com" var bookmarktitle="AVANTRIX Inc. Home Page" function addbookmark(){ if (document.all) window.external.AddFavorite(bookmarkurl,bookmarktitle) } </script>  javascript:addbookmark() <a href="javascript:addbookmark()">Bookmark this site!</a> 

For the "End Browser Redirect Code" Copy and Paste
the following Code in to you HTML Doccument.
 <script> var browser_type=navigator.appName var browser_version=parseInt(navigator.appVersion) //if NS 4+ if (browser_type=="Netscape"&&browser_version>=4) window.location.replace("http://www.netscape.com") //if IE 4+ else if (browser_type=="Microsoft Internet Explorer"&&browser_version>=4) window.location.replace("http://microsoft.com") //Default goto page (NOT NS 4+ and NOT IE 4+) else window.location="http://www.avantrix.com" </script> 

For the "Set Site as Home Page script" Code Copy and
Paste the following into your HTML Doccument.
 <SCRIPT Language="Javascript"> function printit(){ if (window.print) { window.print() ; } else { var WebBrowser = '<OBJECT ID="WebBrowser1" WIDTH=0 HEIGHT=0 CLASSID="CLSID:8856F961-340A-11D0-A96B-00C04FD705A2"></OBJECT>'; document.body.insertAdjacentHTML('beforeEnd', WebBrowser); WebBrowser1.ExecWB(6, 2);//Use a 1 vs. a 2 for a prompting dialog box WebBrowser1.outerHTML = ""; } } </script> <SCRIPT Language="Javascript"> var NS = (navigator.appName == "Netscape"); var VERSION = parseInt(navigator.appVersion); if (VERSION > 3) { document.write('<form><input type=button value="Print this Page" name="Print" onClick="printit()"></form>'); } </script> 

To Use The "Set Site as Home Page script",
Copy and paste the following into your HTML.
 <a class="chlnk" style="cursor:hand" HREF onClick="this.style.behavior='url(#default#homepage)';this.setHomePage('http://www.avantrix.com');">Click here to make AVANTRIX your default homepage</a> 

For a three column TABLE CODE copy and
paste the following into your HTML Page.
<TABLE Align="Center" Border="2" Bordercolor="#FFFFFF" Width="70%" bgcolor="#000080"> <TR> <TD><font face="Arial"><font size=1><font color="#FFFF00">Column 1, Row 1</font></font></font></font></TD> <TD><font face="Arial"><font size=1><font color="#FFFF00">Column 2, Row 1</font></font></font></TD> <TD><font face="Arial"><font size=1><font color="#FFFF00">Column 3, Row 1</font></font></font></TD> </TR> <TR> <TD><font face="Arial"><font size=1><font color="#FFFF00">Column 1, Row 2</font></font></font></TD> <TD><font face="Arial"><font size=1><font color="#FFFF00">Column 2, Row 2</font></font></font></TD> <TD><font face="Arial"><font size=1><font color="#FFFF00">Column 3, Row 2</font></font></font></TD> </TR> </TABLE>

To use the BIBLEGATEWAY.COM SEARCH BIBLE on your site
simply copy and paste the following on your HTML Page.
<center> <table width="360" border="1" cellspacing="0" cellpadding="0" bordercolor="#281C36"><tr> <td bgcolor="#CAC6D7" background="http://www.biblegateway.com/images/forms/background.gif"> <img src="http://www.biblegateway.com/images/forms/title.gif" alt="Search the Bible with BibleGateway.com"> <table border="0" cellspacing="0" cellpadding="2" align="center"><tr><td> </td><td> <form action="http://www.biblegateway.com/cgi-bin/bible" method="get"> <input type="text" name="search" size="22" value="Search by Keyword" onBlur="if(this.value==''){this.value='Search by Keyword';}" onFocus="if(this.value=='Search by Keyword'){this.value='';}" style="font: normal 10px Arial, Helvetica, sans-serif"> </td><td> <input type="submit" name="Submit" value="Go" style="font: normal 10px Arial, Helvetica, sans-serif"> </td></form><td> </td> <form action="http://www.biblegateway.com/cgi-bin/bible" method="get"> <td> <input type="text" name="passage" size="22" value="Search by Passage" onBlur="if(this.value==''){this.value='Search by Passage';}" onFocus="if(this.value=='Search by Passage'){this.value='';}" style="font: normal 10px Arial, Helvetica, sans-serif"> </td><td> <input type="submit" name="Submit" value="Go" style="font: normal 10px Arial, Helvetica, sans-serif"> </td></form><td> </td></tr></table> <img src="http://www.biblegateway.com/images/forms/sig.gif" alt="BibleGateway.com is a service of Gospelcom.net"> <center> <a href="http://www.biblegateway.com/help/webmaster_tools/form.php" style="font: bold 10px Arial, Helvetica, sans-serif; color: #666699; font-weight: bold;"> Include this form on your page </a></center></td></tr></table> </center>

E-Mail

Craig Pages
Serves Christ

Join
The GoBible Study Of The Week

[Site Index] [Sermons] [Blessings] [Sermon Starters] [Short & Long] [News] [Family] [Contacts] [Our Links]
Empowered by The Grace Of Jesus Christ

	Craig Pages Serves Christ Join The GoBible Study Of The Week
[Site Index] [Sermons] [Blessings] [Sermon Starters] [Short & Long] [News] [Family] [Contacts] [Our Links] Empowered by The Grace Of Jesus Christ