The forum of the forums
Would you like to react to this message? Create an account in a few clicks or log in to continue.

Search Like help.forumotion

3 posters

Go down

Search Like help.forumotion Empty Search Like help.forumotion

Post by smejker 25.09.14 7:35

How to get search as the FM on home page ... or how to replace button search with image?

Thanks in advance.

Regards & Respect!!!
smejker
smejker
Forumember

Male Posts : 167
Reputation : 4
Language : serbo-croatian/english/macedonian/bulgarian

Back to top Go down

Search Like help.forumotion Empty Re: Search Like help.forumotion

Post by SLGray 25.09.14 10:27



Search Like help.forumotion Slgray10

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

Male Posts : 51554
Reputation : 3524
Language : English
Location : United States

https://forumsclub.com/gc/128-link-directory/

Back to top Go down

Search Like help.forumotion Empty Re: Search Like help.forumotion

Post by smejker 25.09.14 13:12

No, no SLGray

I want to change search buton with image... First picture is from my search bar:

Search Like help.forumotion 1searc10

I want search bar to look like at second picture!

Regards & Respect!
smejker
smejker
Forumember

Male Posts : 167
Reputation : 4
Language : serbo-croatian/english/macedonian/bulgarian

Back to top Go down

Search Like help.forumotion Empty Re: Search Like help.forumotion

Post by Guest 25.09.14 13:30

Hello smejker,
If you are talking about the one that is in the top right hand corner of the page, above the social media likes buttons then you will need to use CSS coding to design the effect & look of the search bar. I also believe that is a widget but if it is not a widget then you will also need CSS coding to position it correctly.

If this is what you are referring to then please let me know so I can help you out further.

-Jad
avatar
Guest
Guest


Back to top Go down

Search Like help.forumotion Empty Re: Search Like help.forumotion

Post by Ape 25.09.14 13:39

Place this at the top of your CSS file and save

Code:
#forum-search input#search_keywords, #search-box input#keywords, #search_menu input.inputbox.medium {
    border-radius: 3px 0px 0px 3px;
    color: #000;
    height: 16px;
    padding: 6px;
    transition: all 750ms ease 0s;
    border: 1px solid #369FCF !important;
    background: none repeat scroll 0% 0% #FFF;
}
#search-box #keywords {
    background-color: #FFF;
    width: 95px;
}
.inputbox:focus, .inputbox:hover, select {
    border: 1px solid #369FCF;
}
.inputbox:hover {
    border: 1px solid #1675BC;
}

#forum-search input.button2, #search-box input.button2, #search_menu input.button1 {
    background: url('http://i39.servimg.com/u/f39/18/21/60/73/search10.png') no-repeat scroll center center #369FCF !important;
    border-radius: 0px 3px 3px 0px;
    font-size: 0px;
    height: 30px;
    margin: 0px;
    width: 30px !important;
  border: 1px solid #369FCF;
}


APE Neutral


Search Like help.forumotion Left1212Search Like help.forumotion Center11Search Like help.forumotion Right112
Search Like help.forumotion Ape_b110
Search Like help.forumotion Ape1010
Ape
Ape
Administrator
Administrator

Male Posts : 19435
Reputation : 2010
Language : fluent in dork / mumbojumbo & English haha

http://chatworld.forumotion.co.uk/

Back to top Go down

Search Like help.forumotion Empty Re: Search Like help.forumotion

Post by smejker 25.09.14 13:54

APE wrote:Place this at the top of your CSS file and save

Code:
#forum-search input#search_keywords, #search-box input#keywords, #search_menu input.inputbox.medium {
    border-radius: 3px 0px 0px 3px;
    color: #000;
    height: 16px;
    padding: 6px;
    transition: all 750ms ease 0s;
    border: 1px solid #369FCF !important;
    background: none repeat scroll 0% 0% #FFF;
}
#search-box #keywords {
    background-color: #FFF;
    width: 95px;
}
.inputbox:focus, .inputbox:hover, select {
    border: 1px solid #369FCF;
}
.inputbox:hover {
    border: 1px solid #1675BC;
}

#forum-search input.button2, #search-box input.button2, #search_menu input.button1 {
    background: url('http://i39.servimg.com/u/f39/18/21/60/73/search10.png') no-repeat scroll center center #369FCF !important;
    border-radius: 0px 3px 3px 0px;
    font-size: 0px;
    height: 30px;
    margin: 0px;
    width: 30px !important;
  border: 1px solid #369FCF;
}


APE Neutral

Thanks APE :wouhou:

That is it!!!

Regards & Respect! Solved!
smejker
smejker
Forumember

Male Posts : 167
Reputation : 4
Language : serbo-croatian/english/macedonian/bulgarian

Back to top Go down

Search Like help.forumotion Empty Re: Search Like help.forumotion

Post by Ape 25.09.14 13:56

You are welcome Wink
Topic solved and archived
Have a really Fab Day

APE Neutral


Search Like help.forumotion Left1212Search Like help.forumotion Center11Search Like help.forumotion Right112
Search Like help.forumotion Ape_b110
Search Like help.forumotion Ape1010
Ape
Ape
Administrator
Administrator

Male Posts : 19435
Reputation : 2010
Language : fluent in dork / mumbojumbo & English haha

http://chatworld.forumotion.co.uk/

Back to top Go down

Back to top

- Similar topics

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