помощь в верстке.

[ioniamichael]

привет друзья,

Нужна ваша помощь в верстке.

В верхнем меню нужно добавить поиск следующим оброзом(как на картинке)

 

 

При нажатии на иконку поиск, выходит окошко в котором нужно вводить слово для поиска.(как на картинке)

 

 

+ в мобильной версии, показовать только иконку

 

 

пытался сделать следующим образом, но не получилось.

Я не силён в верстке, если кто сможет помочь буду очень презнателен.

 

<li class="dropdown"><a href="<?php echo $search; ?>" title="<?php echo $text_search; ?>" class="dropdown-toggle" data-toggle="dropdown"><i class="fa fa-search"></i> <span class="hidden-xs hidden-sm hidden-md"><?php echo $text_search; ?></span> <span class="caret"></span></a>

          <ul class="dropdown-menu dropdown-menu-right">

 <li><?php echo $search; ?><i class="fa fa-search"></i> <span class="hidden-xs hidden-sm hidden-md"></span></a></li>

         </ul>

 </li>

        </li>

Змінено 19 січня 2016 користувачем ioniamichael

[ioniamichael]

Я лучше заплачу, а то испорчу что нибудь ;)

[shoputils]

Ушло в платный раздел

[ioniamichael]

ok

Пишите пожалуйста сразу цену

[Гість]

Пиши в лс