TransW3C - Add Search Box To Your Site

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.

Search type display style
Choose Engines	Web News Jobs Sports Image Video Wiki Dictionary PDF Forum Blog Kids eBay Amazon Twitter iTunes Audio
Enter Width for Search Box
Show Logo
Show Border
Choose Border Color	Pick Color


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;margin-left:5px;margin-right:5px;border-color:#045c97;border-width:1px;border-style:solid;}.searchbuttontd{padding-left:10px;padding-right:10px;}.searchbutton{ background-color:#045c97; width:100px; height:22px;border:0px;color:#fff;font-weight:bold; vertical-align:middle; padding-bottom:3px;}.tabstable{width:100%;background-color:#ffffff;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:#0567a9;text-decoration: none;}.inactivetablink{font-family:Verdana;color:#000000;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.transw3c.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.transw3c.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.transw3c.com/" id="homepath" alt="TransW3C Home" title="TransW3C Home"> <img src="http://www.transw3c.com/userdata/webmasterlogo.png" 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,17,'Web')"><span>Web</span></a> \|</div> <div id="inactive0" class="inactivetabcenter"><a class="inactivetablink" href="javascript:Determine(0,17,'Web')"><span>Web</span></a></div></td> <td nowrap="nowrap" width="1%" ><div id="active1" class="activetabcenter">\| <a class="activetablink" href="javascript:Determine(1,17,'News')"><span>News</span></a> \|</div> <div id="inactive1" class="inactivetabcenter"><a class="inactivetablink" href="javascript:Determine(1,17,'News')"><span>News</span></a></div></td> <td nowrap="nowrap" width="1%" ><div id="active2" class="activetabcenter">\| <a class="activetablink" href="javascript:Determine(2,17,'Jobsearch')"><span>Jobs</span></a> \|</div> <div id="inactive2" class="inactivetabcenter"><a class="inactivetablink" href="javascript:Determine(2,17,'Jobsearch')"><span>Jobs</span></a></div></td> <td nowrap="nowrap" width="1%" ><div id="active3" class="activetabcenter">\| <a class="activetablink" href="javascript:Determine(3,17,'Sports')"><span>Sports</span></a> \|</div> <div id="inactive3" class="inactivetabcenter"><a class="inactivetablink" href="javascript:Determine(3,17,'Sports')"><span>Sports</span></a></div></td> <td nowrap="nowrap" width="1%" ><div id="active4" class="activetabcenter">\| <a class="activetablink" href="javascript:Determine(4,17,'Images')"><span>Image</span></a> \|</div> <div id="inactive4" class="inactivetabcenter"><a class="inactivetablink" href="javascript:Determine(4,17,'Images')"><span>Image</span></a></div></td> <td nowrap="nowrap" width="1%" ><div id="active5" class="activetabcenter">\| <a class="activetablink" href="javascript:Determine(5,17,'Videos')"><span>Video</span></a> \|</div> <div id="inactive5" class="inactivetabcenter"><a class="inactivetablink" href="javascript:Determine(5,17,'Videos')"><span>Video</span></a></div></td> <td nowrap="nowrap" width="1%" ><div id="active6" class="activetabcenter">\| <a class="activetablink" href="javascript:Determine(6,17,'Wiki')"><span>Wiki</span></a> \|</div> <div id="inactive6" class="inactivetabcenter"><a class="inactivetablink" href="javascript:Determine(6,17,'Wiki')"><span>Wiki</span></a></div></td> <td nowrap="nowrap" width="1%" ><div id="active7" class="activetabcenter">\| <a class="activetablink" href="javascript:Determine(7,17,'Dictionary')"><span>Dictionary</span></a> \|</div> <div id="inactive7" class="inactivetabcenter"><a class="inactivetablink" href="javascript:Determine(7,17,'Dictionary')"><span>Dictionary</span></a></div></td> <td nowrap="nowrap" width="1%" ><div id="active8" class="activetabcenter">\| <a class="activetablink" href="javascript:Determine(8,17,'PDF')"><span>PDF</span></a> \|</div> <div id="inactive8" class="inactivetabcenter"><a class="inactivetablink" href="javascript:Determine(8,17,'PDF')"><span>PDF</span></a></div></td> <td nowrap="nowrap" width="1%" ><div id="active9" class="activetabcenter">\| <a class="activetablink" href="javascript:Determine(9,17,'Forum')"><span>Forum</span></a> \|</div> <div id="inactive9" class="inactivetabcenter"><a class="inactivetablink" href="javascript:Determine(9,17,'Forum')"><span>Forum</span></a></div></td> <td nowrap="nowrap" width="1%" ><div id="active10" class="activetabcenter">\| <a class="activetablink" href="javascript:Determine(10,17,'Blog')"><span>Blog</span></a> \|</div> <div id="inactive10" class="inactivetabcenter"><a class="inactivetablink" href="javascript:Determine(10,17,'Blog')"><span>Blog</span></a></div></td> <td nowrap="nowrap" width="1%" ><div id="active11" class="activetabcenter">\| <a class="activetablink" href="javascript:Determine(11,17,'Kids')"><span>Kids</span></a> \|</div> <div id="inactive11" class="inactivetabcenter"><a class="inactivetablink" href="javascript:Determine(11,17,'Kids')"><span>Kids</span></a></div></td> <td nowrap="nowrap" width="1%" ><div id="active12" class="activetabcenter">\| <a class="activetablink" href="javascript:Determine(12,17,'eBay')"><span>eBay</span></a> \|</div> <div id="inactive12" class="inactivetabcenter"><a class="inactivetablink" href="javascript:Determine(12,17,'eBay')"><span>eBay</span></a></div></td> <td nowrap="nowrap" width="1%" ><div id="active13" class="activetabcenter">\| <a class="activetablink" href="javascript:Determine(13,17,'Amazon')"><span>Amazon</span></a> \|</div> <div id="inactive13" class="inactivetabcenter"><a class="inactivetablink" href="javascript:Determine(13,17,'Amazon')"><span>Amazon</span></a></div></td> <td nowrap="nowrap" width="1%" ><div id="active14" class="activetabcenter">\| <a class="activetablink" href="javascript:Determine(14,17,'Twitter')"><span>Twitter</span></a> \|</div> <div id="inactive14" class="inactivetabcenter"><a class="inactivetablink" href="javascript:Determine(14,17,'Twitter')"><span>Twitter</span></a></div></td> <td nowrap="nowrap" width="1%" ><div id="active15" class="activetabcenter">\| <a class="activetablink" href="javascript:Determine(15,17,'iTunes')"><span>iTunes</span></a> \|</div> <div id="inactive15" class="inactivetabcenter"><a class="inactivetablink" href="javascript:Determine(15,17,'iTunes')"><span>iTunes</span></a></div></td> <td nowrap="nowrap" width="1%" ><div id="active16" class="activetabcenter">\| <a class="activetablink" href="javascript:Determine(16,17,'Audio')"><span>Audio</span></a> \|</div> <div id="inactive16" class="inactivetabcenter"><a class="inactivetablink" href="javascript:Determine(16,17,'Audio')"><span>Audio</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,17,'Web');</script>

Choose Country
Choose Languages