How to make search bar appear on hover for each forum.

Go down

Solved How to make search bar appear on hover for each forum.

Post by HelloItsMe on July 14th 2015, 12:59 am

I already know how I could create a search bar on each forum's description due to this thread https://help.forumotion.com/t134029-how-can-i-add-a-search-box-in-each-forumin-description?highlight=description but I would also like a CSS Code that would enable the bar to appear on hover, similar to the forum's on forumotion. 

avatar
HelloItsMe
New Member

Posts : 14
Reputation : 1
Language : english

http://brunomarsworldwide.f-orum.com/

Back to top Go down

Solved Re: How to make search bar appear on hover for each forum.

Post by RafaelS on July 15th 2015, 7:25 pm

Hello!

Add this code, to your forum's description:

Code:
<form method="get" id="forum-search" action="/search">
  <fieldset>
    <input class="inputbox search tiny" name="search_keywords" id="search_keywords" size="20" value="Search" onclick="if (this.value == 'Search') this.value = '';" onblur="if (this.value == '') this.value = 'Search';" type="text">
    &nbsp;
    <input class="button2" value="Search" type="submit">
    <input value="f1" name="search_where" type="hidden">
  </fieldset>
</form>

Then, add this code to your CSS:

Code:
#forum-search {
    opacity: 0;
 transition-duration: 0.3s;
}
#forum-search:hover {
    opacity: 1;
    transition-duration: 0.3s;
}

Hope it works Wink
Raffy
avatar
RafaelS
New Member

Posts : 5
Reputation : 3
Language : Portuguese, English and French

http://ajuda.forumeiros.com/forum

Back to top Go down

Solved Re: How to make search bar appear on hover for each forum.

Post by HelloItsMe on July 15th 2015, 11:45 pm

It worked!!! Thanks a lot raffy the minion  cheers Very Happy
avatar
HelloItsMe
New Member

Posts : 14
Reputation : 1
Language : english

http://brunomarsworldwide.f-orum.com/

Back to top Go down

Solved Re: How to make search bar appear on hover for each forum.

Post by SLGray on July 16th 2015, 12:53 am

Topic solved and archived


When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.

avatar
SLGray
Administrator
Administrator

Male Posts : 43514
Reputation : 3094
Language : English
Location : United States

http://fmthemesdesignteam.forumotion.com/

Back to top Go down

Back to top


 
Permissions in this forum:
You cannot reply to topics in this forum