Search feature?

Hello @gamark

This is already on my todo-list for a long time and will hopefully come with one of the next bigger releases (maybe 1.3 or 1.4). See this ticket to stay up2date:
https://github.com/Asgaros/asgaros-forum/issues/7

• This reply was modified 8 years, 4 months ago by Asgaros.

Great and thank you for your fast answer.

Thank you for adding the search feature. Could you fix the CSS on the search seaction? Can you make it look like the rest of the forum? I use for example the black color and the search is different is gray and white. Make it same like the css for #af-wrapper.

In other word the left side where you show the tree make the same gray and text like where the QUOTE and EDIT is.

The search I think should be color coded (black in my case) with white text.

This way it’s consistent with the rest.

But all in all good job.

Hello again, @gamark

Do you have a link to your website so I can have a look? Custom color combinations can be always a little bit problematic to test so it would be nice to show me your website/design so I can rebuild it on my testing environment and play a little bit around with it for improvements. ??

Hello Asgaros,

I only had a go and modified the css via Chrome and here is what I came with. The mods gave the search section/top container the same look like the rest of the forum.

I assume I can place this in asgaros-forum/skin/style.css and changes will take effect.

#af-wrapper #top-container {
background-color: #000;
/* border-bottom: 2px solid #b4b9be; */
margin-bottom: 15px;
display: block;
color: #666;
line-height: 26px;
padding: 3px 10px;
}

#af-wrapper #breadcrumbs a {
color: #fff !important;
background: none;
font-weight: bold;
font-family: Verdana, Tahoma, sans-serif;
font-size: 13px;
}

#af-wrapper #forum-search {
float: right;
width: 235px;
/* background-color: #b4b9be; */
}

#af-wrapper #forum-search input {
vertical-align: inherit;
font-style: italic;
padding: 0;
border: 0;
color: #fff;
border-bottom: 2px solid #ddd;
background-color: #000;
width: 190px;
font-size: 12px;
line-height: normal;
display: initial;
}