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 Like help.forumotion

View previous topic View next topic Go down

Search Like help.forumotion

Post by smejker on September 25th 2014, 8:35 am

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

Thanks in advance.

Regards & Respect!!!
avatar
smejker
Forumember

Male Posts : 166
Reputation : 3
Language : serbo-croatian/english/macedonian/bulgarian

http://smejker@yahoo.com

Back to top Go down

Re: Search Like help.forumotion

Post by SLGray on September 25th 2014, 11:27 am



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

avatar
SLGray
Administrator
Administrator

Male Posts : 39134
Reputation : 2625
Language : English
Location : United States

https://fmthemes.forumotion.com/

Back to top Go down

Re: Search Like help.forumotion

Post by smejker on September 25th 2014, 2:12 pm

No, no SLGray

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



I want search bar to look like at second picture!

Regards & Respect!
avatar
smejker
Forumember

Male Posts : 166
Reputation : 3
Language : serbo-croatian/english/macedonian/bulgarian

http://smejker@yahoo.com

Back to top Go down

Re: Search Like help.forumotion

Post by Jadster on September 25th 2014, 2:30 pm

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
Jadster
Forum Reviewer
Forum Reviewer

Male Posts : 896
Reputation : 120
Language : English
Location : United States

http://www.adminvortex.com

Back to top Go down

Re: Search Like help.forumotion

Post by APE on September 25th 2014, 2:39 pm

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



avatar
APE
Manager
Manager

Male Posts : 10245
Reputation : 955
Language : fluent in dork / mumbojumbo & English haha
Location : STUCK IN FORUMOTIONS SERVERS HELP ME !!!!!!

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

Back to top Go down

Re: Search Like help.forumotion

Post by smejker on September 25th 2014, 2:54 pm

@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!
avatar
smejker
Forumember

Male Posts : 166
Reputation : 3
Language : serbo-croatian/english/macedonian/bulgarian

http://smejker@yahoo.com

Back to top Go down

Re: Search Like help.forumotion

Post by APE on September 25th 2014, 2:56 pm

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

APE Neutral



avatar
APE
Manager
Manager

Male Posts : 10245
Reputation : 955
Language : fluent in dork / mumbojumbo & English haha
Location : STUCK IN FORUMOTIONS SERVERS HELP ME !!!!!!

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

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