
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en-GB">
<head>
   <title>Webcam Effects - Take Photos Online With Your Webcam.</title>
<meta http-equiv="Content-Type" content="application/xhtml+xml; charset=utf-8" />
<meta name="description" content="Webcam Effects - Take webcam photobooth images online with over 100 different effects, filters, styles and themes to choose from with HTML Snap. It's completely free to snap photos with this photobooth app and host them as well as saving them directly to you computer and now nearly all apps have a time delay setting enabled." /> 
<meta name="robots" content="index, follow" />
<link rel="canonical" href="http://htmlsnap.com" />
<link rel="icon" href="http://htmlsnap.com/Icons/favicon.ico" type="image/x-icon" />
<link rel="stylesheet" href="http://htmlsnap.com/resources/CSS/Styles2.css" type="text/css" charset="utf-8" />
<link rel="stylesheet" href="http://htmlsnap.com/resources/CSS/jquery.fancybox-1.3.4.css" type="text/css" charset="utf-8" />
<style type="text/css">
#info2{clear:both;}#snapPanel{border:solid 1px #362FFF;height:24px;line-height:21px;padding-left:10px;padding-right:10px;clear:both;}
#PreHeader{height:40px;border-bottom:2px #362FFF solid;width:100%;}.bbdr{border-bottom:solid #362FFF 2px;color:#2A567B;}.blu{color:#00f;}
.info_heading{margin:1px;color:#fff;padding:3px 10px;cursor:pointer;background-color:#362FFF;background-image:-webkit-gradient(linear,0 0,0 100%,from(#362FFF),to(#000000));background-image:-moz-linear-gradient(top, #362FFF, #000000);
filter:progid:DXImageTransform.Microsoft.Gradient(EndColorstr='#000000',StartColorstr='#362FFF',GradientType=0);
}.tempAd{/*background:#bbbbbb;*/}.gradH{background-image:-webkit-gradient(linear,0 0,0 100%,from(#362FFF),to(#ffffff));background-image:-moz-linear-gradient(top, #362FFF, #ffffff);
filter:progid:DXImageTransform.Microsoft.Gradient(EndColorstr='#ffffff',StartColorstr='#362FFF',GradientType=0);
}.gradHb{background-image:-webkit-gradient(linear,0 0,0 100%,from(#ffffff),to(#362FFF));background-image:-moz-linear-gradient(top, #ffffff, #362FFF);
filter:progid:DXImageTransform.Microsoft.Gradient(EndColorstr='#362FFF',StartColorstr='#ffffff',GradientType=0);}.b_list ul li{padding-top:3px;padding-bottom:3px;}.link{color:#00f;cursor:pointer;}.link:hover{text-decoration:underline;}
#fancybox-overlay,.app_bckcol{background-color:#362FFF!important;}.terms, #Footer{background-image:-webkit-gradient(linear,0 0,0 100%,from(#838080),to(#000000));background-image:-moz-linear-gradient(top, #838080, #000000);filter:progid:DXImageTransform.Microsoft.Gradient(EndColorstr='#000000',StartColorstr='#838080',GradientType=0);}
#snaps .img{margin:2px;border:1px solid #362FFF;height:auto;width:auto;}#snaps .img img{display:inline;margin:3px;border:1px solid #ffffff;}#snaps .img a:hover img{border:1px solid #362FFF;}#snaps .desc{font-weight:normal;width:160px;margin:2px;}
.b_l{border-left:1px solid #362FFF;}.b_r{border-right:1px solid #362FFF;}.b_t{border-top:1px solid #362FFF;}.b_b{border-bottom:1px solid #362FFF;}
#mySnaps,#Galls{clear:both;margin-top:15px;margin-left:10px;}
#mySnaps dl,#Galls dl{font-size:12px;margin-top:25px;text-align:center;}
#mySnaps dt,#mySnaps dd{width:8.5em;float:left;}#Galls dt,#Galls dd{width:150px;float:left;}
#mySnaps dt,#Galls dt{margin-bottom:2.5em;}#Galls dd{margin:75px 10px 0 -150px;}
#mySnaps dd{margin:75px 10px 0 -8.5em;}#Galls dt img{width:120px;height:120px;vertical-align:bottom;}
#mySnaps dt img{width:120px;height:90px;vertical-align:bottom;border:2px solid #362FFF;padding:2px;background:#fff;}
#mySnaps em,Galls em{display:block;}#mySnaps em input{cursor:pointer;float:right;position:relative;top:-80px;width:20px;height:18px;padding-bottom:2px;background:#BF0000;color:#fff;font-weight:bold;font-size:13px;}
#Galls em span{float:right;position:relative;top:-80px;background:#7F50C0;color:#fff;}#Galls .spn{position:relative;top:10px;float:left;background:#AD3795;}
#mySnaps a:hover img,#mySnaps a:active img,#mySnaps a:focus img{background:#362FFF;}#appFunc dd{margin:8px;}
#chklbl{border:1px solid #362FFF;position:relative;left:-6px;top:8px;text-align:center;cursor:pointer;font-size:13px;}
.menu_head{margin-top:15px;margin-left:-5px;height:51px;width:355px;background:url('http://resources.htmlsnap.com/images/layout/headerbck.png') #362FFF;}
#my_Galleries .tbl{cursor:pointer;border:1px solid #527EA6;margin-top:20px;font-size:17px;}#my_Galleries .td{width:55px;text-align:left;background:url('http://resources.htmlsnap.com/images/layout/gallbck.gif')no-repeat 8px -8px;}
#my_Galleries .dbtn{cursor:pointer;width:20px;height:18px;padding-bottom:2px;background:#BF0000;color:#fff;font-weight:bold;font-size:13px;}.del_btn{background:#BF0000;color:#fff;font-size:10px;cursor:pointer}
.m_h4{padding:8px;color:#fff;padding-left:10px;}

.extlnk{color:#004700;}
.bcol{background-color:#362FFF;}
#Ad_main{height:0px!important;}/*remove header ad*/
</style>

<script type="text/javascript">
  var _gaq = _gaq || [];
  _gaq.push(['_setAccount', 'UA-2172027-8']);
  _gaq.push(['_setDomainName', '.htmlsnap.com']);
  _gaq.push(['_trackPageview']);
  (function() {
    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
  })();
</script>
<script type="text/javascript" src="http://www.google.com/jsapi"></script> 
<script type="text/javascript">
google.load("jquery", "1.6");//6
pripol_loaded=false;

var appName    = "";
var memberID   = "";
var memberName = "";
var ajax_load  = "<img class='loading' src='http://resources.htmlsnap.com/Images/Layout/Loader.gif' alt='loading.' \/>";
var appFlashID;
</script>
<script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script>
<script type="text/javascript" src="http://resources.htmlsnap.com/JScript/jquery.easing-1.3.pack.js"></script>
<script type="text/javascript" src="http://resources.htmlsnap.com/JScript/jquery.mousewheel-3.0.4.pack.js"></script>
<script type="text/javascript" src="http://resources.htmlsnap.com/JScript/jquery.fancybox-1.3.4.pack.js"></script>
<script type="text/javascript">
function openURL(app){
window.location = "http://webcam.htmlsnap.com/"+app;
}
window.onload = function(){
//fancyAlert("");
};
function loadApp(key,cam){
appFlashID=key;
var head=document.getElementsByTagName('head')[0];var script=document.createElement('script'); script.type='text/javascript';
   script.src='http://htmlsnap.com/app.asp?key='+appFlashID;head.appendChild(script);
}
$.ajaxSetup ({cache: false});

function openMod(path,h,w){
var url = ""; if(path.indexOf("://") != -1){
url=path;
if (!confirm("Are you sure you want to open a chat window\n that may contain content of an adult nature ?")){return false;}
}else{url="http://htmlsnap.com/"+path;}
window.open(url,"","width="+w+"px,height="+h+"px,resizable=1,scrollbars=1");
}
</script>

  </head>
  <body>
<div id="PreHeader" class="gradH"><!-- start before header -->
  <div id="Header" class="center"><!-- start header -->
  <a href="http://htmlsnap.com">
<img src="http://resources.htmlsnap.com/Images/Layout/snap.png" height="39" width="232" />
</a>

<div id="acc_hold" class="f_r p_t marg_t p_r p_b p_l txt_center curve">
<a href="#show_create" class="td_n" id="form_create">Create Account</a> | <a href="#SignIn" id="SigninPage" class="td_n">Sign In</a>
</div>

<div class="f_r marg_t p_r p_b p_l txt_center">
<form action="http://www.google.com" id="cse-search-box">
  <div>
    <input type="hidden" name="cx" value="partner-pub-3445002631436000:1593691069" />
    <input type="hidden" name="ie" value="UTF-8" />
    <input type="text" name="q" size="55" />
    <input type="submit" name="sa" value="Search" class="curve p_r p_b p_l p_t" style="background:#fff;cursor:pointer;color:#00f;margin-right:20px;" />
  </div>
</form>
</div>

  </div><!-- end header -->
</div>
<div style="height:15px;" class=""></div>
<!-- inc Container.asp -->
<!-- start container -->
<div id="Container" class="center">
<!-- start content -->
<!--
<object id="loader1" type="application/x-shockwave-flash" data="http://resources.htmlsnap.com/Swf/load.swf?type={E040D861-1021-404F-A950-95F0DC264764}" width="1" height="1">
<param name="movie" value="http://resources.htmlsnap.com/Swf/load.swf?type={E040D861-1021-404F-A950-95F0DC264764}" />
<param name="allowScriptAccess" value="always" />
<param name="wmode" value="transparent" /> 
</object>
-->
<h1 class="txt-shadow marg_t marg_b p_b" id="pageHeading">Webcam Effects.</h1>
<div id="Ad_main" class="tempAd b_l b_t b_r">
<!--<script type="text/javascript">
google_ad_client = "ca-pub-3445002631436000";
/* HTML Snap - Main Header Ad */
google_ad_slot = "7112526058";
google_ad_width = 728;
google_ad_height = 90;
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>-->
</div>
<div id="Navbar" class="f_r b_r">
<!-- second unit ad -->
<div id="Ad_nav" class="center nav_width marg_t p_t tempAd">
<script type="text/javascript"><!--
google_ad_client = "ca-pub-3445002631436000";
/* HTMLSnap - Left Nav Ad */
google_ad_slot = "4594477967";
google_ad_width = 300;
google_ad_height = 250;
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
</div>
<div id="Applist" class="center">
<div class="nav_width center marg_b menu_head"><h4 class="m_h4">Webcam Effects Applications</h4></div>
<ul style="display:table">
<li class="app_li" onclick="openURL('Snapshot');">
<img src="http://resources.htmlsnap.com/Images/Layout/t.gif" height="71" width="72" class="ico snapshot table_cell" />
<div class="table_cell p_l va_m w_100"><a href="http://webcam.htmlsnap.com/Snapshot" class="lnk">Snapshot</a></div>
</li>
<li class="app_li" onclick="openURL('Snapshot2');">
<img src="http://resources.htmlsnap.com/Images/Layout/t.gif" height="71" width="72" class="ico snapshot2 table_cell" />
<div class="table_cell p_l va_m w_100"><a href="http://webcam.htmlsnap.com/Snapshot2" class="lnk">Snapshot 2.0</a></div>
</li>
<li class="app_li" onclick="openURL('Anime');">
<img src="http://resources.htmlsnap.com/Images/Layout/t.gif" height="71" width="72" class="ico anime table_cell" />
<div class="table_cell p_l va_m w_100"><a href="http://webcam.htmlsnap.com/Anime" class="lnk">Ani-Me</a></div>
</li>
<li class="app_li" onclick="openURL('Color-Channels');">
<img src="http://resources.htmlsnap.com/Images/Layout/t.gif" height="71" width="72" class="ico colcha table_cell" />
<div class="table_cell p_l va_m w_100"><a href="http://webcam.htmlsnap.com/Color-Channels" class="lnk">Colour Channels</a></div>
</li>
<li class="app_li" onclick="openURL('Liquefy');">
<img src="http://resources.htmlsnap.com/Images/Layout/t.gif" height="71" width="72" class="ico liquefy table_cell" />
<div class="table_cell p_l va_m w_100"><a href="http://webcam.htmlsnap.com/Liquefy" class="lnk">Liquefy</a></div>
</li>
<li class="app_li" onclick="openURL('Colorize');">
<img src="http://resources.htmlsnap.com/Images/Layout/t.gif" height="71" width="72" class="ico colourise table_cell" />
<div class="table_cell p_l va_m w_100"><a href="http://webcam.htmlsnap.com/Colorize" class="lnk">Colourise</a></div>
</li>
<li class="app_li" onclick="openURL('Overlay');">
<img src="http://resources.htmlsnap.com/Images/Layout/t.gif" height="71" width="72" class="ico overlay table_cell" />
<div class="table_cell p_l va_m w_100"><a href="http://webcam.htmlsnap.com/Overlay" class="lnk">OverLay</a></div>
</li>
<li class="app_li" onclick="openURL('Blender');">
<img src="http://resources.htmlsnap.com/Images/Layout/t.gif" height="71" width="72" class="ico blender table_cell" />
<div class="table_cell p_l va_m w_100"><a href="http://webcam.htmlsnap.com/Blender" class="lnk">Blender</a></div>
</li>
<li class="app_li" onclick="openURL('Colorize2');">
<img src="http://resources.htmlsnap.com/Images/Layout/t.gif" height="71" width="72" class="ico colourise2 table_cell" />
<div class="table_cell p_l va_m w_100"><a href="http://webcam.htmlsnap.com/Colorize2" class="lnk">Colourise 2.0</a></div>
</li>
<li class="app_li" onclick="openURL('Mycelium');">
<img src="http://resources.htmlsnap.com/Images/Layout/t.gif" height="71" width="72" class="ico mycelia table_cell" />
<div class="table_cell p_l va_m w_100"><a href="http://webcam.htmlsnap.com/Mycelium" class="lnk">Mycelium</a></div>
</li>

</ul>
<div class="nav_width center marg_b menu_head"><h4 class="m_h4">Webcam Themed Effects</h4></div>
<ul style="display:table">
<li class="app_li" onclick="openURL('Halloween');">
<img src="http://resources.htmlsnap.com/Images/Layout/t.gif" height="71" width="72" class="ico halloween table_cell" />
<div class="table_cell p_l va_m w_100"><a href="http://webcam.htmlsnap.com/Halloween" class="lnk">Halloween</a></div>
</li>
<li class="app_li" onclick="openURL('Valentines');">
<img src="http://resources.htmlsnap.com/Images/Layout/t.gif" height="71" width="72" class="ico valentines table_cell" />
<div class="table_cell p_l va_m w_100"><a href="http://webcam.htmlsnap.com/Valentines" class="lnk">Valentine's</a></div>
</li>
<li class="app_li" onclick="openURL('Easter');">
<img src="http://resources.htmlsnap.com/Images/Layout/t.gif" height="71" width="72" class="ico easter table_cell" />
<div class="table_cell p_l va_m w_100"><a href="http://webcam.htmlsnap.com/Easter" class="lnk">Easter</a></div>
</li>
<li class="app_li" onclick="openURL('Christmas');">
<img src="http://resources.htmlsnap.com/Images/Layout/t.gif" height="71" width="72" class="ico xmas table_cell" />
<div class="table_cell p_l va_m w_100"><a href="http://webcam.htmlsnap.com/Christmas" class="lnk">Christmas</a></div>
</li>

</ul>
<div class="nav_width center marg_b menu_head"><h4 class="m_h4">Other Site Links</h4></div>
<ul style="display:table">
<li class="app_li" onclick="window.open('http://chat.htmlchat.net/');">
<img width="72" height="71" class="ico table_cell chat" src="http://resources.htmlsnap.com/Images/Layout/t.gif">
<div class="table_cell p_l va_m w_100"><a class="lnk" href="http://chat.htmlchat.net/">Chat Online</a></div>
</li>
<li class="app_li" onclick="window.open('http://pastsnaps.htmlchat.net/');">
<img width="72" height="71" class="ico table_cell psts" src="http://resources.htmlsnap.com/Images/Layout/t.gif">
<div class="table_cell p_l va_m w_100"><a class="lnk" href="http://pastsnaps.htmlchat.net/">Past Snaps</a></div>
</li>
<li onclick="window.open('http://hdbooth.net/');" class="app_li">
<img width="72" height="71" src="http://resources.htmlchat.net/Images/Layout/hdb.png" class="table_cell">
<div class="table_cell p_l va_m w_100"><a href="http://hdbooth.net/" class="lnk">HD Booth</a></div>
</li>
<li class="app_li" onclick="window.open('http://quicksnap.webcamwall.net/');">
<img width="72" height="71" class="ico table_cell wcw" src="http://resources.htmlsnap.com/Images/Layout/t.gif">
<div class="table_cell p_l va_m w_100"><a class="lnk" href="http://quicksnap.webcamwall.net/">WebcamWall</a></div>
</li>
<li class="app_li" onclick="window.open('http://afbconfessions.com/?id=random&noad');">
<img width="72" height="71" class="ico table_cell fb" src="http://resources.htmlsnap.com/Images/Layout/t.gif">
<div class="table_cell p_l va_m w_100"><a class="lnk" href="http://afbconfessions.com/?id=random&noad">AFB Confession</a></div>
</li>
<li class="app_li" onclick="window.open('http://tumblr.htmlsnap.com/');">
<img width="72" height="71" class="ico table_cell tum" src="http://resources.htmlsnap.com/Images/Layout/t.gif">
<div class="table_cell p_l va_m w_100"><a class="lnk" href="http://tumblr.htmlsnap.com/">Tumbr</a></div>
</li>
</ul>
</div>

</div>
<div id="Main" class="f_l">
	
<div style="min-height:850px;padding:15px;" class="b_l m_b p_b">
<br /><h2 class="txt-shadow marg_b">HTML Snap</h2><br />
<p class="p_b p_t">
HTML Snap offers a collection of online photo taking <a href="http://snapshot2.htmlchat.net/" target="_blank" title="Photo Booth" class="extlnk">photo booth</a> applications with a range of <a href="http://snapshot.htmlchat.net" target="_blank">webcam effects</a>, styles and filters. 
With the option to save photos directly and locally to your own computer as well as save and host directly to the HTML Snap server(s).
</p>
<p class="p_b p_t">
All applications have an easy to use interface for editing the themes or applying the filters, effects and styles, as well as setting a time delay from the drop-down list,
 print functionality and public or private creative commons license settings.
</p>
<p class="p_b p_t">
It is recommended for best results that you set your web camera resolution size to a minimum of 640x480 pixels as that will be the size of your saved snapshot,
 although other smaller sizes will be made available to you if you choose the snapshot hosting option. If you would like to save photos with larger resolutions because you have a high-definition webcam, then we recommend using <a href="http://hdbooth.net" target="_blank" title="High-Definition Webcam Photography">HD Booth</a>.
</p>
<br /><hr class="p_b p_t marg_b marg_t" />
<br /><h2 class="txt-shadow marg_b">Members</h2><br />
<p class="p_b p_t">
Signing up with HTML Snap is free and easy. Simply click the "Create Account" link and fill in the required information. Some of the benefits of being a member over a non-member are;
</p>
<ul>
<li> 1.] Not having to store links; all of the links to your snapshots will be accessible in your snapshots page.</li>
<li> 2.] Manage snapshot photos; you will be able to delete any of your snapshots.</li>
<li> 3.] Unlimited snapshot <a href="http://en.wikipedia.org/wiki/Photography" target="_blank" title="Photography" class="extlnk">photos</a>; unlike non-members you will not hit a snapshots daily limit.</li>
<li> 4.] Personal and public <a href="http://galleries.htmlsnap.com/?GalleryID=Sample" title="Snapshot Gallery">snapshot galleries</a>; you will be able to create a public or private gallery containing your selected snapshot photos.</li>
</ul>
<br /><hr class="p_b p_t marg_b marg_t" />
<br /><h2 class="txt-shadow marg_b">Non-members</h2><br />
<p class="p_b p_t">
As a non-member you will still be able to make use of all of the following;
</p>
<ul>
<li> 1.] Have full access to all of the webcam photo effects, filters, styles and themes without restriction.</li>
<li> 2.] Take an unlimited amount of locally saved snapshots via the Flash Player's save function within the "FileReference class".</li>
<li> 3.] Take <a href="http://en.wikipedia.org/wiki/Webcam" target="_blank" title="Webcam" class="extlnk">webcam</a> snapshots and host them on the HTML Snap server(s) for sharing with friends and family. Daily limits apply*.</li>
<li> 4.] Make use of all of the HTML Snap's standard functionalities and services.</li>
</ul>
<br /><hr class="p_b p_t marg_b marg_t" />
<br /><h2 class="txt-shadow marg_b">Sample Snapshot Photos</h2><br />
<div id="snaps" class="p_b p_t marg_b marg_t center txt_center">

<div class="img txt_center f_l">
<a class="grouped_elements" rel="group1" title="Sample from Snapshot" target="_blank" href="http://resources.htmlsnap.com/Images/Samples/Snapshot.jpg"><img src="http://resources.htmlsnap.com/Images/Samples/Snapshot_th.jpg" alt="Sample from Snapshot" width="160" height="120" /></a>
</div>
<div class="img txt_center f_l">
<a class="grouped_elements" rel="group1" title="Sample from Snapshot2" target="_blank" href="http://resources.htmlsnap.com/Images/Samples/Snapshot2.jpg"><img src="http://resources.htmlsnap.com/Images/Samples/Snapshot2_th.jpg" alt="Sample from Snapshot2" width="160" height="120" /></a>
</div>
<div class="img txt_center f_l">
<a class="grouped_elements" rel="group1" title="Sample from Color-Channels" target="_blank" href="http://resources.htmlsnap.com/Images/Samples/Color-Channels.jpg"><img src="http://resources.htmlsnap.com/Images/Samples/Color-Channels_th.jpg" alt="Sample from Color-Channels" width="160" height="120" /></a>
</div>
<div class="img txt_center f_l">
<a class="grouped_elements" rel="group1" title="Sample from Liquefy" target="_blank" href="http://resources.htmlsnap.com/Images/Samples/Liquefy.jpg"><img src="http://resources.htmlsnap.com/Images/Samples/Liquefy_th.jpg" alt="Sample from Liquefy" width="160" height="120" /></a>
</div>
<div class="img txt_center f_l">
<a class="grouped_elements" rel="group1" title="Sample from Colorize" target="_blank" href="http://resources.htmlsnap.com/Images/Samples/Colorize.jpg"><img src="http://resources.htmlsnap.com/Images/Samples/Colorize_th.jpg" alt="Sample from Colorize" width="160" height="120" /></a>
</div>
<div class="img txt_center f_l">
<a class="grouped_elements" rel="group1" title="Sample from Overlay" target="_blank" href="http://resources.htmlsnap.com/Images/Samples/Overlay.jpg"><img src="http://resources.htmlsnap.com/Images/Samples/Overlay_th.jpg" alt="Sample from Overlay" width="160" height="120" /></a>
</div>
<div class="img txt_center f_l">
<a class="grouped_elements" rel="group1" title="Sample from Blender" target="_blank" href="http://resources.htmlsnap.com/Images/Samples/Blender.jpg"><img src="http://resources.htmlsnap.com/Images/Samples/Blender_th.jpg" alt="Sample from Blender" width="160" height="120" /></a>
</div>
<div class="img txt_center f_l">
<a class="grouped_elements" rel="group1" title="Sample from Colorize2" target="_blank" href="http://resources.htmlsnap.com/Images/Samples/Colorize2.jpg"><img src="http://resources.htmlsnap.com/Images/Samples/Colorize2_th.jpg" alt="Sample from Colorize2" width="160" height="120" /></a>
</div>
<div class="img txt_center f_l">
<a class="grouped_elements" rel="group1" title="Sample from Mycelium" target="_blank" href="http://resources.htmlsnap.com/Images/Samples/Mycelium.jpg"><img src="http://resources.htmlsnap.com/Images/Samples/Mycelium_th.jpg" alt="Sample from Mycelium" width="160" height="120" /></a>
</div>
<div class="img txt_center f_l">
<a class="grouped_elements" rel="group1" title="Sample from Halloween" target="_blank" href="http://resources.htmlsnap.com/Images/Samples/Halloween.jpg"><img src="http://resources.htmlsnap.com/Images/Samples/Halloween_th.jpg" alt="Sample from Halloween" width="160" height="120" /></a>
</div>
<div class="img txt_center f_l">
<a class="grouped_elements" rel="group1" title="Sample from Valentines" target="_blank" href="http://resources.htmlsnap.com/Images/Samples/Valentines.jpg"><img src="http://resources.htmlsnap.com/Images/Samples/Valentines_th.jpg" alt="Sample from Valentines" width="160" height="120" /></a>
</div>
<div class="img txt_center f_l">
<a class="grouped_elements" rel="group1" title="Sample from Easter" target="_blank" href="http://resources.htmlsnap.com/Images/Samples/Easter.jpg"><img src="http://resources.htmlsnap.com/Images/Samples/Easter_th.jpg" alt="Sample from Easter" width="160" height="120" /></a>
</div>
<div class="img txt_center f_l">
<a class="grouped_elements" rel="group1" title="Sample from Christmas" target="_blank" href="http://resources.htmlsnap.com/Images/Samples/Christmas.jpg"><img src="http://resources.htmlsnap.com/Images/Samples/Christmas_th.jpg" alt="Sample from Christmas" width="160" height="120" /></a>
</div>

<div class="img txt_center f_l">
<a title="Sample from Ani-Me" target="_blank" href="http://resources.htmlsnap.com/Images/Samples/Anime.gif" class="grouped_elements" rel="group1"><img src="http://resources.htmlsnap.com/Images/Samples/Anime_th.gif" alt="Sample from Anime" width="160" height="120" /></a>
</div>
<div class="img txt_center f_l">
<a title="Sample from Snapshot2" target="_blank" href="http://resources.htmlsnap.com/Images/Samples/Snapshot2b.jpg" class="grouped_elements" rel="group1"><img src="http://resources.htmlsnap.com/Images/Samples/Snapshot2b_th.jpg" alt="Sample from Snapshot2" width="160" height="120" /></a>
</div>
</div>
<div class="cb">
<br />
<p class="p_b p_t">
The above samples are just a tiny amount of available Effects, Filters, Themes and Styles that you can apply to or edit within your webcam using these webcam applications.
</p>
</div>
<hr class="bbdr marg_b marg_t" />
<div class="center marg_t txt_center">
<script type="text/javascript"><!--
google_ad_client = "ca-pub-3445002631436000";
/* BannerUnderApp */
google_ad_slot = "3505734974";
google_ad_width = 468;
google_ad_height = 60;
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
</div>
</div>
<div id="info2">
<p class="info_heading curve terms marg_t"><span class="expand">+</span> Terms &amp; Conditions - Quick Overview.</p>
<div class="info_content curve">
<h4>Violations.</h4>
<p> Snapshots containing race hate, spam, harassment, gore or anything considered to be any of those things by site moderator(s) reviewing the reported snapshot(s) are completely forbidden from this site.</p>
</div>
<p class="info_heading curve terms"><span class="expand">+</span> Terms &amp; Conditions - Full Version.</p>
<div class="info_content curve">
<a href="http://htmlsnap.com/terms.html" onclick="openMod('terms.html',600,600);return false;">Click Here To Read The Full Site Terms</a>.
</div>
<p class="info_heading curve terms" id="ppp"><span class="expand">+</span> Privacy Policy.</p>
<div id="pripol" class="info_content curve">
</div>
</div>
<br />
<img onclick="openMod('http://chat.htmlchat.net',750,850);return false;" src="http://resources.htmlchat.net/Images/Layout/Images.aspx?img=chaticon.png" style="position:fixed;top:43px;right:0px;height:40px;" id="chat" alt="Chat" class="cp" title="Share your snaps in chat.">


</div>
<!-- end content -->
</div>
<div style="display:none">
<div class="show" id="show_create" style="width:800px;height:550px">
<div id="SignupContainer" class="center" style="width:600px;">
<form class="cform" id="signupForm" method="post" action="?signup=1">
	<fieldset>
		<legend>HTML Snap Sign Up</legend>
		<p><label for="username">User Name: </label><input id="username" name="username" /><img src="http://resources.htmlsnap.com/Images/Layout/t.gif" class="ico_form  ico_user" width="16" height="16" /></p>
		<p><label for="password">Password: </label><input id="password" name="password" type="password" onkeyup="testPassword(this.value);" /><img src="http://resources.htmlsnap.com/Images/Layout/t.gif" class="ico_form  ico_pass" width="16" height="16" /> <span id="passmeter">&nbsp;</span></p>
		<p><label for="confirm_password">Confirm Password: </label><input id="confirm_password" name="confirm_password" type="password" /><img src="http://resources.htmlsnap.com/Images/Layout/t.gif" class="ico_form  ico_passc" width="16" height="16" /></p>
		<p><label for="email">Email Address: </label><input id="email" name="email" /><img src="http://resources.htmlsnap.com/Images/Layout/t.gif" class="ico_form  ico_email" width="16" height="16" /></p>
		<p><label for="agree">Check the box to agree to the <a href="terms.html" onclick="openMod('terms.html',600,600);return false;">Terms</a></label><input type="checkbox" class="checkbox" id="agree" name="agree" /></p>
		<center><p><input class="btn curve" type="submit" value="Submit Sign Up Form" /></p></center>
	</fieldset>
</form>
</div>
<br />
<div class="marg_l marg_r p_l p_r" style="padding:15px;border:groove 2px #00ff00;">
<p class="r p_l p_r">&nbsp;&nbsp;</p>
<br />
<div class="b_list">
<ul>
<li> 1.] Your User Name should only contain upper and/or lower case letters, numbers and the underscore ("_") characters and be no less than 3 characters and no more than 17.</li>
<li> 2.] It is recommended that your password is no less than "mild" in strength.</li>
<li> 3.] Your e-mail address must be valid and will be used to confirm your new account.</li>
<li> 4.] You must agree to the terms by clicking the checkbox before the form will submit successfully (click the "Terms" link to read the site terms).</li>
</ul>
</div>
</div>
</div>
</div>

