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.

Search Bar

View previous topic View next topic Go down

Solved Search Bar

Post by Faze on December 23rd 2014, 5:40 am

How did you guys do the search bar, where you click it and it expands?

Faze
Forumember

Female Posts : 29
Reputation : 2
Language : English

http://universalfm.7forum.net/

Back to top Go down

Solved Re: Search Bar

Post by Ange Tuteur on December 23rd 2014, 6:10 am

Hello @Faze,

Add the following rules to your stylesheet :
Display > Colors > CSS stylesheet
Code:
#search-box input.search { transition:750ms }
#search-box input.search:focus { width:250px !important }

Ange Tuteur
Forumaster

Male Posts : 13028
Reputation : 2704
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: Search Bar

Post by Faze on December 23rd 2014, 2:10 pm

Hmmmm.. That works, but how did you gets get it to transition, like animated?

Faze
Forumember

Female Posts : 29
Reputation : 2
Language : English

http://universalfm.7forum.net/

Back to top Go down

Solved Re: Search Bar

Post by Ange Tuteur on December 24th 2014, 1:40 am

That should have added a transition. If you're using an older browser you might need to use a vendor prefix, replace what I gave you with this :
Code:
#search-box input#keywords {
 -webkit-transition:750ms;
  -moz-transition:750ms;
  -o-transition:750ms;
  transition:750ms;
}
#search-box input#keywords:focus { width:250px }

Ange Tuteur
Forumaster

Male Posts : 13028
Reputation : 2704
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: Search Bar

Post by Faze on December 24th 2014, 3:22 pm

Oh it works now, I had to put it at the top of my CSS sheet.
Thanks! This topic is solved.

Faze
Forumember

Female Posts : 29
Reputation : 2
Language : English

http://universalfm.7forum.net/

Back to top Go down

Solved Re: Search Bar

Post by Ange Tuteur on December 24th 2014, 5:38 pm

You're welcome ^^

Topic archived

Happy holidays ! santa

Ange Tuteur
Forumaster

Male Posts : 13028
Reputation : 2704
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.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