Advanced WebCam Template

Main

Users

Bookmark it!

Advanced Template

Follow these easy instructions and you'll have your WebCam up and running in less than 5 minutes!

In this template, only the floating window refreshes. For this reason, you need TWO pages (files) to be set up on your web server.

Click here to select the main template HTML code below.
On your keyboard, press Ctrl-C to copy the selected text.
Open up a text editor, such as MS Notepad. Create a new file.
On your keyboard, press Ctrl-V to paste the copied code into the new file.
Click here to select the remote window template HTML code below.
Repeat steps 2, 3 and 4 with it.
Customize both.
Save (or upload) them onto your server.
You're done!

Code for the main page that will call the remote window: <html> <head> <META NAME="KEYWORDS" CONTENT="put keywords separated by commas here"> <META NAME="DESCRIPTION" CONTENT="brief description of your site goes here"> <title>YOUR SITE TITLE GOES HERE</title> <script LANGUAGE="JavaScript">  </script> </head> <body bgcolor="white"> <center> <font face="Arial,Helvetica,Verdana" size=-1> <h1>MY WEBCAM PAGE NAME</h1> <h2>My WebCam page slogan</h2><p><br /> <img src="URLTOWEBCAMIMAGE" border=1 width=320 height=240 alt="My WebCam Image"><br /><br /> [ <a href="javascript:caminawin();">OPEN IN FLOATING WINDOW</a> ]</form><p> Please DO NOT hit RELOAD on your browser. <p><br /><br /><br /> <h3>Misc stuff here (personal info, WebCam info,...)</h3> <p><br /><br /><br /> <hr width=225> <font size=-2>Base Template courtesy of <b><i><a href="http://www.webcamworld.com/" target="_top">WebCam World</a></i></b>. </font><p><br /> </font> </center> </body> </html>

Code for the floating window (save it with a name and reflect this name in the REMOTEFILENAME field of the main page HTML code): <html> <head> <META HTTP-EQUIV=REFRESH CONTENT="RELOADSECONDS"> <META HTTP-EQUIV="Expires" CONTENT="Tue, 01 Jan 1980 1:00:00 GMT"> <META HTTP-EQUIV="Pragma" CONTENT="no-cache"> <title>YOUR SITE TITLE GOES HERE</title> <script LANGUAGE="JavaScript">  </script> </head> <body bgcolor="white" onLoad="StartClock()"> <center> <font face="Arial,Helvetica,Verdana" size=-1> <img src="URLTOWEBCAMIMAGE" border=1 width=320 height=240 alt="My WebCam Image"><br /> <form NAME="form1"><b><font size="-1" face="Arial">AutoReload in ~ </font> <input TYPE="text" NAME="clock" SIZE="2" VALUE> <font size="-1" face="Arial">seconds.</font></b><br /> </font> </center> </body> </html>

Please leave the link back to us unmodified if you plan to use this template. Thanks!

[ PREVIEW IN WINDOW ]

Things to modify:

RELOADSECONDS: how many seconds until page reloads by itself.
Keywords for search engines to find your site.
Eg. webcams, cameras, live, images, webcam32
Description for your site.
Eg. This is my personal WebCam page. Come and see me live!
Title of your WebCam site.
Eg. John Doe's WebCam Page
In the SCRIPT section:
REMOTEFILENAME: File name you used to save the HTML code of the floating window.
Eg. remotewin.html
URLTOWEBCAMIMAGE: full URL or WebCam Image filename to the image the WebCam software grabs and stores in your server.
Eg. http://myserver.com/myaccount/image.jpg
Change var x = RELOADSECONDS to match the reload seconds value.
Eg.: var x = 30
In the BODY section:
MyWebCamPage title and slogan text lines.
URLTOWEBCAMIMAGE: full URL or WebCam Image filename to the image the WebCam software grabs and stores in your server.
Eg. http://myserver.com/myaccount/image.jpg

That's all! The rest of attributes can go into the FONT and BODY tags. Refer to an HTML guide to change font size, type and default colors, adding images, etc.

Once you have started your own WebCam after viewing some samples, it's time to PROMOTE it, make it available to people so other users may be able to find it and return to it once they've bookmarked your site. Follow our tips in our new section "Promote It!" or use any other template.