• Welcome to Overclockers Forums! Join us to reply in threads, receive reduced ads, and to customize your site experience!

HTML (Search Box) help

Overclockers is supported by our readers. When you click a link to make a purchase, we may earn a commission. Learn More.

RedDragonXXX

Senior RAM Pornographer
Joined
Mar 3, 2005
Location
Jacksonville, FL
Hey guys I'm trying to customize a search box for my University and I'm running into little trouble. We have a site where we can generate code for the search box and it work fine but I want it inside a custom background image which I'm having little trouble figuring out how to do.

Here is what I want it to look like:


and here is the code for the search box:

Code:
<!-- EBSCOhost Custom Search Box Begins -->
<script src="http://supportforms.epnet.com/eit/scripts/ebscohostsearch.js" type="text/javascript"></script>
<form action="" onsubmit="return ebscoHostSearchGo(this);" method="post">
<input id="ebscohostwindow" name="ebscohostwindow" type="hidden" value="1" />
<input id="ebscohosturl" name="ebscohosturl" type="hidden" value="http://search.ebscohost.com/login.aspx?direct=true&site=ehost-live&scope=site&type=1undefined&mode=bool&cli0=FR&clv0=Y&cli1=RV&clv1=Y&cli2=PT82&clv2=(PT+Academic+Journal+or+PT+Periodical+or+PT+Trade+Publication)%7e(PT+Book+or+PT+Almanac+or+PT+ebook+or+PT+audiobook)%7e(PT+Newspaper+or+PT+NEWSP+or+PT+Newswire+or+PT+WIRES)&lang=en" />
<input id="ebscohostsearchsrc" name="ebscohostsearchsrc" type="hidden" value="url" />
<input id="ebscohostsearchmode" name="ebscohostsearchmode" type="hidden" value="+" />
<input id="ebscohostkeywords" name="ebscohostkeywords" type="hidden" value="" />
<div style="width:225px;font-family:Verdana,Arial,Helvetica,sans-serif;font-size:9pt;color:#353535;">
	<div style="padding-top:5px;padding-left:0px;">
		<span style="font-weight:bold;"></span>
		<div>
			<input id="ebscohostsearchtext" name="ebscohostsearchtext" type="text" size="23" style="font-size:9pt;padding-left:5px;margin-left:0px;" />
			<input type="submit" value="Search" style="font-size:9pt;padding-left:5px;" />
		</div>
	</div>
</div>
</form>
<!-- EBSCOhost Custom Search Box Ends -->

If anyone has any suggestions please let me know. I have tried hard coding the image background into the search box but it didn't work.
 
Back