Move search box to right of nav bar?

[michelle]

Hi,
Trying to figure out how to move the search box to go on the same line as my nav bar, just on the right hand side. Or I'd even be happy with it just above the nav bar, as long as it is on the far right.

Would like it to look like one of these sites:
The Frisky: Relationship Tips, Celebrity Gossip & Sexy Fun
or
StyleBakery.com - style and shopping for the real world
or
Fashionista - Fashion Designers, Models, Shopping, Style

Please let me know if you know how to do this. Thanks!

[michelle]

I figured this out myself! Used this code in custom.css:

.custom #search input {float:right; margin-top:-51.5em;}

[michelle]

Actually I take that back. I would like to find a better solution for this.

The problem is that the search box will constantly move around depending on what you have in the sidebar #2. (I had to put the search at the very bottom of the list, otherwise it makes a very unattractive empty space when you move it using the line in custom.css)

Also, if some of your ads are slow to load or whatever, the search box will move around depending on those too. It just looks unprofessional.

Does anyone know how I can use a hook to move the search box to the right of the nav bar - in a FIXED position????????

thanks!

[girlie]

I like the way Ben Bleikamp did it:

Create a Custom Search Box with Thesis - Ben Bleikamp

[michelle]

Thanks, but I'm a bit slow... still not quite understanding how this works, even after reading Ben's tutorial.

This is the code I have in the Header section using Openhook (thesis_hook_header):

<div id="header_welcome"><p>Welcome to BeautyEditor.ca</b></p>
<p>Log In | Register</p></div>

(note: the log in / register will have links just as soon as I figure those out)

This is the corresponding section in my custom.css:

#header_welcome { float: right; margin-top: 0.5em; margin-right: 1em; display: block; line-height: 2em; color: #000; letter-spacing: 2px; }

Anyway what I want to do is have my search box directly underneath the welcome message to the right of my header, like this:

Welcome to BeautyEditor.ca!
Log In | Register
[search box]

How do I do this? I'm cool with styling it in custom.css, it's what the heck I'm supposed to add in the header hook that has me lost here.

Also - I want them to align to the right, which I also haven't figured out.

If anyone has a clue what I need to do here I would REALLY appreciate it. thanks!

PS - again you can look at my site here

[kristarella]

In OpenHook, change
<div id="header_welcome"><p>Welcome to BeautyEditor.ca</b></p>
<p>Log In | Register</p></div>
to
<div id="header_welcome"><p>Welcome to BeautyEditor.ca</b></p>
<p>Log In | Register</p>
<?php thesis_search_form(); ?></div>

Make sure the box is checked to allow PHP to be used.

[asuffredini]

I'd like to add the search to the right of my tabs as well - can i just add "<?php thesis_search_form(); ?>" or do I need the div id? here is my site (Data Plus Hospitality Solutions ? Accounting Products and Services for a Global Economy | Back Office Accounting Software for the Hospitality Industry) i don't mind taking out the subscribe button to make room. I'm using OpenHook as well.

Thanks!

[kristarella]

You can just use the search form. Then you'll need CSS,
.custom form.search_form {float:right; margin-bottom:-2em;}
or something like that. Hard to say for sure.

[kalaniprince]

please help Kristarella, I have been trying to place my search box next to my rss icon for days with no luck. Here is the thread : http://diythemes.com/forums/thesis-c...-possible.html

[vacquah]

Since I am styling my search box too, I thought I should jump on this thread instead of starting a new one.

My problem is, I am trying to add a search submit button to the right of the search box. havent been able to figure it out after going it it for about 2 days.

I have used #searchsubmit {background: #111} and different variations of it without success

how do i get the search submit button to show ?