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!!!

smejker
Forumember

Male Posts : 158
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.


SLGray
Administrator
Administrator

Male Posts : 36697
Reputation : 2445
Language : English
Location : United States

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

smejker
Forumember

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

http://smejker@yahoo.com

Back to top Go down

Re: Search Like help.forumotion

Post by Soul 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

Soul
Forumember

Male Posts : 673
Reputation : 79
Language : English
Location : United States

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





APE
Manager
Manager

Male Posts : 8631
Reputation : 756
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!

smejker
Forumember

Male Posts : 158
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





APE
Manager
Manager

Male Posts : 8631
Reputation : 756
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