<div style="display:none">
<div class="show" id="SignIn" style="width:800px;height:400px">
<div id="SigninContainer" class="center" style="width:600px;">
<form class="sform" id="signinForm" method="post" action="?signin=1">
	<fieldset>
		<legend>HTML Snap Sign In</legend>
		<p><label for="user">User Name: </label><input id="user" name="user" /><img src="http://resources.htmlsnap.com/Images/Layout/t.gif" class="ico_form  ico_user" width="16" height="16" /><img src="http://resources.htmlsnap.com/Images/Layout/t.gif" class="ico_form  ico_email" width="16" height="16" /><span> Or email address.</span></p>
		<p><label for="pass">Password: </label><input id="pass" name="pass" type="password" /><img src="http://resources.htmlsnap.com/Images/Layout/t.gif" class="ico_form  ico_pass" width="16" height="16" /> <span class="link" onclick="passRemindDiv();">Forgot ?</span></p>
		<p>&nbsp;</p>
		<center><p><input class="btn curve" type="submit" value=" Sign In " /></p></center>
	</fieldset>
</form>
</div>
<p class="r p_l p_r">&nbsp;&nbsp;</p>

<div id="passReminder" style="display:none">
<form class="sform" id="RemindForm" method="post" action="Reminder.asp"><center>
<p><label for="ResetRqu">Your E-mail Address: </label><input id="ResetRqu" name="ResetRqu" /><img src="http://resources.htmlsnap.com/Images/Layout/t.gif" class="ico_form  ico_email" width="16" height="16" /></p>
		<p>&nbsp;</p>
		<p><input class="btn curve" type="submit" value=" Request Reset Password " /></p></center>
