Inout Search - Add Search Box To Your Site

Select Language

English Spanish French

Advanced Search | Inout Search Home

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.inoutwebportal.com/searches/") { 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.inoutwebportal.com/searches/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.inoutwebportal.com/searches/" id="homepath" alt="Inout Search Home" title="Inout Search Home"> <img src="http://www.inoutwebportal.com/searches/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,10,'Web')"><span>Web</span></a> \|</div> <div id="inactive0" class="inactivetabcenter"><a class="inactivetablink" href="javascript:Determine(0,10,'Web')"><span>Web</span></a></div></td> <td nowrap="nowrap" width="1%" ><div id="active1" class="activetabcenter">\| <a class="activetablink" href="javascript:Determine(1,10,'Images')"><span>Image</span></a> \|</div> <div id="inactive1" class="inactivetabcenter"><a class="inactivetablink" href="javascript:Determine(1,10,'Images')"><span>Image</span></a></div></td> <td nowrap="nowrap" width="1%" ><div id="active2" class="activetabcenter">\| <a class="activetablink" href="javascript:Determine(2,10,'Videos')"><span>Video</span></a> \|</div> <div id="inactive2" class="inactivetabcenter"><a class="inactivetablink" href="javascript:Determine(2,10,'Videos')"><span>Video</span></a></div></td> <td nowrap="nowrap" width="1%" ><div id="active3" class="activetabcenter">\| <a class="activetablink" href="javascript:Determine(3,10,'News')"><span>News</span></a> \|</div> <div id="inactive3" class="inactivetabcenter"><a class="inactivetablink" href="javascript:Determine(3,10,'News')"><span>News</span></a></div></td> <td nowrap="nowrap" width="1%" ><div id="active4" class="activetabcenter">\| <a class="activetablink" href="javascript:Determine(4,10,'Sports')"><span>Sports</span></a> \|</div> <div id="inactive4" class="inactivetabcenter"><a class="inactivetablink" href="javascript:Determine(4,10,'Sports')"><span>Sports</span></a></div></td> <td nowrap="nowrap" width="1%" ><div id="active5" class="activetabcenter">\| <a class="activetablink" href="javascript:Determine(5,10,'Audio')"><span>Audio</span></a> \|</div> <div id="inactive5" class="inactivetabcenter"><a class="inactivetablink" href="javascript:Determine(5,10,'Audio')"><span>Audio</span></a></div></td> <td nowrap="nowrap" width="1%" ><div id="active6" class="activetabcenter">\| <a class="activetablink" href="javascript:Determine(6,10,'Wiki')"><span>Wiki</span></a> \|</div> <div id="inactive6" class="inactivetabcenter"><a class="inactivetablink" href="javascript:Determine(6,10,'Wiki')"><span>Wiki</span></a></div></td> <td nowrap="nowrap" width="1%" ><div id="active7" class="activetabcenter">\| <a class="activetablink" href="javascript:Determine(7,10,'PDF')"><span>PDF</span></a> \|</div> <div id="inactive7" class="inactivetabcenter"><a class="inactivetablink" href="javascript:Determine(7,10,'PDF')"><span>PDF</span></a></div></td> <td nowrap="nowrap" width="1%" ><div id="active8" class="activetabcenter">\| <a class="activetablink" href="javascript:Determine(8,10,'Twitter')"><span>Twitter</span></a> \|</div> <div id="inactive8" class="inactivetabcenter"><a class="inactivetablink" href="javascript:Determine(8,10,'Twitter')"><span>Twitter</span></a></div></td> <td nowrap="nowrap" width="1%" ><div id="active9" class="activetabcenter">\| <a class="activetablink" href="javascript:Determine(9,10,'iTunes')"><span>iTunes</span></a> \|</div> <div id="inactive9" class="inactivetabcenter"><a class="inactivetablink" href="javascript:Determine(9,10,'iTunes')"><span>iTunes</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,10,'Web');</script>

Advertise with us \| Email your friend
Copyright © 2018 Inout Search. All Rights Reserved.
Powered by Inoutscripts\| About Thumbshots thumbnails