Searchform in menuebar


Author Message
Ben

Posted: 7/16/2009
Quote message 

Hey dudes, i wanna have the searchform in the menuebar like in this theme http://www.freewpthemes.net/preview/spontaneous, my theme is aristeer created, how can i realize that?
Thanks for your help dudes...
 
Garry

Posted: 7/16/2009
Quote message 

You need to do it manually inserting the search form code in your artmenu div
 
ben

Posted: 7/16/2009
Quote message 

Yes i know (google), but i am not so good in HTML and CSS, i dont know WHICH slice of code i have to change ;)
 
Bud

Posted: 7/16/2009
Quote message 

This forum software is too cumbersome to show how to do this.

Use the contact form on my website to send me an email and I can show you how it's done.

It's not bad just a new DIV and some CSS additions.

I'm doing tis on all my themes now.

Bud
budstechshed.com
 
Garry

Posted: 7/17/2009
Quote message 

You can use following code to insert your search module where you want:

<div>
<form method="get" id="searchform" action="<?php bloginfo('url'); ?>/">
<input type="text" value="<?php the_search_query(); ?>" name="s" id="s" />
<button class="Button" type="submit" name="search">
<span class="btn">
<?php _e('Search', 'kubrick'); ?>
</span>
</button>
</form>
</div>
 
Brett Bumeter

Posted: 7/19/2009
Quote message 

Quote Garry:

You can use following code to insert your search module where you want:

<div>
<form method="get" id="searchform" action="<?php bloginfo('url'); ?>/">
<input type="text" value="<?php the_search_query(); ?>" name="s" id="s" />
<button class="Button" type="submit" name="search">
<span class="btn">
<?php _e('Search', 'kubrick'); ?>
</span>
</button>
</form>
</div>



I'm not great at css, but I think the buttons and form related to search has to be reformatted to fit within a menu bar.

This was covered a few months back with older versions of Artisteer, but I don't think this works any more.

http://www.artisteer.com/?post_id=100064&p=forum_post
 
Brett Bumeter

Posted: 7/19/2009
Quote message 

Its not pretty, but through trial and error I was able to get it to work in the menu here

http://belizebusinesslaw.com/

In this case, I had to add the css code as follows.

#searchform {
font-size:.92em;
float: right;
padding-right: 25px;
background-color:#FFFFFF;
}

I'd like to get a button image in there as opposed to a generic white square?
 
Brett Bumeter

Posted: 7/19/2009
Quote message 

Oh and here is where I placed the code, notice its in between the <ul> </ul> of the menu list


<ul class="menu">
<?php art_menu_items(true); ?>
<div class="search">
<form method="get" id="searchform" action="<?php bloginfo('home'); ?>/">
<input type="text" class="s" value="<?php the_search_query(); ?>" name="s" id="s" />&nbsp;<input type="image" src="<?php bloginfo('template_directory'); ?>/images/search.gif" name="Submit" class="button" alt="Search" />
</form>
</div>
</ul>
 
Garry

Posted: 7/19/2009
Quote message 

You can display your custom button instead of default one by adding following to it:

src="images/submit.jpg" type="image"

where submit.jpg is a custom button image uploaded in images folder