Thread Rating:
  • 1 Vote(s) - 5 Average
  • 1
  • 2
  • 3
  • 4
  • 5
[Tutorial] - Adding a nice & simple search box in your header
#1
Star 
This user has been denied support. This user has been denied support.
This tutorial would help you adding nice, simple and sweet search box in your header without requirement of any additional images.

Find in header template:

<div id="header">

After it, add:

<table border="0" cellspacing="1" cellpadding="4" class="tborder">
<tr>
<td class="thead"><strong>Search</strong> <span class="smalltext"><a href="search.php">(advanced search)</a></span></td>
</tr>
<tr>
<td class="trow1" align="center">
<form method="post" action="search.php">
<input type="hidden" name="action" value="do_search" />
<input type="hidden" name="postthread" value="1" />
<input type="hidden" name="forums" value="all" />
<input type="hidden" name="showresults" value="threads" />
<input type="text" name="keywords" value="" />
<input type="submit" class="button" value="Go" />
</form>
</td>
</tr>
</table>

Done. You should now have a search box like below:

[Image: d83e5061038b4bf79838478.png]
Reply
#2
Nice, but you need to post the style of "textboxse" Toungue
Quote:<input type="text" class="textboxse" name="keywords" value="" />
Reply
#3
This user has been denied support. This user has been denied support.
Aha, that I added for my custom theme, for its hover effect when hovering mouse on text box, its not necessary, I'd remove that part now. Toungue
Reply
#4
This user has been denied support. This user has been denied support.
thanks to show me the location of header......

but these is not important to me....but its just great

thanks
Reply
#5
Any ideas on integrating the search box with adsense for search?
Reply
#6
Nice tutorial Crazy4cs. Smile
Reply
#7
This user has been denied support. This user has been denied support.
(12-15-2011, 12:36 AM)pdtrx Wrote: Any ideas on integrating the search box with adsense for search?
You mean have a custom search box like this instead of adsense's default search box styles?

(12-15-2011, 04:38 AM)kavin Wrote: Nice tutorial crazy4cs. Smile
You're welcome. Smile
Reply
#8
How would i put this in my navigation bar?
Reply
#9
This user has been denied support. This user has been denied support.
(12-19-2011, 03:56 PM)roggers Wrote: How would i put this in my navigation bar?
You can paste this code in navigation templates then.

It'd be very odd to see this big blunder there though, its up to you.

Reply


Forum Jump:


Users browsing this thread: 1 Guest(s)