Вторник, 22.08.2017, 08:26
Главная  Форум Регистрация Блог RSS
Приветствую Вас, Гость
Меню сайта
Наш опрос
Каким EMAIL Вы пользуетесь?


Всего ответов: 289

установить такой вид опроса
Статистика
Яндекс.Метрика
Онлайн всего: 6
Гостей: 6
Пользователей: 0


Зарегистрировано 30367 (сегодня + 0 новых, вчера + 0 новых), В каталоге файлов 1127 материала(ов), Оставлено 5114 комментариев, На форуме создано тем и ответов.

установить такую статистику

Блок CW результаты

Победы
Победы(10)

Поражения
Поражения(5)


Установить CW блок на свой сайт
Внимание!
Наш сайт адаптирован под браузер Mozilla Firefox
скрипты для uCoz
Скачать/Download
В остальных браузерах наш сайт может отображаться некорректно! (IE,Opera,Google Chrome и т.д)

установить такой блок
Расскажи Друзьям!
Комментарии
Новость: Counter Strike Шаблон для сайта uCoz
Дмитрий Чёрный написал:
Битая ссылка
Новость: 500 flash часов для ucoz
Doshin Doshinovish написал:
Ссылки битые
Новость: Красивый еффект при наведении на картинки для uCoz
DNZ написал:
И че? Обычные картинки. cool
Новость: Раскрутка сайта uCoz, повышение хостов, посетителей и просмотров
Женя Антонов написал:
БЛИН САЙТ ПРИКРЫЛИ
uCoz
403

У вас нет прав для просмотра этой страницы

Вернуться на главную страницу
sad
Новость: Как заработать в интернете? Стоит ли пробовать?
сергей клодт написал:
Всем привет! Не буду долго рекламировать, как это делает большинство работодателей , обещая огромные , не реальные заработки. я сам долго искал нормальный заработок. http://vktarget.ru/?ref=2478119 вктаргет . Просто плаят за то что ставишь лайки , репосты, вступаешь в группы и тд . Главное -НИКАКИХ ВЛОЖЕНИЙ

Читать все комментарии
Топ комментаторов

установить такой информер
VKONTAKTE

FACEBOOK
Главная страница » Помощь Вебмастеру » Категория Скрипты для uCoz » Добавлено [04.02.2014, 16:12]

Форма поиска по сайту на JS

Войти или Зарегистрироваться [скачивать файлы могут только зарегистрированные пользователи!]

Уникальный скрипт для Ucoz, форма поиска на jawa, суть поиска та же
самая, что у любого другого подобного скрипта, здесь дело в
автоматически выдвижной форме, выдвигается она примерно на расстояние
указанное на изображении, и эффект раскручивания лупы при ненадобности
поиска, в общем неплохой такой скрипт. 


В архиве скрипта два текстовых документа, один код добавьте в CSS, а второй в блок на сайте, всё сохраните и пользуйтесь.

Не забудьте скачать архив! Для этого необходимо пройти регистрацию. Так же вместо спасибо мы будем ждать от вас лайков на своих страничках социальных сетей. 

Код блока найдёте в АРХИВЕ!!!

Это нужно вставить в низ CSS:

Код
#search {  
  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;  
  background:#fff;  
  width: 8px;  
  padding: 0 8px;  
  height: 24px;  
  font-size: 14px;  
  color: #666;  
  line-height: 24px;  
  border: 0;  
  outline: none;  
  border-radius: 50px;  
  position: relative;  
  z-index: 5;  
  -moz-transition: .1s ease;  
  -ms-transition: .1s ease;  
  -webkit-transition: .1s ease;  
  -o-transition: .1s ease;  
  transition: .1s ease;  
  cursor:pointer;  
}  
#search:focus {  
  border: 0;  
  outline: none;  
  width: 180px; /*øèðèíà îòêðûòîé ôîðìû*/  
}  
p.s {  
  z-index: 4;  
  position: relative;  
  padding: 6px;  
  border-radius: 100px;  
  background: #abc8df;  
  display: inline-block;  
  cursor:pointer;  
}  
p.s:hover, p.s:hover:after {  
  background: #9eb9cf;  
}  
p.s_fo {  
  -o-transition: 0.9s;  
  -moz-transition: 0.9s;  
  -ms-transition: 0.9s;  
  -webkit-transition: 0.9s;  
  transition: 0.9s;  
  -moz-transform: rotate(1080deg);  
  -ms-transform: rotate(1080deg);  
  -webkit-transform: rotate(1080deg);  
  -o-transform: rotate(1080deg);  
  transform: rotate(1080deg);  
}  
p.s:after {  
  content: '';  
  display: block;  
  position: absolute;  
  width: 7px;  
  height: 12px;  
  background: #abc8df;  
  bottom: -4px;  
  right: -2px;  
  border-radius: 0 0 5px 5px;  
  -moz-transform: rotate(-45deg);  
  -ms-transform: rotate(-45deg);  
  -webkit-transform: rotate(-45deg);  
  -o-transform: rotate(-45deg);  
  transform: rotate(-45deg);  
}  
.blue p.s, .blue p.s:after {background:#abc8df;} /*öâåò ëóïû*/  
.blue p.s:hover, .blue p.s:hover:after {background:#9eb9cf;} /*öâåò ëóïû ïðè íàâåäåíèè*/
.green p.s, .green p.s:after {background:#65b11c;}  
.green p.s:hover, .green p.s:hover:after {background:#599c18;}  
.gray p.s, .gray p.s:after {background:#d7d7d7;}  
.gray p.s:hover, .gray p.s:hover:after {background:#c4c4c4;}  
.pink p.s, .pink p.s:after {background:#ffbcef;}  
.pink p.s:hover, .pink p.s:hover:after {background:#e49cd3;}  
.orange p.s, .orange p.s:after {background:#faaa3a;}  
.orange p.s:hover, .orange p.s:hover:after {background:#ea9e33;}  
.black p.s, .black p.s:after {background:#676767;}  
.black p.s:hover, .black p.s:hover:after {background:#484747;}


При копирование материалов с сайта необходимо указать активную ссылку источника - Скрипты для uCoz 2013 и Форма поиска по сайту на JS



Расскажи друзьям интересные новости:


- Установить на свой сайт блок социальных закладок
Категория: Скрипты для uCoz | Добавил: scripts_for_ucoz | Теги: Скрипт, форма, Ucoz Скрипт, сайту, поиска
Просмотров: 9489 | Загрузок: 66 | Комментарии: 1 | Рейтинг: 0.0/0
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
Для добавления необходима авторизация

Хостинг от uCoz