Customizing the search box
4 posters
Page 1 of 1
Customizing the search box
I set up the search box like on this forum. I have a few questions though:
1. How do I move the search box a little bit? It's kinda in the wrong place.
I want to move it to the right corner, like it is on here.
2. How do I add the little menu with the little gear image?
3. How do I replace the "Otsi" button with another image?
i have phpbb2
1. How do I move the search box a little bit? It's kinda in the wrong place.
I want to move it to the right corner, like it is on here.
2. How do I add the little menu with the little gear image?
3. How do I replace the "Otsi" button with another image?
i have phpbb2
Last edited by Diana on December 19th 2015, 10:34 pm; edited 1 time in total
Diana- Active Poster
- Posts : 1286
Reputation : 21
Language : English
Re: Customizing the search box
I'm doing it on my test forum at the minute so... http://test.forumpro.eu/
I want it working properly before I put it on my real forum
I want it working properly before I put it on my real forum
Diana- Active Poster
- Posts : 1286
Reputation : 21
Language : English
Re: Customizing the search box
Diana wrote:I'm doing it on my test forum at the minute so... http://test.forumpro.eu/
I want it working properly before I put it on my real forum
Sure no problem.
Can you provide me with a test account? I can't register and therefore can't see topics and stuff.
Re: Customizing the search box
do you need an admin account?
Diana- Active Poster
- Posts : 1286
Reputation : 21
Language : English
Re: Customizing the search box
Diana wrote:do you need an admin account?
Nope. Just a regular one should do
Re: Customizing the search box
Okay
user: Jesy
password: Test123
user: Jesy
password: Test123
Diana- Active Poster
- Posts : 1286
Reputation : 21
Language : English
Re: Customizing the search box
Hi again,
Try this one:
About number 3, isn't it in your images on the Admin CP? If not, then just look for the URL of that image on your CSS.
Can you explain a little bit more what do you want in your second question?
Regards.
Try this one:
- Code:
p.nomargin {
margin-left: 1000px;
}
About number 3, isn't it in your images on the Admin CP? If not, then just look for the URL of that image on your CSS.
Can you explain a little bit more what do you want in your second question?
Regards.
Re: Customizing the search box
About 3. I only changed the template and that's the image that showed up. I haven't done anything else. I'd like to change the image.
About 2. There's the little gear in the search bar, that let's you search topics/posts and hashtags. How do I get that?
edit: thanks for the code though, it worked
About 2. There's the little gear in the search bar, that let's you search topics/posts and hashtags. How do I get that?
edit: thanks for the code though, it worked
Diana- Active Poster
- Posts : 1286
Reputation : 21
Language : English
Re: Customizing the search box
Hi,
About the Engine:
Do you want the JS to make it work as well or just the background?
About the 3, would you like something like this forum's search button?
Regards.
About the Engine:
- Code:
#fa_search_opts {
background: url(http://i21.servimg.com/u/f21/18/45/41/65/opts_m10.png) 0 0 no-repeat;
height: 17px;
position: absolute;
right: 35px;
top: 9px;
width: 16px;
}
Do you want the JS to make it work as well or just the background?
About the 3, would you like something like this forum's search button?
Regards.
Re: Customizing the search box
Thanks but the code didn't do anything. I don't just want the gear, I want the function of it. When it open the little search menu.
Diana- Active Poster
- Posts : 1286
Reputation : 21
Language : English
Re: Customizing the search box
anyone know how to get the extra search option there?
Diana- Active Poster
- Posts : 1286
Reputation : 21
Language : English
Re: Customizing the search box
can anyone help me please?
Diana- Active Poster
- Posts : 1286
Reputation : 21
Language : English
Re: Customizing the search box
Have you not already asked about this: https://help.forumotion.com/t140789-how-to-get-that-search-bar?highlight=search ?
Lost Founder's Password |Forum's Utilities |Report a Forum |General Rules |FAQ |Tricks & Tips
You need one post to send a PM.
You need one post to send a PM.
When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.
Re: Customizing the search box
Yes and I got it but it doesn't have the same features. So now I'm aking how to get that advanced search options on it. And how to change the look of it.
Diana- Active Poster
- Posts : 1286
Reputation : 21
Language : English
Re: Customizing the search box
can anyone help me with this?
Diana- Active Poster
- Posts : 1286
Reputation : 21
Language : English
Re: Customizing the search box
Diana wrote:can anyone help me with this?
Diana- Active Poster
- Posts : 1286
Reputation : 21
Language : English
Re: Customizing the search box
Diana wrote:Diana wrote:can anyone help me with this?
Diana- Active Poster
- Posts : 1286
Reputation : 21
Language : English
Re: Customizing the search box
Diana wrote:Diana wrote:Diana wrote:can anyone help me with this?
Diana- Active Poster
- Posts : 1286
Reputation : 21
Language : English
Re: Customizing the search box
Diana wrote:Diana wrote:Diana wrote:Diana wrote:can anyone help me with this?
Diana- Active Poster
- Posts : 1286
Reputation : 21
Language : English
Re: Customizing the search box
So... anyone? Or did the search box magically appear on here?
Diana- Active Poster
- Posts : 1286
Reputation : 21
Language : English
Re: Customizing the search box
You need to understand that somethings on the support forum can not be shared. You will have to wait until @Ange Tuteur sees this topic.
Lost Founder's Password |Forum's Utilities |Report a Forum |General Rules |FAQ |Tricks & Tips
You need one post to send a PM.
You need one post to send a PM.
When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.
Re: Customizing the search box
Oh I wasn't aware of that. I thought it was as usual as asking for help with something else.
Diana- Active Poster
- Posts : 1286
Reputation : 21
Language : English
Re: Customizing the search box
Hi,
I apologize for the late reply. For the search options, you need to create a new JavaScript via Modules > JS codes management
Placement : In all the pages
Then you need to add a bit of CSS to your stylesheet :
Display > Colors > CSS stylesheet
FYI the options are only optimized for the phpbb3 search bar, however, it can be modified to work for any search bar so long as it has the id
.
I apologize for the late reply. For the search options, you need to create a new JavaScript via Modules > JS codes management
Placement : In all the pages
- Code:
/* additional options for the main phpbb3 search bar */
$(function() {
// language config
var lang = {
display_as : '<b>Display results as : </b>',
posts : 'Posts',
topics : 'Topics',
tags : '<b>Hashtags : </b>',
advanced : '<b>Advanced Search</b>',
options_title : 'Search options'
},
search = document.getElementById('search'),
settings = document.createElement('DIV'),
opts = document.createElement('A');
if (search) {
settings.style.display = 'none';
settings.id = 'fa_search_settings';
// general settings
settings.innerHTML = '<p>' + lang.display_as + '</p><p><input id="searchOptsPosts" type="radio" name="show_results" value="posts"/><label for="searchOptsPosts">' + lang.posts + '</label><input id="searchOptsTopics" type="radio" name="show_results" value="topics" checked="true"/><label for="searchOptsTopics">' + lang.topics + '</label></p><p><label for="searchOptsTags">' + lang.tags + '</label> <input id="searchOptsTags" type="checkbox" name="is_tag" value="tags"/></p><hr class="dashed"/><p><a href="/search">' + lang.advanced + '</a></p>';
opts.href = '#';
opts.title = lang.options_title;
opts.id = 'fa_search_opts';
// toggle display state of settings
opts.onclick = function(e) {
e.preventDefault();
var settings = document.getElementById('fa_search_settings');
settings.style.display = /none/.test(settings.style.display) ? 'block' : 'none';
};
// hide settings on search bar focus
search.search_keywords.onfocus = function() {
var settings = document.getElementById('fa_search_settings');
if (!/none/.test(settings.style.display)) settings.style.display = 'none';
};
search.appendChild(opts);
search.appendChild(settings);
}
});
// par ange tuteur
Then you need to add a bit of CSS to your stylesheet :
Display > Colors > CSS stylesheet
- Code:
/* Main search bar options ( main_search_options JS required ) */
#search { position:relative }
#fa_search_opts {
height:17px;
width:16px;
background:url('http://i21.servimg.com/u/f21/18/45/41/65/opts_m10.png') 0px 0px no-repeat;
position:absolute;
top:9px;
right:35px;
}
#fa_search_opts:hover { background-position:-16px 0px }
#fa_search_settings {
color:#333;
text-align:center;
background:#FFF;
border:1px solid #DDD;
border-radius:3px;
box-shadow:0 3px 9px rgba(0, 0, 0, 0.175);
position:absolute;
top:45px;
right:0;
z-index:1;
padding:3px;
width:175px;
}
#fa_search_settings:before {
content:url(http://i18.servimg.com/u/f18/18/21/41/30/arrow11.png);
position:absolute;
top:-10px;
right:32px;
}
#fa_search_settings p { font-size:11px }
#fa_search_settings label {
padding:0px 6px 0px 3px;
vertical-align:middle;
cursor:pointer;
}
FYI the options are only optimized for the phpbb3 search bar, however, it can be modified to work for any search bar so long as it has the id
|
Re: Customizing the search box
Topic solved and archived
Lost Founder's Password |Forum's Utilities |Report a Forum |General Rules |FAQ |Tricks & Tips
You need one post to send a PM.
You need one post to send a PM.
When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.
Similar topics
» Neither search nor advanced search works. How to solve?
» Any way to replace the search tab with an actual search bar? SOLVED
» How do I remove "Search Google" from "Advanced Search"?
» Customizing the calendar?
» Customizing spoiler
» Any way to replace the search tab with an actual search bar? SOLVED
» How do I remove "Search Google" from "Advanced Search"?
» Customizing the calendar?
» Customizing spoiler
Page 1 of 1
Permissions in this forum:
You cannot reply to topics in this forum