Результаты поиска
Введите запрос, по завершению нажмите Enter.
ФорумБлогиМануалыНовые постыЛюди
  • Страница 1 из 1
  • 1
Форум » Веб-мастерская » CSS » Помогите с поиском...
Помогите с поиском...
Отправлено 06.06.2012 - 17:281
Нет аватара
Пользователь
70 сообщений
Мужчина
Доброго времени суток! Я нашел Выдвижной поиск на JQuery для сайта...
Как сделать поиск этот, чтобы он выдвигался с МЕНЮ вот пример



БОЛЬШОЙ СКРИН http://imageshack.us/f/11/32145852.png/

Вот сам поиск:

Подключение JQuery (между HEAD)
<script type="text/javascript" src="http://yraaa.ru/test/53/jquery.js"></script>

Код CSS
<style type="text/css">
textarea:focus, input:focus, select:focus {outline:none} /*Убираем выделение в Chrome и Safari*/
.searchinput {background:#FFFFFF url('http://yraaa.ru/_pu/13/84919601.png') 7px 6px no-repeat;margin:0;padding:6px;padding-right:0;padding-left:28px;color:#151515;width:1px;border:1px solid #FFFFFF} /* CSS для INPUT */

/*Следующие строчки для самого меню*/

.mn {margin:0;padding:0;height:30px;line-height:30px;background:#FFFFFF;border:1px solid #dedede;border-left: 0}
.mn li {list-style-type:none;float:left;border-left:1px solid #dedede;}

.mn li.search {float:right} /*Позиционируем поиск в право*/

.mn li a, .mn li a:hover {padding:8px 10px 8px 10px;color:#585858;text-decoration:none}
.mn li a:hover {color:#000}
</style>

Код HTML (между BODY)
<ul class="mn">
<li class="search">
<!--Только поиск-->
<input onfocus="$(this).animate({width:'186px'},200)" onblur="if($(this).val()=='') {$(this).animate({width:'1px'},200)}" class="searchinput" name="s" type="text" value="" maxlength="40" />
<!--/Только поиск, только хардкор-->
</li>
<li><a href="#">Главная</a></li>
<li><a href="#">Новости</a></li>
<li><a href="#">О сайте</a></li>
<li><a href="#">Реклама</a></li>
</ul>
Профиль Личное сообщение Дом. страница icq Skype
19
Отправлено 06.06.2012 - 17:302
Нет аватара
Заблокирован
76 сообщений
Мужчина
Ronaldo, дай скрипт своего меню
Профиль Личное сообщение Дом. страница icq Skype
1
Отправлено 06.06.2012 - 17:333
Нет аватара
Пользователь
177 сообщений
Мужчина
Quote (MyName)
Ronaldo, дай скрипт своего меню


Скрипт не важен

Думаю,что реализовать надо через таблицу

Тоесть код меню | код поиска
Профиль Личное сообщение Дом. страница icq Skype
12
Отправлено 06.06.2012 - 17:344
Нет аватара
Заблокирован
76 сообщений
Мужчина
MyName, аааа, я не правильно вопрос прочитал
Профиль Личное сообщение Дом. страница icq Skype
1
Отправлено 06.06.2012 - 17:375
Нет аватара
Пользователь
177 сообщений
Мужчина
Quote (MyName)
аааа, я не правильно вопрос прочитал


Выдвигался рядом с меню вернее

MyName, то есть код меню нашего не важен а именно вот это важно:
Code

<ul class="mn">   
<li class="search">   
<!--Только поиск-->   
<input onfocus="$(this).animate({width:'186px'},200)" onblur="if($(this).val()=='') {$(this).animate({width:'1px'},200)}" class="searchinput" name="s" type="text" value="" maxlength="40" />   
<!--/Только поиск, только хардкор-->   
</li>   
</ul>


Ну и стили к нему естественно
Профиль Личное сообщение Дом. страница icq Skype
12
Отправлено 09.06.2012 - 22:086
Пользователь
111 сообщений
Мужчина
Kirzv, попробуйте рипнуть, у вас неплохо получается.
Профиль Личное сообщение Дом. страница icq Skype
2
Отправлено 10.06.2012 - 12:457
Нет аватара
Пользователь
70 сообщений
Мужчина
Quote (alien)
Kirzv, попробуйте рипнуть, у вас неплохо получается.

Для какой цели ты это написал?
Профиль Личное сообщение Дом. страница icq Skype
19
Отправлено 10.06.2012 - 13:238
Пользователь
111 сообщений
Мужчина
Ronaldo, цель? Просто надавить на вашу совесть, если он ещё есть.. А может и правда в этом найдёте решение проблемы.
Профиль Личное сообщение Дом. страница icq Skype
2
Форум » Веб-мастерская » CSS » Помогите с поиском...
  • Страница 1 из 1
  • 1
Поиск:
uSite.su © 2010-2025
Все права защищены.
Многогранность и сверхспособности сообщества uCoz заставляют задуматься даже самые стойкие умы веб-программирования, ведь лишь uSite способен предоставить ответы на самые сложные вопросы uCoz.
01RSS
Хостинг от uCozПользовательское соглашение и прочая информация