Adding a site search to Webmaster World

User is amazed by what's possible!

[Hester]

Following on from an earlier thread here [webmasterworld.com] which details how to add a site search to WebmasterWorld, I soon came up with my own versions.

Before I show you them, I just want to say I'm amazed by the forum's Control Panel preferences - a user can add their own HTML to the top and/or the bottom of the forum! Not only that but you can link to a custom stylesheet! (I had thought the way you can set up your own colour scheme was mindblowing enough.) The potential here is immense.

Anyway, here's the code for my custom search. To add either example, go to:

Control Panel ¦ Edit System Prefs ¦ Custom Code Insert (Top or Bottom).

Example 1 - justified right. Using a div allows for styles to be easily added. The only drawback is the 500 character limit, so watch how many you add.

Note: linebreaks here are just for clarity and should be removed.

<div style="text-align:right; margin-right:20px;">
<form method="GET" action="http://www.google.com/search">
<input type="hidden" name="domains" value="webmasterworld.com">
<input TYPE="text" name="q" size="25" maxlength="255" value>
*<input type="submit" name="btnG" value="Google">
*<input type="radio" name="sitesearch" value="webmasterworld.com" checked>*webmasterworld.com
*<input type="radio" name="sitesearch" value>*www
</form>
</div>

*Replace the asterisks with a space.

Example 2 - fixed position. I thought it'd be cool to fix the search into the corner. Only works in advanced browsers of course, not rubbish like IE6.

<div style="padding:10px; position:fixed; top:0; right:0; width:500px; height:20px; background:#fff">
<form method="GET" action="http://www.google.com/search">
<input type="hidden" name="domains" value="webmasterworld.com">
<input TYPE="text" name="q" size="25" maxlength="255" value>
*<input type="submit" name="btnG" value="Google">
*<input type="radio" name="sitesearch" value="webmasterworld.com" checked>*webmasterworld.com
*<input type="radio" name="sitesearch" value>*www
</form>
</div>

*Replace the asterisks with a space.

Great fun!

[edited by: jatar_k at 7:48 pm (utc) on July 21, 2005]
[edit reason] fixed link [/edit]

[roycerus]

GREAT! Thanks for the tip.
Regards,
R

[coopster]

Check out this old gem too ...

FAQ: Additional Search Tools for WebmasterWorld [webmasterworld.com]