Results 1 to 7 of 7

Hybrid View

  1. #1
    Join Date
    Feb 2008
    Posts
    19
    Plugin Contributions
    0

    Default 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.
    Attached Images Attached Images  

  2. #2
    Join Date
    Aug 2005
    Location
    Arizona
    Posts
    27,755
    Plugin Contributions
    9

    Default Re: Move search bar and nav link to header

    Where is your site?
    Zen-Venom Get Bitten

  3. #3
    Join Date
    Feb 2008
    Posts
    19
    Plugin Contributions
    0

    Default Re: Move search bar and nav link to header


  4. #4
    Join Date
    Aug 2005
    Location
    Arizona
    Posts
    27,755
    Plugin Contributions
    9

    Default 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

    Code:
    <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';" />&nbsp;<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

  5. #5
    Join Date
    Feb 2008
    Posts
    19
    Plugin Contributions
    0

    Default 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.

  6. #6
    Join Date
    Aug 2005
    Location
    Arizona
    Posts
    27,755
    Plugin Contributions
    9

    Default Re: Move search bar and nav link to header

    You appear to have this nailed....
    Zen-Venom Get Bitten

 

 

Similar Threads

  1. Replies: 1
    Last Post: 10 Jun 2009, 10:16 AM
  2. Move search bar under header
    By mushroomlanding in forum Templates, Stylesheets, Page Layout
    Replies: 3
    Last Post: 16 Aug 2008, 12:07 PM
  3. Move the header sales text to the nav bar?
    By beasleybub in forum Templates, Stylesheets, Page Layout
    Replies: 3
    Last Post: 17 Apr 2007, 06:58 AM
  4. How to move search bar into nav bar?
    By Sullmoney in forum Templates, Stylesheets, Page Layout
    Replies: 3
    Last Post: 20 Sep 2006, 08:49 AM
  5. Nav Bar and Link Problems
    By chemdata in forum Templates, Stylesheets, Page Layout
    Replies: 30
    Last Post: 28 Aug 2006, 07:39 PM

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
disjunctive-egg