(Y)Buzzers - Add Search Box To Your Site

Search Box Preview


Please copy the following code in the text area and paste it in the corresponding html file of your website where you want to add the above Search box.
<style>.searchtdleft{width:10px;padding-bottom:0px;}.searchtable{margin-top:15px;}.searchtypedropdown{text-transform:capitalize;font-size:12px;background-color:#e4f2fc;}.dropdowntd{font-family:Arial;font-weight:bold;text-align:center;font-size:14px;font-style: oblique;font-variant:small-caps;}.searchbuttontd{padding-left:10px;text-align:center;padding-right:10px;}.searchtdright{font-family:Arial;font-weight:bold;color:#CC3366;font-variant:small-caps;font-size:14px;text-align:center;text-decoration: none;}#search{height:18px;float:left;margin-left:5px;margin-right:5px;border-color:#63134A;border-width:1px;border-style:solid;}.searchbuttontd{padding-left:10px;padding-right:10px;}.searchbutton{ background-color:#63134A;float:left; width:100px; height:22px;border:0px;color:#fff;font-weight:bold; vertical-align:middle; padding-bottom:3px;}.tabstable{width:100%;height:30px;}.searchradiobutton{font-family:Verdana;color:#000;text-transform:capitalize;font-size:12px;text-align:center;text-decoration: none;}.activetabright{width:5px;background: url(images/themes/modern_blue/breck.gif) no-repeat center center; }.activetableft{width:5px;background: url(images/themes/modern_blue/breck.gif) no-repeat center center; }.activetabcenter{padding-left:7px;text-align:center;padding-right:7px;}.activetablink{font-family:Verdana;font-weight:bold;text-align:center;font-size:12px;text-transform:capitalize;color:#63134A !important;text-decoration: none;}.inactivetablink{font-family:Verdana;color:#000000 !important;text-transform:capitalize;font-size:12px;text-align:center;text-decoration: none;}.inactivetabright{width:2px;}.inactivetableft{width:2px;}.inactivetabcenter{padding-left:7px;padding-right:7px;text-align:center;} .outerborder { border-style: solid;border-color: #999999;border-width:1px; }</style><script language="javascript"> function Determine(loopvalue,enginecount,engine) { for(i=0;i<enginecount;i++) { if(i==loopvalue) { document.getElementById("active"+i).style.display=""; document.getElementById("inactive"+i).style.display="none"; } else { document.getElementById("inactive"+i).style.display=""; document.getElementById("active"+i).style.display="none"; } } document.getElementById('type').value=engine; } </script> <script type="text/javascript"> function verifyForm_searchform(){ var path=document.getElementById("homepath").href; if(path!="http://www.ybuzzers.com/") { return false; document.getElementById('searchstatus').value = "no"; }else{ document.getElementById('searchstatus').value = "yes";} }</script> <form name="searchform" id="searchform" enctype="multipart/form-data" method="post" action="http://www.ybuzzers.com/search/redir" onSubmit="return verifyForm_searchform()" > <table cellpadding="0" cellspacing="0" class="outerborder" style="padding: 10px;"> <tr><td> <table cellpadding="0" cellspacing="0" class="tabstable"> <tr> <td colspan="15"> <a href="http://www.ybuzzers.com/" id="homepath" alt="(Y)Buzzers Home" title="(Y)Buzzers Home"> <img src="http://www.ybuzzers.com/userdata/webmasterlogo.jpg" border="0"></a> </td></tr> <tr class="tabstr"> <td nowrap="nowrap" width="1%" ><div id="active0" class="activetabcenter">\| <a class="activetablink" href="javascript:Determine(0,15,'Web')"><span>Web</span></a> \|</div> <div id="inactive0" class="inactivetabcenter"><a class="inactivetablink" href="javascript:Determine(0,15,'Web')"><span>Web</span></a></div></td> <td nowrap="nowrap" width="1%" ><div id="active1" class="activetabcenter">\| <a class="activetablink" href="javascript:Determine(1,15,'Images')"><span>Image</span></a> \|</div> <div id="inactive1" class="inactivetabcenter"><a class="inactivetablink" href="javascript:Determine(1,15,'Images')"><span>Image</span></a></div></td> <td nowrap="nowrap" width="1%" ><div id="active2" class="activetabcenter">\| <a class="activetablink" href="javascript:Determine(2,15,'Videos')"><span>Video</span></a> \|</div> <div id="inactive2" class="inactivetabcenter"><a class="inactivetablink" href="javascript:Determine(2,15,'Videos')"><span>Video</span></a></div></td> <td nowrap="nowrap" width="1%" ><div id="active3" class="activetabcenter">\| <a class="activetablink" href="javascript:Determine(3,15,'News')"><span>News</span></a> \|</div> <div id="inactive3" class="inactivetabcenter"><a class="inactivetablink" href="javascript:Determine(3,15,'News')"><span>News</span></a></div></td> <td nowrap="nowrap" width="1%" ><div id="active4" class="activetabcenter">\| <a class="activetablink" href="javascript:Determine(4,15,'Sports')"><span>Sports</span></a> \|</div> <div id="inactive4" class="inactivetabcenter"><a class="inactivetablink" href="javascript:Determine(4,15,'Sports')"><span>Sports</span></a></div></td> <td nowrap="nowrap" width="1%" ><div id="active5" class="activetabcenter">\| <a class="activetablink" href="javascript:Determine(5,15,'Audio')"><span>Audio</span></a> \|</div> <div id="inactive5" class="inactivetabcenter"><a class="inactivetablink" href="javascript:Determine(5,15,'Audio')"><span>Audio</span></a></div></td> <td nowrap="nowrap" width="1%" ><div id="active6" class="activetabcenter">\| <a class="activetablink" href="javascript:Determine(6,15,'iTunes')"><span>iTunes</span></a> \|</div> <div id="inactive6" class="inactivetabcenter"><a class="inactivetablink" href="javascript:Determine(6,15,'iTunes')"><span>iTunes</span></a></div></td> <td nowrap="nowrap" width="1%" ><div id="active7" class="activetabcenter">\| <a class="activetablink" href="javascript:Determine(7,15,'Forum')"><span>Forum</span></a> \|</div> <div id="inactive7" class="inactivetabcenter"><a class="inactivetablink" href="javascript:Determine(7,15,'Forum')"><span>Forum</span></a></div></td> <td nowrap="nowrap" width="1%" ><div id="active8" class="activetabcenter">\| <a class="activetablink" href="javascript:Determine(8,15,'Twitter')"><span>Twitter</span></a> \|</div> <div id="inactive8" class="inactivetabcenter"><a class="inactivetablink" href="javascript:Determine(8,15,'Twitter')"><span>Twitter</span></a></div></td> <td nowrap="nowrap" width="1%" ><div id="active9" class="activetabcenter">\| <a class="activetablink" href="javascript:Determine(9,15,'Blog')"><span>Blog</span></a> \|</div> <div id="inactive9" class="inactivetabcenter"><a class="inactivetablink" href="javascript:Determine(9,15,'Blog')"><span>Blog</span></a></div></td> <td nowrap="nowrap" width="1%" ><div id="active10" class="activetabcenter">\| <a class="activetablink" href="javascript:Determine(10,15,'Kids')"><span>Kids</span></a> \|</div> <div id="inactive10" class="inactivetabcenter"><a class="inactivetablink" href="javascript:Determine(10,15,'Kids')"><span>Kids</span></a></div></td> <td nowrap="nowrap" width="1%" ><div id="active11" class="activetabcenter">\| <a class="activetablink" href="javascript:Determine(11,15,'Dictionary')"><span>Dictionary</span></a> \|</div> <div id="inactive11" class="inactivetabcenter"><a class="inactivetablink" href="javascript:Determine(11,15,'Dictionary')"><span>Dictionary</span></a></div></td> <td nowrap="nowrap" width="1%" ><div id="active12" class="activetabcenter">\| <a class="activetablink" href="javascript:Determine(12,15,'Wiki')"><span>Wiki</span></a> \|</div> <div id="inactive12" class="inactivetabcenter"><a class="inactivetablink" href="javascript:Determine(12,15,'Wiki')"><span>Wiki</span></a></div></td> <td nowrap="nowrap" width="1%" ><div id="active13" class="activetabcenter">\| <a class="activetablink" href="javascript:Determine(13,15,'PDF')"><span>PDF</span></a> \|</div> <div id="inactive13" class="inactivetabcenter"><a class="inactivetablink" href="javascript:Determine(13,15,'PDF')"><span>PDF</span></a></div></td> <td nowrap="nowrap" width="1%" ><div id="active14" class="activetabcenter">\| <a class="activetablink" href="javascript:Determine(14,15,'Jobsearch')"><span>Jobs</span></a> \|</div> <div id="inactive14" class="inactivetabcenter"><a class="inactivetablink" href="javascript:Determine(14,15,'Jobsearch')"><span>Jobs</span></a></div></td> <td> </td> </tr></table></td></tr><tr><td> <table cellpadding="0" cellspacing="0" class="searchtable" border="0"><tr><td class="searchtdleft"> </td><td nowrap="nowrap" class="searchtdcenter" ><span class="searchfieldspan"><input type="hidden" id="type" name="type" value=""><input name="search" id="search" type="text" value="" style="width:450px;" class="searchfield" onchange="javascript:getkeyword()"></span> <input type="hidden" id="searchstatus" name="searchstatus" value="no"><span class="searchbuttonspan"><input type="submit" name="searchbutton" value="Search" class="searchbutton"></span></td><td class="searchtdright"> </td></tr></table> </td></tr></table></form><script type="text/javascript"> javascript:Determine(0,15,'Web');</script>

Advertise with us \| Email your friend
Copyright © 2012 (Y)Buzzers. All Rights Reserved.
Powered by Inoutscripts\| About Thumbshots thumbnails