<style type="text/css">
.searchbox120 { background: url(http://i201.photobucket.com/albums/aa236/Mottie1/testsite/icons/wowdb120.png) no-repeat; position: relative; width: 120px; height: 100px; }
.searchbox120 div { position: absolute; top: 0px; height: 0px; cursor: pointer; width: 120px; height: 70px; }
.searchbox120 input {background: transparent; border: 0; color: white; width: 88px; position: absolute; top: 75px; left: 7px; }
.searchbox120 button { background: transparent url(http://i201.photobucket.com/albums/aa236/Mottie1/testsite/icons/btn_search2.png) no-repeat !important; width: 58px; height: 57px; position: absolute; right: -24px; bottom: -20px; border: none; cursor: pointer; }
.searchbox120 button:hover { background: url(http://i201.photobucket.com/albums/aa236/Mottie1/testsite/icons/btn_search_hover2.png) !important; }

.searchbox160 { background: url(http://i201.photobucket.com/albums/aa236/Mottie1/testsite/icons/wowdb160.png) no-repeat; position: relative; width: 160px; height: 125px; }
.searchbox160 div { position: absolute; top: 0px; height: 0px; cursor: pointer; width: 120px; height: 70px; }
.searchbox160 input { background: transparent; border: 0; color: white; width: 103px; position: absolute; top: 97px; left: 14px; }
.searchbox160 button { background: transparent url(http://i201.photobucket.com/albums/aa236/Mottie1/testsite/icons/btn_search2.png) no-repeat !important; width: 58px; height: 57px; position: absolute; right: -5px; bottom: -18px; border: none; cursor: pointer; }
.searchbox160 button:hover { background: url(http://i201.photobucket.com/albums/aa236/Mottie1/testsite/icons/btn_search_hover2.png) !important;}
</style>
<div align="center">
<div class="searchbox" align="center">
<a href="http://www.wowdb.com/"><div></div></a>
<input id="search-input" type="text" title="Search" maxlength="256" name="search_text" />
<button id="searchbx" />
</div>
</div>
<script type="text/javascript">
searchSize = 120;
searchNewWindow = false;
/*
******************************
Don't Change anything below
****************************** */
if (searchNewWindow) $(".searchbox").find("a").attr('target','_blank');
var temp = ( searchSize == 160 ) ? "searchbox160" : "searchbox120";
$(".searchbox").addClass(temp);
$("#searchbx").click( function(){ searchWin() });
$("#search-input").keypress(function(e){var key=(e.which)?e.which:e.keyCode;if(key==13){searchWin()}});
function searchWin () {
 var searchtxt = "http://www.wowdb.com/search.aspx?search_text=";
 searchtxt += $("#search-input").attr("value");
 if (searchNewWindow) { window.open(searchtxt) } else { document.location.href = searchtxt; }
}
</script>

• Please scroll up to the original post, the instructions are almost exactly the same, the difference is that everything in this post is names with a "wow" instead of a "war".
  

<style type="text/css">
.searchbox { background: url(http://i201.photobucket.com/albums/aa236/Mottie1/testsite/icons/rom-logo.gif) no-repeat; position: relative; width: 160px; height: 100px; }
.searchbox div { position: absolute; top: 0px; height: 0px; cursor: pointer; width: 120px; height: 70px; }
.searchbox input { background: transparent; border: #777777 1px solid; color: white; width: 125px; position: absolute; top: 53px; left: 5px; }
.searchbox button { background: transparent url(http://i201.photobucket.com/albums/aa236/Mottie1/testsite/icons/btn-search.png) no-repeat; width: 31px; height: 31px; position: absolute; right: 5px; bottom: 20px; border: none; cursor: pointer; }
.searchbox button:hover { background-image: url(http://i201.photobucket.com/albums/aa236/Mottie1/testsite/icons/btn-search-hover.png);}
</style>
<div align="center"><div class="searchbox" align="center">
<a href="http://www.runesdatabase.com/"><div></div></a>
<input id="search-input" class="tooltip" type="text" title="Search" maxlength="256" name="search_text" />
<button id="searchbx" />
</div></div>
<script type="text/javascript">
openNewSearchWindow = false;
siteLanguage = 'www'; // www = english, de = german, fr = french, etc.
/*
******************************
Don't Change anything below
****************************** */
if (openNewSearchWindow) { $(".searchbox").find("a").attr('target','_blank'); }
$("#searchbx").click( function(){ searchWin() });
$("#search-input").keypress(function(e){var key=(e.which)?e.which:e.keyCode;if(key==13){searchWin()}});
function searchWin () {
 var searchtxt = 'http://' + siteLanguage + '.runesdatabase.com/search?q=';
 searchtxt += $("#search-input").attr("value");
 if (openNewSearchWindow) { window.open(searchtxt); } else { document.location.href = searchtxt; }
}
</script>

• To open a search results in a new window, change the value of "openNewSearchWindow" in red to true. If false, the search results open in the same window.
  
  
• You can change the search result site language to match your language. For english, leave it as 'www' (in blue). For other languages, copy the subdomain of the site (e.g. 'de' = german, 'fr' = french, etc).
  
  
• If you have your own images you want to use, change the image urls (in orange). You will also most likely need to change the size and positioning of the images as well.
  
  
• The only color in the css above is applied to the input area border (in blue). Adjust the color as desired.