</form>
</div>
</div>
</div>
<!-- end container -->
<!-- ### Container -->
<div id="Footer" class="txt_center"><!-- start footer -->
<p style="line-height:230%;font-size:12px;">HTML Snap 2013&nbsp;|&nbsp;<a href="https://www.google.com/adplanner/site_profile?s=htmlsnap.com&amp;b=1" style="color:#fff">Ad Planner</a>&nbsp;|&nbsp; <a href="http://htmlchat.net" style="color:#fff">HTML Chat</a> &nbsp;|&nbsp; <a href="mailto:report@htmlsnap.com?subject=Reported%20Problem" style="color:#fff">Report A Problem</a>&nbsp;|&nbsp;<a href="http://tumblr.htmlsnap.com" style="color:#fff" target="_blank">Tumblr</a>&nbsp;|&nbsp;<a target="_blank" style="color:#fff" title="Online Confessions" href="http://afbconfessions.com">AFB</a>&nbsp;|&nbsp;<a target="_blank" style="color:#fff" title="High-Definition Webcam Photo Booth" href="http://hdbooth.net">HD Booth</a></p>
</div><!-- end footer -->
<!-- ### foot -->
<script type="text/javascript" src="http://resources.htmlsnap.com/JScript/passwordmeter.js"></script>
<script type="text/javascript">
$("a.grouped_elements").fancybox();
$("#AccPage").fancybox();

