2 john Dec 18, 2008 09:22

I will be interest in a demo ;-)
My Search Box isn't in the header but could be....
It's in the Footer....
http://wow-factor.com/index.php#info
Well, OK, here's what's happened so far.
With the search widget installed in the menu container, the blog displayed a search window over on the left, UNDER my menu items (blog titles), with a button labelled "search" underneath it--taking up a lot of valuable real estate, imho.
(1) In style.css I pasted in the css code John provided, adapting to the look I wanted. No change. Set the colors to outrageous colors (#f00 etc)--clearly not reading text or background color from this code.
(2) In inc>widgets>widgets>_coll_search_form.widget.php, I found the code section. I commented out that whole section and pasted in John's whole section.
RESULTS at last, sort of: This did put the search widget elements on the same line. Hooray! It added the word "Search:" (but, like the menu, something is overriding my attempts to style all caps). From left to right, it "reads" Search: [search window here], then an annoying little button labelled "Go." Still not picking up my "test" colors.
(3) Commenting out the lines in style.css produces NO CHANGES at all.
Stay tuned....
Martha, do you have a link to your site?
It's at http://www.mcgmquakers.org/?blog=1. It still has the sample posts, etc--I've been trying to get the skin & functionality to work. If I can, I'd use b2evo for this and another project, both imagined to use several blogs and assorted static pages each.
Since I posted, I worked on it a little more: I returned to the original text in the widget php file, with the "Go!" text (button) replaced by SEARCH. (I've done a bit of css, but I'm just guessing in the dark when it comes to php.) In style.css, I have statements parallel to your suggested code. I also tried styling for .submit, since the php seems to assign a class of submit. ALL of that css is currently up (not commented out at present) and includes primary colors for background and text, as a test.
My conclusion is that this stuff is getting styled somewhere that I can't find.
What I want is the menu line: MCGM HOME | MEETINGS | WHATEVER aligned left, and the search box and a search "button" *I* can style aligned right ON THE SAME LINE.
THEN it occurred to me: is there any hope that this search box will search across all the blogs of each of these imagined projects? Because one that won't is mighty little good, even deceptive.... Maybe I just need a blog or two on an integrated site after all!!!
Your Search set up needs to be wrapped in the list that holds your other menu items
<li class="selected"><a href="http://www.mcgmquakers.org/blog1.php" class="selected" title="METROPOLITAN CHICAGO GENERAL MEETING">MCGM HOME</a></li><li><a href="http://www.mcgmquakers.org/blog2.php" class="default" title="MCGM AREA MEETINGS">MEETINGS</a></li><li><a href="http://www.mcgmquakers.org/blog4.php" class="default" title="PHOTOS">PHOTOS</a></li><li><a href="http://www.mcgmquakers.org/blog5.php" class="default" title="EVENTS">EVENTS</a></li><form action="http://www.mcgmquakers.org/blog1.php" method="get" class="search"><p><input type="text" name="s" size="25" value="" class="SearchField" /></p><input type="submit" name="submit" class="submit" value=" SEARCH " /></form> </ul>
After EVENTS</a>there is a </li>So, you need to incorporate the whole Search set up with the list code as well.
So try editing your code so it's something like....
<li><form action="http://www.mcgmquakers.org/blog1.php" method="get" class="search"><input type="text" name="s" size="25" value="" class="SearchField" /><input type="submit" name="submit" class="submit" value=" SEARCH " /></form></li></ul>
Here's how I edited the searchform widget to give a simple inline search form...
Simply load the widget into your preferred container and style to suit.
Hope it's of some help.
Goto blogs->inc->widgets->widgets and edit _coll_search_form.widget.php
and related CSS