The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

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

View previous topic View next topic 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 threadhttp://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.


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

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

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.


SLGray
Administrator
Administrator

Male Posts : 35667
Reputation : 2375
Language : English
Location : United States

http://fmthemes.forumotion.com/

Back to top Go down

View previous topic View next topic Back to top


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