WebMenu: Docs > Press / Media > Fancy / Dynamic Search-Box

Press / Media

Fancy Search Boxes

Fancy / Dynamic Search Box Examples: for web based press / media / publications

1. Search-Box with Search-Page Color Selection: Block

To add this search-box, simply copy and paste the following html code:
 <style type="text/css">  </STYLE> <script language="JavaScript"> </script> <form name="qksearch_dynamic1" action="http://www.webmenu.com/" method="get"> <input type="hidden" name="iskin" value="skin4"> <table border=0 cellpadding=1 cellspacing=0 width=175> <tr><td id=t_outer1 style="background-color:#BBCCDD;"> <table border=0 cellpadding=2 cellspacing=0 width=100%><tr> <td id=t_inner1 style="background-color:#D3E9E9;"> <table border=0 cellpadding=2 cellspacing=0 width=100%> <tr><td colspan=2> <table border=0 cellpadding=0 cellspacing=0 width=100%><tr> <td align=center bgcolor=#CCCCCC nowrap><a class=qk1-link-dynamic-searchbox href="#" onClick="javascript:ch_skin1('skin1');" title=" I love Ash color">ash</a></td> <td align=center bgcolor=#99FF99 nowrap><a class=qk1-link-dynamic-searchbox href="#" onClick="javascript:ch_skin1('skin2');" title=" I love Green color ">green</a></td> <td align=center bgcolor=#FFAAEE nowrap><a class=qk1-link-dynamic-searchbox href="#" onClick="javascript:ch_skin1('skin3');" title=" I love Pink color ">pink</a></td> <td align=center bgcolor=#BBCCDD nowrap><a class=qk1-link-dynamic-searchbox href="#" onClick="javascript:ch_skin1('skin4');" title=" I love Sky color ">blue</a></td> <td align=center bgcolor=#FFDD00 nowrap><a class=qk1-link-dynamic-searchbox href="#" onClick="javascript:ch_skin1('skin5');" title=" I love Gold color ">gold</a></td> </tr></table> </td></tr> <tr><td colspan=2> <input style="font-size:10px;color:#000000;font-family:tahoma,arial,helvetica;background-color:#FFFFFF;height:18px;padding-left:2px;" type="text" name="q" size=36 maxlength=250> </td></tr> <tr><td><a href="http://www.webmenu.com/"><img src="http://www.webmenu.com/qk_images/logos/qksearch-transp-72x17.gif" width=72 height=17 border=0 hspace=0 vspace=0 align=center alt=" search with WebMenu "></a></td> <td align=right><input style="font-size:12px;color:#000099;font-family:tahoma,arial,helvetica;background-color:#FFFFFF;height:20px;padding-left:2px;" type="submit" value=" Search "></td> </tr></table> </td></tr></table> </td></tr></table> </form>

2. Search-Box with Search-Page Color Selection: Long Box

To add this search-box, simply copy and paste the following html code:

 <style type="text/css">  </STYLE> <script language="JavaScript">  </script> <form name="qksearch_dynamic2" action="http://www.webmenu.com/" method="get"> <input type="hidden" name="iskin" value="skin4"> <table border=0 cellpadding=1 cellspacing=0 width=270> <tr><td id=t_outer2 style="background-color:#BBCCDD;"> <table border=0 cellpadding=2 cellspacing=0 width=100%><tr> <td id=t_inner2 style="background-color:#D3E9E9;"> <table border=0 cellpadding=1 cellspacing=0 width=100%> <tr><td colspan=3> <table border=0 cellpadding=0 cellspacing=0 width=100%><tr height=10> <td width=20% align=center bgcolor=#CCCCCC nowrap><a class=qk2-link-dynamic-searchbox href="#" onClick="javascript:ch_skin2('skin1');" title=" I love Ash color">ash</a></td> <td width=20% align=center bgcolor=#99FF99 nowrap><a class=qk2-link-dynamic-searchbox href="#" onClick="javascript:ch_skin2('skin2');" title=" I love Green color ">green</a></td> <td width=20% align=center bgcolor=#FFAAEE nowrap><a class=qk2-link-dynamic-searchbox href="#" onClick="javascript:ch_skin2('skin3');" title=" I love Pink color ">pink</a></td> <td width=20% align=center bgcolor=#BBCCDD nowrap><a class=qk2-link-dynamic-searchbox href="#" onClick="javascript:ch_skin2('skin4');" title=" I love Sky color ">blue</a></td> <td width=20% align=center bgcolor=#FFDD00 nowrap><a class=qk2-link-dynamic-searchbox href="#" onClick="javascript:ch_skin2('skin5');" title=" I love Gold color ">gold</a></td> </tr> <tr><td colspan=5 height=3><spacer type="block" width=1 height=3></td></tr> </table> </td></tr> <tr> <td><a href="http://www.webmenu.com/"><img src="http://www.webmenu.com/qk_images/logos/qksearch-transp-60x14.gif" width=60 height=14 border=0 hspace=3 vspace=0 align=center alt=" search with WebMenu "></a></td> <td><input style="font-size:10px;color:#000000;font-family:tahoma,arial,helvetica;background-color:#FFFFFF;height:18px;padding-left:2px;" type="text" name="q" size=30 maxlength=250></td> <td align=right><input style="font-size:12px;color:#000099;font-family:tahoma,arial,helvetica;background-color:#FFFFFF;height:20px;padding-left:2px;" type="submit" value=" Search "></td> </tr></table> </td></tr></table> </td></tr></table> </form>