$(document).ready(function() {
$("#form_create").fancybox({'onComplete':openForm,'padding':0,'cyclic':true,'width':'80%','height':'80%','padding':0,'margin':0,'speedIn':300,'speedOut':300,'transitionIn':'elastic','transitionOut':'elastic','easingIn':'swing','easingOut':'swing','titleShow':false}); 
//$("#form_create").trigger('click');
$("#SigninPage").fancybox({'onComplete':openSForm,'padding':0,'cyclic':true,'width':'80%','height':'80%','padding':0,'margin':0,'speedIn':300,'speedOut':300,'transitionIn':'elastic','transitionOut':'elastic','easingIn':'swing','easingOut':'swing','titleShow':false}); 
//$("#SigninPage").trigger('click');
  });

function open_account(){
$("#form_create").trigger('click');
}

function fancyAlert(msg){
jQuery.fancybox({'modal' : true,
'content' : "<div style=\"width:240px;\">"+msg+"<div style=\"text-align:right;margin:10px;\"><input class=\"bnt curve\" type=\"button\" onclick=\"jQuery.fancybox.close();\" value=\"    OK    \"><\/div><\/div>"
});
}	
function openForm() {$('#username').focus();}
function openSForm(){$('#user').focus();}
function removeLoader(){  
$('#AppLoader').css('background','#ffffff');
getFlashMovie("snapApp").loadKey(appFlashID);
}

