Search Box in Header

I wanted to take the search box off the main line of Tabs at the top and place it in the header and also wanted to put in the header the sign in, (user name and password).

This way it would have the logo the search box and then the sign in all in one line across the top of the page.

Has anyone done this at all and if so could anyone tell me how its done?

Many thanks

Quote · 27 Jan 2012

That would be a fairly difficult thing to do if you're not familiar with template keys or injections.

You would most likely have to create your own injections and call the services/functions that create the search and login forms.  Or write your own. 

If you're familiar with the dolphin system, it's not too bad.

 

 

sup
Quote · 27 Jan 2012

here is your solution

so do this in this thread

http://www.boonex.com/forums/topic/How-do-you-put-a-login-form-at-the-top-of-the-site-.htm

and do this:-

in your sub_header.html file add this after __main_logo__

like this

<div class="sys_ml_wrapper">

                <bx_injection:injection_logo_before />

   __main_logo__

<div style="position:absolute;bottom:25px;left:400px">

      <script language="javascript">

$(document).ready( function() {

$('#keyword').blur(function() {

$('#keyword').removeClass();

$('#keyword').addClass('input_main');

if ('' == $('#keyword').val())

$('#keyword').val('Search');

}

);

$('#keyword').focus(function() {

$('#keyword').removeClass();

$('#keyword').addClass('input_focus');

if ('Search' == $('#keyword').val())

$('#keyword').val('');

}

);

});

</script>

<div>

<form action="searchKeyword.php" method="get" name="SearchForm">

<input type="text" name="keyword" id="keyword" value="Search" />

</form>

</div>

<div class="clear_both"></div>   

</div>

   <bx_injection:injection_logo_after />

            </div>

</div>

<bx_injection:banner_top />

Good luck...:)

so much to do....
Quote · 27 Jan 2012

Thanks very much Prashank25, it worked perfectly!

Quote · 28 Jan 2012

you're welcome...:)

so much to do....
Quote · 28 Jan 2012

Just a thought

 

Is there anyway of listing just the login and join from in the top right adjacent to the logo without the search box? some how using your formula like the search one below?

 

<div class="sys_ml_wrapper">

                <bx_injection:injection_logo_before />

   __main_logo__

<div style="position:absolute;bottom:25px;left:400px">

      <script language="javascript">

$(document).ready( function() {

$('#keyword').blur(function() {

$('#keyword').removeClass();

$('#keyword').addClass('input_main');

if ('' == $('#keyword').val())

$('#keyword').val('Search');

}

);

$('#keyword').focus(function() {

$('#keyword').removeClass();

$('#keyword').addClass('input_focus');

if ('Search' == $('#keyword').val())

$('#keyword').val('');

}

);

});

</script>

<div>

<form action="searchKeyword.php" method="get" name="SearchForm">

<input type="text" name="keyword" id="keyword" value="Search" />

</form>

</div>

<div class="clear_both"></div>   

</div>

   <bx_injection:injection_logo_after />

            </div>

</div>

<bx_injection:banner_top />

 

Thanks again

Quote · 11 Feb 2012

ya you can follow only this and you will only get login form

http://www.boonex.com/forums/topic/How-do-you-put-a-login-form-at-the-top-of-the-site-.htm

but how can you show a join form on the header?????

so much to do....
Quote · 11 Feb 2012

Thanks once again Pranshank25 for your great help. I actually don't need a 'join' in the header so this is fine.

I am sticking with just the search box using the extention you suggested above and wondered if you (or anyone) could tell me if there is a way of enlarging the search box and also if possible including a search button. This seems to be missing and only works by hitting 'return' or 'enter' on a keyboard.

Whilst most people would suss this quickly others may find it difficult to work out.

Thanks again

Quote · 20 Feb 2012

you can easily add a button by adding this

<form action="searchKeyword.php" method="get" name="SearchForm">

<input type="text" name="keyword" id="keyword" value="Search" />

<input type="submit" name="submit" value="Search" />

</form>

 you can use css to change the width or design it your way.

so much to do....
Quote · 20 Feb 2012

Prashank 25 you have been very helpful thank you very much! Just one last thing on this that you may have an answer for.

When you enter a word in the search it takes you to a page that lists:

Search

and then the results.

 

I wondered where this actual page is in the cpanel manager as its not a standard block and it would look a lot better for me to list the results first.

Once again thank you for your excellent help.

Quote · 20 Feb 2012

it will be better if you post this in new thread because its different thing.

Edit: My answer is ready just waiting for your new thread..........lol

so much to do....
Quote · 20 Feb 2012

LOL

OK will do!

thanks again

Quote · 20 Feb 2012
 
 
Below is the legacy version of the Boonex site, maintained for Dolphin.Pro 7.x support.
The new Dolphin solution is powered by UNA Community Management System.