Forums / Templates, Stylesheets, Page Layout / Move search bar and nav link to header

Move search bar and nav link to header

Locked

Views: 1,034

Results 1 to 7 of 7
This thread is locked. New replies are disabled.
14 Jun 2010, 11:49 PM
#1
mysafetymarket avatar

mysafetymarket

New Zenner

Join Date:
Feb 2008
Posts:
19
Plugin Contributions:
0

Move search bar and nav link to header

Hello i'm using version 3.9d and I would like to move the nav links and the search bar to combined them together into the header. I would like the nav links to sit above the search bar. I downloaded the tpl_header.php file from template default and saved it in my template commons folder. Please help a picture is attached.

15 Jun 2010, 12:48 AM
#2
kobra avatar

kobra

Black Belt

Join Date:
Aug 2005
Location:
Arizona
Posts:
31,500
Plugin Contributions:
4

Re: Move search bar and nav link to header

Where is your site?

Zen-Venom Get Bitten

15 Jun 2010, 6:01 PM
#4
kobra avatar

kobra

Black Belt

Join Date:
Aug 2005
Location:
Arizona
Posts:
31,500
Plugin Contributions:
4

Re: Move search bar and nav link to header

From your source - - You have commented out the navMain items
Uncomment them and most placement/alignment can be habdled through the stylesheet

<div id="headerWrapper">
<!--bof-navigation display-->
<!--<div id="navMainWrapper">
<div id="navMain">
    <ul class="back">
    <li><a href="http://eaddudley.webuda.com/">Home</a></li>
    <li><a href="http://eaddudley.webuda.com/index.php?main_page=login">Log In</a></li>

</ul>
</div>
<div id="navMainSearch"><form name="quick_find_header" action="http://eaddudley.webuda.com/index.php?main_page=advanced_search_result" method="get"><input type="hidden" name="main_page" value="advanced_search_result" /><input type="hidden" name="search_in_description" value="1" /><input type="text" name="keyword" size="6" maxlength="30" style="width: 100px" value="Enter search keywords here" onfocus="if (this.value == 'Enter search keywords here') this.value = '';" onblur="if (this.value == '') this.value = 'Enter search keywords here';" /> <input type="submit" value="Search" style="width: 45px" /></form></div>
<br class="clearBoth" />
</div>-->
<!--eof-navigation display-->

<!--bof-branding display-->
<div id="logoWrapper">

    <div id="logo"><a href="http://eaddudley.webuda.com/"><img src="includes/templates/dudley_defense/images/logo.gif" alt="Dudley Defense, Protect Yourself!" title=" Dudley Defense, Protect Yourself! " width="289" height="60" /></a></div>
</div>
<br class="clearBoth" />
<!--eof-branding display-->

<!--eof-header logo and navigation display-->

Zen-Venom Get Bitten

15 Jun 2010, 6:41 PM
#5
mysafetymarket avatar

mysafetymarket

New Zenner

Join Date:
Feb 2008
Posts:
19
Plugin Contributions:
0

Re: Move search bar and nav link to header

I've uncommitted the navmain items. what should the code look like in order to get the nav over to the right and the search bar under the nav.

15 Jun 2010, 9:45 PM
#6
kobra avatar

kobra

Black Belt

Join Date:
Aug 2005
Location:
Arizona
Posts:
31,500
Plugin Contributions:
4

Re: Move search bar and nav link to header

You appear to have this nailed....

Zen-Venom Get Bitten

18 Jun 2010, 3:40 AM
#7
mysafetymarket avatar

mysafetymarket

New Zenner

Join Date:
Feb 2008
Posts:
19
Plugin Contributions:
0

Re: Move search bar and nav link to header

Hey ya. Thanks for your your help.