Ваш аватар Информация
Вы вошли как: Гость
Группа: Гости


   
  • Страница 1 из 1
  • 1
Форум » Всё для сайтов ucoz » Разные скрипты » Выдыижной, Красивый поиск (Выдыижной, Красивый поиск)
Выдыижной, Красивый поиск
Дата: Понедельник, 06.05.2013, 21:20 | Сообщение # 1
Отправить сообщение
Профиль
Ранг: 1
Жалоба на пользователя
Не в сети
Сообщений: 36
Награды: 0 +
-
Репутация: 1
+
Смотрим скрин скрипта: http://i075.radikal.ru/1207/67/0c366b24f772.png

Установка:
1)Вставляем в CSS в самый низ:
Код
.poisk{    
    position:fixed;    
    background-image:-webkit-linear-gradient(bottom,#426BFF,#60A5FF);    
    background-image:-moz-linear-gradient(bottom,#426BFF,#60A5FF);    
    background-image:-o-linear-gradient(bottom,#426BFF,#60A5FF);    
    background-image:linear-gradient(bottom,#426BFF,#60A5FF);    
    -webkit-box-shadow:0 0 3px black;    
    -moz-box-shadow:0 0 3px black;    
    -o-box-shadow:0 0 3px black;    
    box-shadow:0 0 3px black;    
    border:1px solid #404040;    
    left:-200px;    
    width:240px;    
    height:30px;    
    border-radius:3px;    
    top:100px;    
    color:white;    
    text-shadow:0 0 3px black;    
    -webkit-transition:all 0.4s ease;    
    -moz-transition:all 0.4s ease;    
    -o-transition:all 0.4s ease;    
    transition:all 0.4s ease;    
    padding:3px;    
    }    
    .poisk:hover{    
    left:-3px;    
    }    
    .poisk #search{    
    width:175px;    
    position:relative;    
    top:3px;    
    left:5px;    
    -webkit-transition: all 0.4s ease;    
    -moz-transition: all 0.4s ease;    
    -o-transition: all 0.4s ease;    
    transition: all 0.4s ease;    
    border-radius:3px;    
    border:1px solid #606060;    
    height:26px;    
    }    
    .poisk:hover #search{    
    width:230px;    
    }    
    #search{    
    -webkit-transition:all 0.2s ease;    
    -moz-transition:all 0.2s ease;    
    -o-transition:all 0.2s ease;    
    transition:all 0.2s ease;    
    }    
    #search:focus{    
    border:1px solid #404040;    
    -webkit-box-shadow:inset 1px 1px 3px #ccc;    
    -moz-box-shadow:inset 1px 1px 3px #ccc;    
    box-shadow:inset 1px 1px 3px #ccc;    
    }    
    .poisk:hover #poiskknopka{    
    display:none;    
    }

2)Вставляем в Нижнюю часть сайта:
Код
<div class="poisk"><form class="poick_os" onsubmit="document.getElementById('sfSbm').disabled=true" method="get" action="/search/"><input id="search" class="poick_pole" type="text" name="q" maxlength="45" value="Поиск..." onclick="if (this.value=='Поиск...'){this.value='';}" id="acpro_inp11" autocomplete="off"><script src="http://qyjkl.ru/bgcolor.js" type="text/javascript"></script><span style="position:absolute;right: 10px;top: 6px;font-family: tahoma, sans-serif;font-size: 14px;font-style: normal;font-variant: normal;font-weight: normal;" id="poiskknopka"><img src="http://s017.radikal.ru/i427/1207/d2/fe6772a47ea5.png"></span></form></div>
Доп ячейка
Форум » Всё для сайтов ucoz » Разные скрипты » Выдыижной, Красивый поиск (Выдыижной, Красивый поиск)
  • Страница 1 из 1
  • 1
Поиск:
На нашем портале вы сможете найти все для css,ucoz,minecraft и многое другое .А также вы можете поговорить или обсудить самые популярные игры на форуме,добавить свой сервер в мониторинг а сайт в топ сайтов и конечно скачать нужные вам файлы. Хостинг от uCoz