function flipH(){getFlashMovie("snapApp").flipH();}
function flipV(){getFlashMovie("snapApp").flipV();}
function logoGo(){getFlashMovie("snapApp").logoGo();}
function upTumblr(){getFlashMovie("snapApp").upTum();}

function getFlashMovie(movieName) {
  var isIE = navigator.appName.indexOf("Microsoft") != -1;
  return (isIE) ? window[movieName] : document[movieName];
}

function loadError(err) {
var briefDiscription = "";
switch(err){
case "Banned":
    briefDiscription = "(error)<b>"+err+"<\/b>: You appear to be banned from saving snaps.<br \/><br \/><b>Solution:<\/b> e-mail: Admin@htmlsnap.com.";
  break;
case "MaxLimit":
    briefDiscription = "(error)<b>"+err+"<\/b>: You have hit the maximum limit for non-members for today.<br \/><br \/><b>Solution:<\/b> Try again in 24 hours or simply sign up and take unlimited snapshots.";
  break;
case "Duplicate":
    briefDiscription = "(error)<b>"+err+"<\/b>: Your last snapshot taken matches the exact pixel data of another snapshot.<br \/><br \/><b>Solution:<\/b> Try again with different settings/effects or arrangement.";
  break;
case "ImageNameFailed":
    briefDiscription = "(error)<b>"+err+"<\/b>: The server failed to create a unique snapshot name.<br \/><br \/><b>Solution:<\/b> Try again.";
  break;
case "sizeLimt":
    briefDiscription = "(error)<b>"+err+"<\/b>: The server rejected the last snaphot because there wasn't enough data.<br \/><br \/><b>Solution:<\/b> Make sure your snapshot contains sufficient pixel data (ie: if your room is too dark, turn on a light).";
  break;
case "NoData":
    briefDiscription = "(error)<b>"+err+"<\/b>: The server could not find any image data.<br \/><br \/><b>Solution:<\/b> Try again.";
  break;
default:
	briefDiscription = "<b>An unknown error occurred.<\/b>";
	}
	fancyAlert(briefDiscription);
}

