Четверг, 28.03.2024, 12:12
Главная  Форум Регистрация Блог RSS
Приветствую Вас, Гость
Меню сайта
Статьи про uCoz
  • Интересные факты о майнинге криптовалют
  • Как производится регистрация прав интеллектуальной собственности
  • 5 типичных неисправностей ноутбуков
  • Многофакторная аутентификация как сервис
  • Основные преимущества переезда в Севастополь
  • Почему тонировка автомобилей так популярна
  • Почему оффшор Сент-Винсент популярен у бизнесменов
  • Почему руль так важен для автомобилей
  • Есть ли плюсы у беспарольной аутентификации
  • Плюсы многофакторной аутентификации
  • Разработка сайта
  • Что влияет на стоимость сайта?
  • Как самостоятельно создать блог без усилий
  • Как добавить карту сайта в Wordpress
  • В чем заключается SEO-продвижение сайта?
  • Продвижение ссылками – будет ли работать в 2015 году?
  • Программы обработки, сравнения и анализа прайсов
  • Комплексное продвижение сайта как основа репутационного маркетинга
  • У кого заказывать разработку сайта
  • Как создать интернет-магазин?
  • Наш опрос
    Пользуетесь ли вы Поиском?


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

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


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

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

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

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

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


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

    установить такой блок
    Расскажи Друзьям!
    Комментарии
    Новость: Простое серое меню для uCoz
    NataliShaman написал:
    Приветствую!
    кнопочки мне понравились... только совсем не понимаю - куда именно конкретно вставлять? в какое место в CSS? на каждой странице это делать или один раз установится для всего сайта? у меня шаблон 1088... помогите с установкой, пожалуйста...
    Новость: Простой слайдер новостей и фото изображений на uCoz
    Светлана Кулешова написал:
    Скажите, пожалуйста, а где прикрепленный архив со скриптами?
    Новость: Современные казино онлайн. Как можно выигрывать деньги?
    папап папап написал:
    зарабатывать в интернете может каждый, хочу порекомендовать статью где Вы научитесь это делать играя в казино , заходи смотри http://podshipnik-servis.ru/forum/pyat-prichin-zachem-nuzhno-poprobovat-onlayn-kazino
    Новость: Максимальные выигрыши в казино
    Максим Леонков написал:
    Добрый день, хочу поделиться информацией которая мне помогла зарабатывать в онлайн казино.http://www.rpgarea.ru/news-2890-kakie-bonusi-onlayn-kazino-bivayut-i-gde-ih-nayti.html Например какие какие бонусы онлайн казино бывают и где их найти? где найти казино с лучшими бонусами, Виды бонусов в онлайн казино, какие подарки в клубах бывают для новичков – выдают за регистрацию и активных посетителей – различные акции и пр.Заходи, читай,зарабатывай!

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

    установить такой информер
    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 Скрипт, сайту, поиска
    Просмотров: 12144 | Загрузок: 69 | Комментарии: 1 | Рейтинг: 0.0/0
    Всего комментариев: 0
    Добавлять комментарии могут только зарегистрированные пользователи.
    [ Регистрация | Вход ]
    Для добавления необходима авторизация

    Хостинг от uCoz