How to create a search button
In this tutorial, I will show you how to add a serash button in your forum.
Copy and paste this code into an forum widget, announcement, template etc..
<div id="search-box"><form method="get" action="/search?search_where=11" id="search"><p class="nomargin"><input type="text" name="search_keywords" id="keywords" maxlength="128" class="inputbox search" value="Search..." onclick="if (this.value == 'Search...') this.value = '';" onblur="if (this.value == '') this.value = 'Search...';" /><input class="button2" type="submit" value="Search" /></p></form></div>
Customize the tutorial
The changes to the CSS applied to the search button, are equal to those of active forum.
Note: To change the word "Search ...", you have to change all the three "Search..."-words in the code to your own word.
|The tutorial was tested on this forum and with the browser Google Chrome; If you notice that the tutorial doesn't work for a browser or for a version of forum (PhpBB2, PhpBB3, PunBB, Invision) contact an administrator and we will fill this field with your reporting.|
Thanks, the staff
|For every problem or question please, contact us in the section Support for the tutorials, The staff will answer you as soon as it is possible...|
The team of the Forum of Codes.
|Last update: 04/04/2012|