Search Bar

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?
avatar
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 }
avatar
Ange Tuteur
Forumaster

Male Posts : 13201
Reputation : 2917
Language : EN10, FR5, JA5
Location : Macungie, PA

https://github.com/SethClydesdale

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?
avatar
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 }
avatar
Ange Tuteur
Forumaster

Male Posts : 13201
Reputation : 2917
Language : EN10, FR5, JA5
Location : Macungie, PA

https://github.com/SethClydesdale

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.
avatar
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
avatar
Ange Tuteur
Forumaster

Male Posts : 13201
Reputation : 2917
Language : EN10, FR5, JA5
Location : Macungie, PA

https://github.com/SethClydesdale

Back to top Go down

Back to top


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