[Помогите] перенести поиск

Тема в разделе "OpenCart", создана пользователем kpaqpa, 7 мар 2015.

  1. kpaqpa

    kpaqpa

    Регистрация:
    22 фев 2013
    Сообщения:
    26
    Симпатии:
    7
    есть тема pav plaza, так вот не нравится как то что поиск посреди экрана, и хотелось бы его опустить в меню
    http://themeforest.net/item/pav-plaza-responsive-theme/full_screen_preview/4741122
    [​IMG]

    может кто то помочь... я б дал ссылку на свой сайт, но пока что на локал хосте

    Вот кусок header.tpl
    HTML:
    <div class="header">
        <div class="container">
            <div class="row-fluid">
                <div class="span3">
                    <?php if ($logo) { ?>
                    <div id="logo">
                        <a href="<?php echo $home; ?>">
                            <img src="<?php echo $logo; ?>" title="<?php echo $name; ?>" alt="<?php echo $name; ?>" />
                            <!--<span class="logo"></span>-->
                        </a>
                    </div>
                    <?php } ?>
                </div>
                <div class="span9 pull-right">
                    <div id="search">
                        <input type="text" name="search" placeholder="<?php echo $text_search; ?>" value="<?php echo $search; ?>" />
                        <div class="button-search"></div>
                    </div>   
                    <?php echo $cart; ?>
                </div>
            </div>
        </div>
        </div>
    </section>
    
    <section id="mainnav">
    <?php
    /**
    * Main Menu modules
    */
    $modules = $helper->getModulesByPosition( 'mainmenu' );
    if( count($modules) ){
    ?>
    
            <?php foreach ($modules as $module) { ?>
                <?php echo $module; ?>
            <?php } ?>
    
    <?php } elseif ($categories) { ?>
    <nav id="mainmenu"><div class="container navbar">
        <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
          <span class="icon-bar"></span>
          <span class="icon-bar"></span>
          <span class="icon-bar"></span>
        </a>
        <div class="navbar-inner">
    
        <div class="nav-collapse collapse">
               
              <ul class="nav">
                <?php foreach ($categories as $category) { ?>
               
                <?php if ($category['children']) { ?>           
                <li class="parent dropdown deeper "><a href="<?php echo $category['href'];?>" class="dropdown-toggle" data-toggle="dropdown"><?php echo $category['name']; ?>
                <b class="caret"></b>
                </a>
                <?php } else { ?>
                <li ><a href="<?php echo $category['href']; ?>"><?php echo $category['name']; ?></a>
                <?php } ?>
                <?php if ($category['children']) { ?>
                
                    <?php for ($i = 0; $i < count($category['children']);) { ?>
                     <ul class="dropdown-menu">
                      <?php $j = $i + ceil(count($category['children']) / $category['column']); ?>
                      <?php for (; $i < $j; $i++) { ?>
                      <?php if (isset($category['children'][$i])) { ?>
                      <li><a href="<?php echo $category['children'][$i]['href']; ?>"><?php echo $category['children'][$i]['name']; ?></a></li>
                      <?php } ?>
                      <?php } ?>
                    </ul>
                    <?php } ?>
           
                  <?php } ?>
                </li>
                <?php } ?>
              </ul>
        </div>    </div>         
    </div></nav>
    <?php } ?>
    </section>

    а это css
    Код:
    #header #search {
        height:35px; background:#fff;
        float:left;width:430px;
        margin:30px 0px;
        border:4px solid #40c5e2;
        -webkit-border-radius: 20px;
        border-radius: 20px;
        padding-left:15px;
    
    }
    }
    #header .button-search {
        background: url('../image/button-search.png') center center no-repeat;
        width: 40px;
        height: 35px;
        cursor: pointer;
        float:right;
    }
    #header #search input {
        width: 384px;
        height: 29px;
        float:left;
        font-size:12px;
        margin:0px;
        border:none;
        color:#838383;box-shadow:none
    }
     
  2. Vintage

    Vintage

    Регистрация:
    31 мар 2013
    Сообщения:
    237
    Симпатии:
    39
    Дописать в

    #header .header {
    height: 103px;
    }

    #header #search {
    position: absolute;
    top: 81px;
    margin-left: 450px;
    }
     
    kpaqpa нравится это.
  3. kpaqpa

    kpaqpa

    Регистрация:
    22 фев 2013
    Сообщения:
    26
    Симпатии:
    7
    спасибо) помогло, подправлю и круто будет)