Search box only visible on hover

Hello

I wonder if someone can tell me how I can have this 'search archives' thingy on my forum please?



I've managed to put the search box on my forum, courtesy of help from skouliki on the support forum, but I'd like it so that it's only visible on hover, the same as it is on the Forumotion support forum.

So far I've put this code into my forum/categories:

<form method="get" action="/search?search_where=42"> <input name="search_keywords" class="inputbox search" value="Search..." onclick="if(this.value == 'Search...') this.value = '';" onblur="if (this.value == '') this.value ='Search...';" type="text"> <input class="button2" value="Search" type="submit"></form>

And added this to my CSS

input.inputbox, select.inputbox {
width: 20%;
}

But I need the search box to only be visible on hover please. I guess there must be another code to go in the CSS?

This is my forum https://jillhavern.forumotion.net/ and as you can see it looks a little busy at the moment with all the search boxes.

Many thanks.

Hi,

You're asking about a feature on Forumotion's help forum ; it'd be best if you open a topic there instead, seeing as they already have the feature you're looking for and should be able to help you replicate it. Unfortunately I'm not assisting with many issues or requests these days, unless they're major and require my immediate attention.

This has already been solved on ESF.