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 Bar

View previous topic View next topic Go down

Solved Search Bar

Post by shawn.m on July 10th 2011, 7:54 pm

Hi how can i add a custom search bar on my website header to search my site ? http://modifiedrides.7forum.info

shawn.m
Forumember

Male Posts : 365
Reputation : 0
Language : English

http://modifiedcarroom.com/

Back to top Go down

Solved Re: Search Bar

Post by Nera. on July 10th 2011, 8:24 pm

Hello,

Are you talking about this?
@Nera. wrote:Hi Ryan,
for the search;

1. add this to your overall_header template just after
<ul class="clearfix">

Code:
                     <form method="get" action="/search.forum?mode=searchbox&show_results=topics" class="qsearch"><input type="text"> <input type="submit" value="Search"></form>
Save and publish template.

2. Add this to CSS to customize it how ever you want it
Code:
.qsearch input[type="text"] {
    background: none repeat scroll 0 0 #000000;
    border: medium none;
    color: #ffffff;
    padding: 3px;
}
.qsearch input[type="submit"] {
    background: none repeat scroll 0 0 #000000;
    border: medium none;
    color: #ffffff;
    font-size: 11px;
    padding: 3px;
}

3. Add this to CSS to move it around where ever you want it, change pixels
Code:
.qsearch {
    position: absolute;
    right: 8px;
    top: 10px;
}

Nera.
Energetic

Female Posts : 7077
Reputation : 2013
Language : English
Location : -

http://webartzforum.com

Back to top Go down

Solved Re: Search Bar

Post by shawn.m on July 11th 2011, 8:50 am

hi it's on but it does not work i cant click on it, and i also want to change the style of it

shawn.m
Forumember

Male Posts : 365
Reputation : 0
Language : English

http://modifiedcarroom.com/

Back to top Go down

Solved Re: Search Bar

Post by Nera. on July 11th 2011, 11:35 am

You didn't add it where I told you, that is why it doesn't work/isn't clicable.
I forgot you changed navigations, add it after this
Code:
<ul class="nav superfish">
You can change it's apperance to what ever you want through the CSS I gave you.

Nera.
Energetic

Female Posts : 7077
Reputation : 2013
Language : English
Location : -

http://webartzforum.com

Back to top Go down

Solved Re: Search Bar

Post by shawn.m on July 11th 2011, 12:50 pm

yes it works now thanks, i want it to look like this http://uk.ign.com/ could you help me ? please Smile

shawn.m
Forumember

Male Posts : 365
Reputation : 0
Language : English

http://modifiedcarroom.com/

Back to top Go down

Solved Re: Search Bar

Post by Vlajki on July 11th 2011, 12:57 pm

Do you want something like this?
http://qkin.com/free-search-box-with-style/
You have the code there - play around with it.

Vlajki
Forumember

Male Posts : 724
Reputation : 359
Language : Serbian & English
Location : Serbia

Back to top Go down

Solved Re: Search Bar

Post by Nera. on July 11th 2011, 1:00 pm

Replace the first CSS I gave you for the customization with this one. Leave the one for movment.

Code:
.qsearch input[type="text"] {
    -moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #000000 -moz-use-text-color #000000 #000000;
    border-radius: 5px 5px 5px 5px;
    border-style: solid;
    border-width: 1px;
    box-shadow: 3px 0 12px #999999 inset;
    font-size: 13px;
    height: auto;
    padding: 6px;
    width: 250px;
}

.qsearch input[type="submit"] {
  background: -moz-linear-gradient(100% 100% 90deg, #D1D2D1, #FFFFFF) repeat scroll 0 0 transparent;
    border: 1px solid #000000;
    border-radius: 3px 3px 3px 3px;
    cursor: pointer;
    font-weight: bold;
    height: 28px;
    margin-left: 5px;
    padding-bottom: 2px;
    width: 57px;
}



Edit: Sorry Vlado, was writting at the same time loove


Last edited by Nera. on October 11th 2011, 3:41 pm; edited 1 time in total

Nera.
Energetic

Female Posts : 7077
Reputation : 2013
Language : English
Location : -

http://webartzforum.com

Back to top Go down

Solved Re: Search Bar

Post by shawn.m on July 11th 2011, 1:04 pm

cool!! i love it thanks alot! :wouhou:

shawn.m
Forumember

Male Posts : 365
Reputation : 0
Language : English

http://modifiedcarroom.com/

Back to top Go down

Solved Re: Search Bar

Post by Jophy on July 11th 2011, 1:05 pm

Solved => Locked

Jophy
ForumGuru

Male Posts : 17924
Reputation : 835
Language : English
Location : Somewhere

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