Добро пожаловать на форум!
Новые сообщения Участники Правила форума Поиск RSS
Статистика Форума
Последние обновленные темы Самые популярные темы Самые активные пользователи Новые участники
Болт (3758)
XemorDio (2726)
Skyline (2698)
Strelok41 (2177)
Lenin32422 [20.10.2017]
FLashstar169 [18.10.2017]
Риник [11.10.2017]
norton1424 [11.10.2017]
VitalikZeleniy [08.10.2017]
Страница 1 из 11
Форум » Web-раздел » Скрипты uCoz » Плавно увеличивающийся поиск by Бармен
Плавно увеличивающийся поиск by Бармен
Бармен Дата: Вторник, 18.07.2017, 02:02 | Сообщение # 1
«Программист»
Группа: Модераторы
Сообщений: 291
Награды: 6 Репутация: 70
Статус: Offline

Установка:
Заходим в главную страницу каталога файлов или же в другое и вставляет в любое удобное место.
Код
<div class="block_content">
<div class="for_menu">
<div class="menu_block">

<style>
.form-search {
display: inline-block;
background: -moz-linear-gradient(#424242, #2d2c2c 50%, #313131 50%, #2b2b2b);
background: -ms-linear-gradient(#424242, #2d2c2c 50%, #313131 50%, #2b2b2b);
background: -o-linear-gradient(#424242, #2d2c2c 50%, #313131 50%, #2b2b2b);
background: -webkit-linear-gradient(#424242, #2d2c2c 50%, #313131 50%, #2b2b2b);
border-radius: 5px;
padding: 4px;
}

.form-search input {
width: 130px;
height: 32px;
line-height: 32px;
font: 11px Helvetica, Arial, sans-serif;
color:#6E7074;
text-shadow: 0 1px 0 #000;
-moz-transition: all .2s ease-out;
-webkit-transition: all .2s ease-out;
-o-transition: all .2s ease-out;
transition: all .2s ease-out;
padding: 0 30px 0 6px;
background-image: -webkit-linear-gradien(#2b2b2b, #313030);
background-image: -webkit-linear-gradien(#2b2b2b, #313030);
background-image: -webkit-linear-gradien(#2b2b2b, #313030);
background-image: -webkit-linear-gradient(#2b2b2b, #313030);
background-repeat: no-repeat;
background-position: 100% 50%, 100% 100%;
border: 1px solid #272626;
border-radius: 3px;
box-shadow: inset 0 1px 1px #575555, 0 1px 0 #272727;
}

.form-search input:focus {
width: 160px;
box-shadow: inset 0 1px 1px #46575b, 0 1px 0 #FFF;
color: #fff;
background-image: -moz-linear-gradient(#2b2b2b, #313030);
background-image: -ms-linear-gradient(#2b2b2b, #313030);
background-image: -o-linear-gradient(#2b2b2b, #313030);
background-image: -webkit-linear-gradient(#2b2b2b, #313030);
}
</style>
<div align="center">
<form class="form-search" method="get" action="/search">
<input type="text" name="q" placeholder="поиск" value=""></form>
</div>

</div></div></div>
Форум » Web-раздел » Скрипты uCoz » Плавно увеличивающийся поиск by Бармен
Страница 1 из 11
Поиск:
21:28
Обновить

Хостинг от uCoz | Design by XemorDio | MODSTALKER © 2009-2017