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

View previous topic View next topic Go down

Solved Search

Post by sgeorge on January 22nd 2012, 10:43 am

How can I make my search like this one in this forum ? I mean how to make this beautiful transiction while it's width increases and decreases...

Thank you in advance !!


Last edited by sgeorge on January 24th 2012, 1:15 pm; edited 1 time in total

sgeorge
Forumember

Male Posts : 556
Reputation : 15
Language : Greek - English
Location : Greece

Back to top Go down

Solved Re: Search

Post by aaronz on January 22nd 2012, 11:28 am

please show me the forum Very Happy

aaronz
Forumember

Male Posts : 394
Reputation : 7
Language : english
Location : Somewhere on earth

http://freshmeat.gameproforums.com/

Back to top Go down

Solved Re: Search

Post by sgeorge on January 22nd 2012, 11:29 am

@aaronz wrote:please show me the forum Very Happy

This one,Forumotion Help Board Very Happy

sgeorge
Forumember

Male Posts : 556
Reputation : 15
Language : Greek - English
Location : Greece

Back to top Go down

Solved Re: Search

Post by aaronz on January 22nd 2012, 11:33 am

the link?

aaronz
Forumember

Male Posts : 394
Reputation : 7
Language : english
Location : Somewhere on earth

http://freshmeat.gameproforums.com/

Back to top Go down

Solved Re: Search

Post by sgeorge on January 22nd 2012, 11:34 am

http://help.forumotion.com

Here here !!! In this forum you are posting... Just below on the right side... Look on the header part Wink

sgeorge
Forumember

Male Posts : 556
Reputation : 15
Language : Greek - English
Location : Greece

Back to top Go down

Solved Re: Search

Post by aaronz on January 22nd 2012, 11:36 am

did you mean keywords?

aaronz
Forumember

Male Posts : 394
Reputation : 7
Language : english
Location : Somewhere on earth

http://freshmeat.gameproforums.com/

Back to top Go down

Solved Re: Search

Post by xiaomah01 on January 22nd 2012, 11:38 am

@aaronz wrote:did you mean keywords?

i think her mean the seach bar Very Happy

xiaomah01
Forumember

Male Posts : 206
Reputation : 7
Language : English|Chinese|malay
Location : malaysia

http://johor.forumn.org/

Back to top Go down

Solved Re: Search

Post by sgeorge on January 22nd 2012, 11:53 am

@xiaomah01 wrote:
@aaronz wrote:did you mean keywords?

i think her mean the seach bar Very Happy

exactly Very Happy

sgeorge
Forumember

Male Posts : 556
Reputation : 15
Language : Greek - English
Location : Greece

Back to top Go down

Solved Re: Search

Post by aaronz on January 22nd 2012, 1:06 pm

i'm not sure...

aaronz
Forumember

Male Posts : 394
Reputation : 7
Language : english
Location : Somewhere on earth

http://freshmeat.gameproforums.com/

Back to top Go down

Solved Re: Search

Post by Guest on January 22nd 2012, 3:01 pm

@sgeorge wrote:How can I make my search like this one in this forum ? I mean how to make this beautiful transiction while it's width increases and decreases...

Thank you in advance !!

This is the code:
Code:
<form class="forum-search" action="/search" method="get">
            <input class="post" type="text" placeholder="Cautare" size="16" id="search_keywords" name="search_keywords" />
            <input class="button2" type="submit" value="{L_SEARCH}" />
            <input type="hidden" name="search_where" value="f{FORUM_ID}" />
        </form>
You can add code in any template you want. Mr. Green

Guest
Guest


Back to top Go down

Solved Re: Search

Post by sgeorge on January 22nd 2012, 4:06 pm

Thank's but this does not have this transiction on increasing/decreasing ths width !

sgeorge
Forumember

Male Posts : 556
Reputation : 15
Language : Greek - English
Location : Greece

Back to top Go down

Solved Re: Search

Post by sgeorge on January 23rd 2012, 8:48 pm

It got removed... Do you remember it how it was ?

sgeorge
Forumember

Male Posts : 556
Reputation : 15
Language : Greek - English
Location : Greece

Back to top Go down

Solved Re: Search

Post by Nera. on January 23rd 2012, 9:54 pm

@sgeorge wrote:It got removed... Do you remember it how it was ?

Like this maybe ; )
http://forum.forumactif.com/

Nera.
Energetic

Female Posts : 7077
Reputation : 2013
Language : English
Location : -

http://webartzforum.com

Back to top Go down

Solved Re: Search

Post by sgeorge on January 24th 2012, 1:00 pm

@Nera. wrote:
@sgeorge wrote:It got removed... Do you remember it how it was ?

Like this maybe ; )
http://forum.forumactif.com/

Yes !!! Exactly !!! Please can you help me create it ?

sgeorge
Forumember

Male Posts : 556
Reputation : 15
Language : Greek - English
Location : Greece

Back to top Go down

Solved Re: Search

Post by Nera. on January 24th 2012, 1:08 pm

I'm not sure are we allowed to share it : /

Firstly the focus is made bigger (that's when you put your mouse in the bar):

Code:
#search #keywords:focus {
    width: 250px;
}

And than the slow movement is made by CSS:

#search #keywords {
-moz-transition-duration: 1s;
}

You could do it with any search bar.

Nera.
Energetic

Female Posts : 7077
Reputation : 2013
Language : English
Location : -

http://webartzforum.com

Back to top Go down

Solved Re: Search

Post by sgeorge on January 24th 2012, 1:14 pm

Ok thank's Solved Very Happy This was enough to give me a boost ! Very Happy Very Happy

sgeorge
Forumember

Male Posts : 556
Reputation : 15
Language : Greek - English
Location : Greece

Back to top Go down

Solved Re: Search

Post by Nera. on January 24th 2012, 1:16 pm

Topic Solved & Locked

Nera.
Energetic

Female Posts : 7077
Reputation : 2013
Language : English
Location : -

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