var i_img=0;

function loadImg(img,sub) {
if($("#snaps").html().indexOf("Empty") !== -1){$("#snaps").html(buildImg(img, sub));
}else{
$("#snaps").html(buildImg(img, sub) + $("#snaps").html());}
$("a.grouped_elements").fancybox({'padding':0,'cyclic':true,'width':460,'height':400,'padding':0,'margin':0,'speedIn':300,'speedOut':300,'transitionIn':'elastic','transitionOut':'elastic','easingIn':'swing','easingOut':'swing','titleShow':false,'type':'iframe'});
$("#snap"+i_img).trigger('click');
i_img++;
}

function buildImg(img,sub){
var htmlImg = '<div class="img txt_center f_l">'
+'<a href="http:\/\/htmlsnap.com\/SnapshotHolder.asp?img='+img+'&sub='+sub+'"'
+' target="_blank" title="Snap" class="grouped_elements" id="snap'+i_img+'">'
+'<img width="130" height="98" alt="Snapshots" src="http:\/\/'+sub+'.htmlsnap.com\/?img='+img+'&size=4">'
+'<\/a><\/div>';
return htmlImg;
}

function passRemindDiv(){
$("#passReminder").toggle();
}

function prop_dropLists(){$(".info_content").hide();$(".info_heading").click(function(){if($(this).children("span").html()=="+"){$(this).children("span").html("-");}else{$(this).children("span").html("+");}$(this).next(".info_content").slideToggle(200);});$("#ppp").click(function(){var loadUrl="../private_policy.html";if(!pripol_loaded){$("#pripol").html(ajax_load).load(loadUrl);pripol_loaded=true;}})}
prop_dropLists();


</script>
<script type="text/javascript" src="http://www.google.com/coop/cse/brand?form=cse-search-box&amp;lang=en"></script>
  </body>
</html>