Софт-Портал

как сделать поиск по странице

Рейтинг: 4.8/5.0 (1421 проголосовавших)

Категория: Windows

Описание

Сделайте Google стартовой страницей – Google

Быстрый доступ к Google в вашем браузере Сделайте Google стартовой страницей Сделайте Google стартовой страницей Сделайте Google основной поисковой системой Сделайте Google стартовой страницей Сделайте Google основной поисковой системой

Google Поиск установлен, но не сделан поиском по умолчанию. Чтобы сделать Google поиском по умолчанию, выполните следующие действия:

  1. Нажмите на значок инструментов в правой верхней части окна браузера.
  2. Выберите пункт Свойства обозревателя.
  3. В разделе Поиск вкладки Общие нажмите Параметры.
  4. Выберите Google.
  5. Нажмите По умолчанию и Закрыть.
Шаг 1. Откройте "Свойства обозревателя"

Выберите Сервис в меню в верхней части окна браузера.
Затем выберите Свойства обозревателя.

Шаг 2. Сделайте Google стартовой страницей

В верхнем разделе Домашняя страница удалите выделенный текст в поле Адрес. Затем введите в этом поле www.google.com.ua.

Шаг 3. Сохраните изменения

Нажмите ОК. чтобы сохранить изменения.

Как Сделать Поиск По Странице:

  • скачать
  • скачать
  • Другие статьи, обзоры программ, новости

    Новая версия Яндекс

    Представляем вам новую версию Яндекс.Браузера. Наиболее интересные изменения в этой версии:

    • поиск по странице научился понимать морфологию русского языка — насколько нам известно, это первый браузер, который такой поиск поддерживает;
    • появились жесты для управления навигацией в браузере;
    • проводится эксперимент с объединением омнибокса и поисковой строки на странице поискового сервиса;
    • для закладок теперь можно включить отображение фавиконок.

    Поиск по странице с учетом морфологии

    Яндекс с 1997 года специализируется на понимании ваших поисковых запросов. Важную роль в этом играют алгоритмы. которые позволяют анализировать и учитывать для качественной поисковой выдачи морфологию русского языка. Было бы странно не использовать наши достижения в области морфологии в других продуктах. Возможно, вы уже слышали про программу Mystem . а теперь они нашли применение в Яндекс.Браузере.

    В любой современный браузер встроен поиск на странице. Все они умеют искать лишь по точному посимвольному вхождению запроса в тексте. Но зачастую пользователи не помнят (или не знают) точной формы слова или фразы, которые они ищут. Яндекс.Браузер первым приступил к решению этой проблемы и совместно с командой Поиска представляет первую версию поиска информации на странице с учетом морфологии русского языка.

    Предположим, что вы ищете слово «пользователя», но забыли его точную форму и поэтому в поле поиска по странице вводите запрос [пользователей]. Если в других браузерах искомый запрос не будет найден, то обновленный поиск в Яндекс.Браузере найдет и покажет нужное слово.

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

    Разумеется, вы можете искать и только точные соответствия вашему запросу. Для этого достаточно поставить галочку «Точное совпадение».

    Как это работает? Яндекс.Браузер использует специальный модуль, который анализирует морфологию текста на странице. Работа эта идет локально, без использования сети, при этом сам модуль весит около мегабайта. Это лишь первая версия нашего морфологического движка, но уже в нем мы научились с определенной вероятностью находить схожие слова без использования словаря. В будущих версиях мы планируем повысить качество анализа и точность выявления слов с общей нормальной формой.

    Возможность управлять браузером при помощи жестов мыши известна достаточно давно. В одних браузерах это реализуется с помощью расширений, в других — встроено изначально. Начиная с этой версии Яндекс.Браузер поддерживает жесты «из коробки». Теперь такие часто выполняемые действия, как «вперед», «назад», открытие, закрытие, перезагрузка или восстановление вкладок, можно совершать быстрее.

    При желании вы можете отключить жесты в настройках. Описание всех доступных жестов можно найти в справке .

    Посетители нашего стенда на YaC 2013 уже могли заметить, что в тестовой версии Яндекс.Браузера на странице с поисковой выдачей Яндекса поисковая строка объединена с адресной. Как следствие, увеличился объем полезной информации на странице. В новой версии Браузера это реализовано в виде эксперимента (cейчас только под Windows), чтобы оценить, насколько удобно это будет для пользователя.

    По умолчанию эта возможность отключена. Для того чтобы ее подключить, необходимо запустить Браузер с параметром:

    • --toolbar-experiment=1, чтобы включить белую шапку на поисковой выдаче Яндекса;
    • --toolbar-experiment=2, чтобы включить серую шапку на поисковой выдаче Яндекса.

    Новый способ нумерации версий

    Несколько слов о новом способе нумерации версий. Теперь номер содержит год и месяц выхода обновления: например, 13.10 означает, что версия вышла в октябре 2013 года. Подобный способ уже знаком многим по операционной системе Ubuntu. Это позволяет нам уйти от простого увеличения первого числа в номере версии в начале каждого цикла разработки (подобный способ нумерации принят у браузеров Chrome, Firefox, Opera). Кроме того, такой способ позволяет отказаться от субъективной оценки «значимости» обновления (как мы делали раньше).

    И еще один бонус. Теперь можно включить отображение фавиконок на панели закладок. Нас об этом просили многие пользователи, и мы решили вернуть такую возможность.

    Яндекс.Браузер постепенно обновится у всех пользователей, но если вы хотите скачать обновление уже сейчас, то зайдите на страницу «О браузере Yandex» в меню браузера и нажмите на кнопку «Обновить» (уже очень скоро появится у всех). Скачать также можно с browser.yandex.ru .

    Похожие новости Комментарии (0)

    Как сделать поиск по рубрикам в ВК - – SMM блог

    Как сделать поиск по рубрикам в ВК

    Очередной «секрет» ВК. а точнее нестандартное применение инструментов социальной сети, а именно:

    • вики-страница
    • поиск по новостям страницы
    Что такое рубрики в ВК

    Рубрика в ВК — это новости, специальным образом отсортированные по каким-то признакам.

    Чаще всего это сделано по категориям контента: авто, машины, музыка и т.д.

    Хороший пример рубрик можно увидеть в сообществе Якорь. Похожее я сделаю в этом посте на примере своей публичной страницы http://vk.com/smmblog

    Зачем нужны рубрики

    Поиск новостей по рубрикам позволяет вашим подписчикам читать только те посты, которые им интересны в вашем сообществе. Например они хотят читать только про дизайн или посмотреть какую подборку интересных комедий вы делали за последний месяц и вы можете помочь им в этом.

    С чего начать

    Создание рубрик в ВК стоит начать с того, чтобы эти самые рубрики придумать. Вам нужно понять по каким рубрикам вы можете разбить посты, публикуемые на вашей странице.

    Ниже список рубрик, которые получились у меня…

    Создание Wiki-страницы

    Наиболее приятный вид поиск по рубрикам можно реализовать с помощью внутренней страницы (wiki-страницы) в сообществе. Выглядеть это может так

    Как создать вики-страницу уже подробно описано в статье «Как создать Загадку «, но на всякий случай продублирую:

    • скопировать ссылку http://vk.com/pages?oid=-24557811&p=привет
    • заменить 24557811 на ID и только на ID, а не на короткий урл типа smmblog, на свой. В моём случае это 38369814
    • заменить привет на то название страницы, которые вы хотите. В моём случае это будет Поиск

    Прежде чем переходить к наполнению содержанием давайте я вам расскажу как работает поиск по рубрикам

    Как работает поиск по рубрикам

    Поиск по рубрикам — это обычный поиск по новостям сообщества. Отличие в том, что вы заранее каждой новости добавляете своё ключевое уникальное слово, по которому можно искать похожие новости.

    Как перейти к поиску новостей в сообществе

    Я буду искать [инфографика] Почему я написал [инфографика]. а не инфографика? Для того, чтобы исключить попадание других новостей. Без скобок инфографика не такое уникальное слово, как с ними.

    Из этого важно получить урл http://vk.com/wall-38369814?q=%5Bинфографика%5D — его мы и будем использовать для поиска по категориям, заменяя инфографику в ссылке на другой текст — название рубрики.

    Для Вики-страницы вам нужно получить ссылку вида http://vk.com/wall-38369814?q=%5B%D0%B8%D0%BD%D1%84%D0%BE%D0%B3%D1%80%D0%B0%D1%84%D0%B8%D0%BA%D0%B0%5D. что равно http://vk.com/wall-38369814?q=%5Bинфографика%5D. Иначе ссылку вставить не получиться и будут возникать проблемы.

    Как это сделать:

    • открываете пустую вкладку в браузере
    • вставляете в адресную строку ссылку вида http://vk.com/wall-38369814?q=%5Bинфографика%5D
    • забираете ссылку вида http://vk.com/wall-38369814?q=%5B%D0%B8%D0%BD%D1%84%D0%BE%D0%B3%D1%80%D0%B0%D1%84%D0%B8%D0%BA%D0%B0%5D
    • используете её для вики-разметки
    Наполняем содержанием Wiki-страницу

    Я привык к написанию кода вики-разметки без использования визуального редактора. Рекомендую попробовать его — мало ли вам понравится (в нем куча минусов)

    Из того, что у нас получилось на этой странице можно делать что угодно. Мне останется тоже самое проделать несколько раз для всех оставшихся рубрик.

    Картинки прикрепить не проблема. Сделаю один пример с инфографикой

    Теперь вам остается найти или сделать подходящие картинки для рубрик и всё — поиск по рубрикам готов! Осталось только прикрепить в блоке «ссылки» или в любом другом месте ссылку на нашу вики-страницу.

    • vk.com/wiki — самое главное сообщество по Вики-разметке в ВК. Мне вопросы не задавайте про вики, задавайте их в сообществе, но прежде посмотрите его от корки до корки

    Сергей, а чем хуже хэш-теги? Понятно, что они выносят новости не только нашего сообщества, но это можно отфильтровать названием тега? и вроде даже делали возможность создать страницу тега конкретной группы?

    Про «создание тега конкретной группы» ничего не видел пока ни у кого. Если есть примеры, то с радостью сделаю «обзор»

    Лучше тем, что никто не сможет вклиниться в «ленту»

    Легко, нужно использовать в виде: #Акции@allo — где первое значение сам хештег, второе id группы.

    Поиск по стене вКонтакте, в группах, пабликах и профилях

    Найти запись на стене? Легко

    Найти старую запись на большой исписанной стене вКонтакте стало наконец возможно.

    Ссылка на поиск по записям спрятана под счётчиком „222 записи“ (например — число записей в вашем случае будет другим; это ссылка на только стену профиля или сообщества), надо нажать на эти цифры, откроется так называемая „страница стены“. там правее „перейти к поиску“. Справа скриншот.

    С апреля 2016 года вКонтакте запускает новый интерфейс (как его включить ), там поиск будет явной ссылкой над записями сообщества в виде картинки с изображением лупы.

    Поиск вКонтакте ищет по записям и комментариям. Находит не только заданное слово, но и его падежные формы (по запросу „дело“ находит „на самом деле“ тоже). Пока, на момент написания этой инструкции, никак нельзя найти только нужную падежную форму.

    Много времени проводите в соцсетях? Научитесь делать на этом деньги:


    Если вы попали в этот блог случайно, подпишитесь на RSS-ленту и будьте в курсе всех обновлений! Se vi trovis vin hazarde en tiu ci blogo, abonu la RSS-fadenon kaj ricevadu avertojn pri ciu nova notico!

    Поиск на сайте через Яндекс

    Поиск на сайте через Яндекс

    Эта статья о том, как сделать поиск по сайту через Яндекс. Если вы используете на своих сайтах CMS WordPress или любой другой движок, то вы наверняка заметили, что возможности стандартного поиска по сайту весьма ограничены. Яндекс поиск для сайта исправит все недочёты и значительно упростит посетителям пользование вашим сайтом — информацию они смогут находить гораздо быстрее.

    Чем же отличается стандартный поиск, который предлагает каждая CMS, от поиска, который предлагает Яндекс и как его установить?

    Отличий на самом деле много, много плюсов и совсем отсутствуют минусы:

    • с настройкой Я.поиска разберётся даже тот, кто не смыслит в языках программирования HTML и PHP, и не знаком с CSS. Настроить стандартный поиск при этом дано далеко не каждому;
    • результаты Я.поиска гораздо более качественные, нежели результаты стандартного поиска. Они получаются наиболее релевантные искомому слову или предложению. При чем чаще всего получается, что стандартный поиск отображает ноль результатов, а Я.поиск отображает два, а то и более, результата. Посетители задерживаются так на вашем сайте немного дольше, даже если они не находят абсолютного релевантного ответа на свой вопрос;
    • Яндекс поиск для сайта учитывает лексику и морфологию языка, позволяет использовать поисковые подсказки и гибко настраивать поисковую форму и другие параметры. И всё это — бесплатно и без ограничений!
    Как сделать поиск по сайту через Яндекс?

    Ниже пойдёт инструкция по настройке и установке поиска по сайту от поисковой системы Яндекс. Она подойдёт практически для любых движков. Начинаем:

    1. Открываем станицу установки поиска по ссылке http://site.yandex.ru (откроется в новом окне) и нажимаем на кнопку «Установить поиск».
    2. Вписываем название поиска. Например, «Поиск по сайту Saitoseoteka». Этот же текст можно вписать чуть ниже в строку «Название поиска для стандарта Opensearch». Если на вашем сайте отсутствует контент для взрослых, то ставим фильтр «без ограничений».
    3. Далее идёт очень важный момент — нужно указать область поиска. Мы делаем поиск для сайта, поэтому и указываем адрес сайта в качестве области для поиска. Можно указать контактный адрес электронной почты для уведомлений об изменениях в статусе поиска. Кстати, общее количество сайтов для поиска может доходить до 100 000 штук, нам нужен всего 1. Добавляем сайт нажатием на кнопку «Добавить сайты и исключения».
    4. Нажимаем кнопку ниже «Далее к шагу 2″ и переходим к настройке формы поиска для сайта. Яндекс предлагает нам 3 различных варианта дизайна формы поиска:
      • форма не имеющая фоновое изображение;
      • форма в виде стрелки, заострённая с одного бока;
      • форма в виде прямоугольника.
    Какую из этих трёх выбрать — решать вам. Остановимся на такой, которая стоит у самой поисковой системы:
  • Изменим цвет фона, цвет поля, куда вводится запрос. Галочку напротив «Выбор области поиска» лучше не ставить. Если она будет стоять — пользователи смогут выбрать поиск по интернету и могу тем самым уйти с вашего сайта. Затем можно вписать свой текст или же оставить логотип Яндекс в месте, куда пользователи будут вводить свои запросы. Чуть ниже можно посмотреть то, как будет выглядеть форма поиска после сделанных настроек.
  • Переходим к третьему шагу — настройки отображения результатов поиска. Чтобы долго не возиться с кодом, не создавать новых страниц и не создавать тем самым дополнительную нагрузку на хостинг — лучше выбрать отображение результатов поиска на самой поисковой системе. В таком случае уместно будет поставить галочку «открывать в отдельной вкладке» — так мы уменьшим вероятность ухода посетителя с нашего сайте, если в пункте 4 вы поставили галочку «выбор области поиска, по-умолчанию искать на *сайте*».
    Далее, можно настроить фон и шрифт на странице. Важно — загрузить логотип сайта, указать заголовок и ссылку, которая будет идти с заголовка и логотипа.
    Затем, можно настроить вид результатов поиска, тип сортировки, а также вид ссылок навигации по страницам результатов. Чтобы низ страницы не был совсем пустой — указываем нижний колонтитул.

    Все сделанные изменения отображаются в предпросмотре.
  • Переходим к 4 шагу — проверке поиска. Вбиваем любой запрос и смотрим результат.
    Если вас всё устраивает — переходим к шагу № 5, если нет — возвращаемся к настройкам, при этом уже внесённые изменения не потеряются.
  • Переходим к 5 шагу — к копированию кода, который нужно будет внести в код сайта. Если у вас Вордпресс — всё очень просто! Копируем код и вставляем его в виджет c html, а сам виджет — располагаем как можно ближе к шапки сайта. Можно, конечно же, поковыряться в коде header.php и закинуть форму туда.
  • Если у вас самописная система управления содержимым сайта, или же любая другая — вам придётся поискать место в коде страницы для размещения кода формы.
  • Чуть ниже области с кодом для копирования есть ещё несколько настроек, которые могут дополнительно улучшить результаты и пользование самим поиском.
  • Готово!
  • Друзья оценят! Дать почитать:

    Новичкам Как включить поиск по странице в Safari на iOS

    [Новичкам] Как включить поиск по странице в Safari на iOS

    Вероятно, многие уже знают, но есть и те, кто до сих пор не в курсе, как же это делается. В стандартном браузере для iOS предусмотрена возможность поиска конкретного слова или фразы на странице. Делается это очень просто, и сегодня мы хотим вам показать, как Apple реализовала поиск на странице в Safari на iOS 8 .

    Например, если мы откроем сайт AppleInsider.ru, а затем в адресной строке начнем вводить «iPhone 6 », то увидим, что сначала браузер начнет предлагать найти соответствующее сочетание в Google, а чуть ниже отобразит меню «На этой странице».

    В данном случае мы имеем 10 совпадений по запросу «iPhone 6» на нашем сайте.

    Кликнув по этому меню, вы сможете переключаться от одного совпадения до другого и обратно.

    Следует отметить, что поиск в Safari действительно реализован не самым удобным образом. Было бы гораздо проще воспользоваться отдельным меню «Поиск по странице», нежели совмещенным с адресной строкой.

    Как сделать поиск по странице в гугл хром

    2015-12-07 13:38:24
    В Китае самый дешевый автомобиль( типа нашей Оки токо побольше и понавороченее) стоит 50 000 юаней, в переводе на доллары это в районе 7 500. Средняя зарплата 6000 юаней, в переводе 1000 долларов( в крупных городах. таких как Шанхай, Пекин, Гуанжоу, шеньжень 8000 юаней). Вот и считайте, средний китаец может купить новый автомобиль через 7,5-8,5 месяцев работы, а нашему работяге надо копить на новый автомобиль больше 2 лет. Математика для детей младших классов. Только наши экономисты по ходу дела её не знают.
    Новость. Крупный авторынок – это не про нас

    2015-12-07 12:52:47
    Ага. Как в старые добрые советские времена, будет Ваз и Москвич. Только вместо Москвича будет Логан.
    Новость. Honda, быть или не быть в России

    2015-12-07 12:41:16
    Василий, стабильность ценовой политики проводится для поддержания отечественного автопрома. В России цены на новые иномарки в 1,5-2 раза ниже чем зарубежом(говорю об этом с уверенностью так как сам живу за границей). Курс доллара скакнул вверх в одночасье, а цены поднимать резко государство запрещает. Поэтому автопроизводителям не выгодно торговать в убыток себе. Прибавьте сюда ещё хитрую систему растаможки, благодаря которой автомобиль стоимостью 10000 долларов после растаможки получается уже 20000 долларов. Плюс ещё раз НДС,налог на прибыль, потом НДС автодилера и налог на прибыль. Вот и получается. что при ограничение цены авто надо продавать ниже себестоимости. Позиция государства понятна, но в конечном итоге крайним,как обычно, оказываются обычные люди у которых средняя зарплата составляет 300 долларов. Для сравнения в том же Китае средняя зарплата 1000 долларов в месяц.
    Новость. Конкурс 27.11.15-27.12.15

    2015-12-07 12:06:09
    Будем ездить на Вестах. Вазовское качество по японской цене.
    Новость. Honda, быть или не быть в России

    2015-12-07 02:20:22
    Продолжающийся кризис в нашей стране, заставляет зарубежных инвесторов сворачивать производство и покидать нас .Но зачем же поддерживать стабильность ценовой политики. Ваш VASILIY VOLKOV
    Новость. Конкурс 27.11.15-27.12.15

    Публикация #2: Главная / Post / Как сделать поиск по странице

    Как сделать поиск по странице: Как сделать поиск по странице в гугл хром

    Как найти информацию в Гугл Хром, в Яндекс браузере, В.

    Как сделать поиск по странице


    Например. если вы хотите чтобы открывалась страница с поиском от Яндекс. укажите адрес. как показано на рисунке и нажмите Ок. Выглядит это так Желательно конечно убрать прописанные в параметре Заданные страницы все ссылки на страницы. а потом переключить параметр При запуске открывать на Новую вкладку.
    Этот мужчина удивил своим поступком любая женщина захочет стать его женой. Парень добился всего в жизни и доказал любимой. что он мечта любой женщины. Для того чтобы подключить эту функцию откройте страницу Гугл и нажмите на микрофон. Именно этот третий вариант используется чаще всего при установке программ. которые внедряют свои собственные страницы. Поделитесь закладкой в социальных сетях. если статья вам помогла. это будет лучшей наградой. В отдельных случаях придется воспользоваться средством удаления программ в панели управления компьютера. Для этого желательно. чтобы стартовая страница в Гугл Хром. например. была поисковой. Как сделать домашней страницей в Гугл хром. Опере или Мазиле любимый сайт ответ есть. Чтобы указать конкретные страницы для третьего варианта. нажмите на ссылку синего цвета добавить. Постоянно растущие объемы информации. с которым ежедневно сталкиваются пользователи персональных компьютеров. заставляют их осваивать новые приемы и методы работы с текстовыми документами. Чтобы вернуться к обычному режиму просмотра. нажмите Лора Laura эксперт по работе с Google Chrome и автор этой статьи как сделать поиск по странице в гугл хром. Обновления гта 5 онлайн 2015. Домашняя или стартовая страница позволяет автоматически открывать при запуске браузера Google Chrome вашу любимую страницу. В случае. когда необходимо сохранять те страницы. на которых вы были при следующем запуске браузера. то в пункте 2 поставьте дополнительно галочку напротив слов По умолчанию в этом довольно популярномобозревателеинтернета стоит домашняя страница разработчиков оперы. Для удаления такого программного обеспечения закройте все открытые программы. введите сочетание горячих клавиш WinR. во всплывающей строке наберите команду Regedit. Изменились поиск и домашняя страница браузера. что делать. Как я поймал вирус.

    • Как найти информацию в Гугл Хром. в Яндекс браузере. В.
    • … Вообщем подскажите как это сделать в хроме или какой скачать плагин. … В магазине гугл. если что дополнений вагон и такое вроде видел.
    • Каксделатьпоискпостранице Не важно где вы ищите информацию вГуглХром. в Яндекс браузере. В контакте. в Мозиле. в Сафари. в Интернете. в Ворде или на HTML странице существует единая универсальная быстрая и эффективная методика поиска.
    • При выделении слова на странице и нажатии правой клавишей мыши. появится возможность отправить поисковый запрос по нему.
    • Любому пользователю Интернета желательно как можно быстрее при запуске браузера переходить на ту страницу. которая нужна для работы. Для этого в браузерах существует механизм стартовой страницы.

    Таким образом. ознакомившись с данной статьей. вы сможете без труда решить вопрос как сделать Гугл стартовой страницей в Гугл Хром. В разделе Домашняя страница введите ссылку нужной страницы в меню Адрес Нажмите Ок. чтобы сохранить изменения. Для начала вам нужно открыть браузер и нажать на значок из трех горизонтальных линий или в виде шестеренки в углу справа вверху. Сейчас впошаговойинструкции с фото узнаем 1 Нужно зайти в настройки браузера Опера для версии более 10. Если вы пользуетесь браузером Google Chrome. то вам следует открыть меню Инструменты и выбрать вкладку Основные. Чтобы выбрать Google поиском по умолчанию на мобильном устройстве необходимо Гугл можно сделать поисковиком по умолчанию. задав соответствующие параметры в настройках поиска.

    Ответыmail ru поиск по странице в хроме

    Для поиска на нужного слова или словосочетания используйте панель поиска. Переход на следующую в списке просмотров для текущей вкладки. Как найти информацию в Гугл Хром. в Яндекс браузере. В. Программы для восстановления поврежденных файлов word. При выделении слова на странице и нажатии правой клавишей мыши. появится возможность отправить поисковый запрос по нему. Любому пользователю Интернета желательно как можно быстрее при запуске браузера переходить на ту страницу. которая нужна для работы. Слова на. чтобы результаты поиска были наиболее релевантными. Вообщем подскажите как это сделать в хроме или какой скачать плагин. Как сделать яндекс стартовой страницей в хром. Поисковую систему. нажмите Tab. затем введите запрос и нажмите Ввод.

    Как сделать поиск по странице

    Как сделать поиск по странице в гугл хром | Рейтинг: 8 / 10 ( 29 )

    Форма поиска по сайту HTML - Примеры

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

    Ранее были уже опубликованы ряд статей, касаемо организации поиска по сайту с помощью услуг, предоставляемых поисковыми системами: Google и Яндекса. Теперь же рассмотрим ещё один вариант, который позволяет сделать поиск без обращения к сторонним сервисам.

    HTML-код поля для поиска выглядит как:

    Можно внести изменения в стиль:

    Скрипт, чтобы текст исчезал при щелчке мышки:

    Динамично изменяющийся фон:

    Использование HTML5 предлагает тот же эффект, но без отображения в IE:

    placeholder можно задать стили:

    Далее заключаем тег input (возьму последний вариант) в тег form и можно уже искать по данному блогу. Вот только ранжирование статей будет осуществляться не по релевантности, а по дате.

    Можно добавить рядом кнопку "Искать"

    Или изображение лупы

    Далее обращаемся к CSS и подбираем необходимое внешнее оформление.

    Стильная форма поиска по сайту.

    Интересное решение было предложено на boxtuffs.com. Код я несколько скорректировала, опираясь на новые тенденции. Функционирует в IE 10.

    103 комментария:

    Анонимный Сенк. Очень помогло. XaSeR Полезная статья. На основе ваших примеров, создал поиск под свой "цвет и вкус". Доволен :) NMitra Рада быть полезной! Анонимный а как сделать,чтобы результаты поиска появлялись? NMitra У вас платформа отличная от Blogger? Нужно смотреть конкретную cms. Анонимный + Анонимный Если у меня сайт, созданный в бесплатном html-конструкторе, то есть страницу я могу редактировать только в пределах тегов head,как написать содержимое для страницы поиска? Можете помочь? NMitra Нужен body. Вы же набираете где-то текст статьи, но формат HTML. Анонимный спасибо большое) сайт уменя не получается NMitra Что именно? BogDIC Что нужно сделать чтоб стандартное окно поиска раздвигалось, как в последнем примере? Хочу чтоб и IE нормально работал. NMitra Оно раздвигается, но не делает это плавно. В десятой версии будет поддерживаться свойство transition - http://shpargalkablog.ru/2011/07/transformaciya-css.html Анонимный А как сделать чтобы результат выдавало? Просто HTML файл. NMitra Не могу ответить, у меня движок сам формирует страницы вида "http://shpargalkablog.ru/search?q=запрос". Поищите в поисковиках "скрипт поиска по сайту php". BogDIC NMitra, спасибо. Немного изменил код из последнего примера, убрал градиенты и поменял иконку и степень прозрачности. На темном фоне блога смотрится красиво. Еще раз спасибо за хороший урок. Анонимный Как сделать анимированую кнопку для поиска, сама кнопка уже есть вот только не получается её туда прилепить, что бы она корректно работала?
    Если можно на мыло ldu1991@mail.ru KeySi Классные формы - мне больше всего css и предпоследний вариант понравился - ну а остальное для новеньких =)
    _________________________________________________________________________

    Кстати люди всем заходить сюда - там классно - http://monster-school.tk/ Анонимный как сделать чтобы при входе на сайт в форме поиска сразу же моргал курсор? Админ я жду ответа. NMitra Атрибут autofocus Анонимный Блин как все просто ёмаё! Спасибо NMitra! Анонимный А есть ли скрипт не для PHP, а для HTML. NMitra Здесь нет PHP. В некоторых примерах немного JavaScript, в последнем только CSS и HTML. Анонимный А есть расширенный поиск? NMitra Не совсем поняла, что вы имеете ввиду. Это только форма поиска, которая не будет функционировать без соответствующего скрипта. Анонимный Здравствуйте! Понравилась очень последняя форма поиска. Но. Вопрос: Как сделать, чтобы на лупу можно было бы нажимать и происходил поиск по сайту. NMitra Нужно кнопку выводить за
    input type="text"
    в
    input type="image"
    Сейчас она как фоновая картинка. Анонимный А вы могли бы сделать, а то у меня не получается, вывожу кнопку после input type="text" в input type="image" и она дублируется растягивается. NMitra Сделаю, но не обещаю, что на этой недели. Анонимный Спасибо Большое, буду ждать с нетерпением. NMitra Что нужно исправить:

    <style>
    .form-search <
      position: relative;
    >

    form-search input[type="text"]:focus. form-search:hover input[type="text"] <>

    <form class="form-search" method="get" action="/search" target="_blank">
    <input type="text" name="q" placeholder="поиск" value=""/><input src="http://3.bp.blogspot.com/-4w14hQHr5yQ/Tgm6u7KwUkI/AAAAAAAACAI/Hu2poBOPx3g/s1600/search.png" type="image"/></form>

    background-image: url("http://3.bp.blogspot.com/-4w14hQHr5yQ/Tgm6u7KwUkI/AAAAAAAACAI/Hu2poBOPx3g/s1600/search.png"), -moz-linear-gradient(#9CC2CA, #DFECEF);

    background-image: -moz-linear-gradient(#9CC2CA, #DFECEF); NMitra .form-search input

    form-search input[type="text"] Анонимный Не равномерно располагается Текст в форме по отношению к картинке. Вместо 31 поста и 32 не могли бы Вы полностью написать весь код. Ссори за надоедливость. Уж никак не выходит (. NMitra Ваш email, посмотрю после праздников Анонимный zdronx86@mail.ru - моя почта.

    Взгляните пожалуйста на данный "ПОИСК" :

    Хотел бы его переделать под ваш Последний.

    Буду ждать от Вас новостей. Анонимный Упс. Я его закомментировал. Анонимный #search <
    border-radius: 5px;
    width: 270px;
    vertical-align: top;
    border: 2px solid #ACC57C;
    height: 30px;
    padding: 2px;
    background: #F6F6F3;
    text-align: right;
    >

    #search input <
    vertical-align: top;
    border: 0;
    background: none;
    color: #242E35;
    >

    #s <
    text-align: left;
    vertical-align: top;
    width: 220px;
    padding: 8px 3px 3px 3px ;
    margin: 0;
    background: none;
    >

    #topsearch <
    margin-top: 15px;
    > NMitra Отправила. Анонимный К сожалению на почту ничего не пришло, попробуйте пожалуйста на другую:
    kimiddr@gmail.com NMitra Готово. Анонимный Спасибо Большое! Всё работает. Здорово! Правда ещё под себя переделывал, но это мелочи, по сравнению с Вашим трудом. Анонимный я новичок
    я вставил форму на сайт но когда нажимаешь интер она открувает пистую страницу Анонимный подскажите как это исправить Анонимный оооо NMitra Посмотрите, пожалуйста, комментарий 15. У вас CMS может формировать страницы другого вида. Анонимный помогите мне с формой поиска на сайте. кто сможет напишите - http://vk.com/pro_100_shalun NMitra Боюсь, что я отвечаю на конкретные вопросы. Анонимный Помогите, я хочу точно такую же строку поиска, как последнюю "Стильная форма поиска по сайту", копирую весь текст под строкой поиска, вставляю у себя на сайт (в HTML), а появляется простая, самая верхняя. Что не так делаю?

    (Если что, сайт на "Яндекс.Народ") NMitra Я толком не знаю этой платформы, она позволяет задействовать свои стили? Я бы просто воспользовалась Поиском от Яндекса, всё равно там только стандартный вариант. Анонимный NMitra, спасибо за ответ. Анонимный СПС Анонимный Как сделать, чтобы в последнем примере при двойном нажатии не высвечивалось слово снег? Буду очень благодарна за ответ) NMitra Это всего лишь вид формы, а варианты ответа и подсказки определяются php скриптом. У меня, например, первым идёт слово "каталог". Den Kartas Актуально ли будет задать еще вопрос? Den Kartas Жду ответа Den Kartas Скажите, как сделать чтобы поиск работа лп омоему сайту которого нету в интернете? NMitra Нужен php скрипт. Я, к сожалению, не имею практических навыков работы с этим языком программирования. Den Kartas Если не сложно объясните как сделать навигацию по сайту в html, возможно ли это вообще? NMitra Мне сложно понять что именно вы имеете ввиду, начните с кода ссылки http://shpargalkablog.ru/2010/09/postroenie-ssylok-v-html.html Den Kartas Мне нужен сайт на Html, в универ сдать. А я в этом вообще не разберусь. Времени до завтра а сделал процентов 10 по видео урокам с ютуба. Вот я и пытаюсь из последних сил что то выдумать. Могли бы вы мне чемто помоч? МОжет ест ькакойто шаблон у Вас? В интернете немогу ничего найти Den Kartas С надеждой жду любого ответа Den Kartas Вы могли бы дать свою почту? я бы выслал вам то что я сделал уже, если у Вас есть время, хотел бы услышать ваше мнение
    NMitra http://shpargalkablog.ru/2012/09/rezinovyi-sajt.html#maket - потому что вариантов тьма. Это мой макет.

    Посмотрите ещё здесь http://seodon.ru/primery/html-css/makety-sajtov/

    Den Kartas Я Вам на почту уже выслал свое корявое творение Den Kartas Скопировал некоторые шаблоны в блокнот, открыл в браузере, не пойму что это такое. Ваш шаблон просто пишет текст шаблона и все. А по второй ссылке получается чтото несуразное на весь экран, как я могу это использовать? Den Kartas Спасибо Павел "Стильная форма" интересная NMitra Раньше там другие интересные вещи были, но автор не стал поддерживать проект. Очень жаль((( Анонимный пожалуйста подскажите как поиск из левой стороны переместить в правую?буду очень благодарна) NMitra Подробнее, пожалуйста. Саму форму перенести вправо? Анонимный да да да!саму форму!а то она в левой стороне находится,мне так не надо NMitra Адрес страницы вашей, посмотрю. Анонимный а как я скину?нам задали делать по практике,у меня просто документы,я не покупала доменые имена! NMitra Выбирайте что вам больше подходит:

    text-align http://shpargalkablog.ru/2012/03/div-po-centru-html.html. http://shpargalkablog.ru/2012/04/display-block-inline-css.html

    transform: translate http://shpargalkablog.ru/2011/09/transform-css.html

    position http://shpargalkablog.ru/2012/04/pozitsionirovaniye-css.html
    Анонимный Как и куда именно вставлять строку поиска? И еще как сделать так чтобы поиск происходил в HTML? NMitra Мне не понятен ваш вопрос. Зависит от платформы, которую вы используете. NMitra Подписка на блог http://feeds.feedburner.com/shpargalkablog

    Предыдущие комментарии удалены, используйте, пожалуйста, пункт "Имя/URL" Анонимный Вижу повторяется вопрос про сайт на html, но ответа так и нет. У меня не используется никакая cms, простенький сайт состоит из файлов на html, со страницами, содержащими обычные таблицы с описанием товаров. Возможно ли организовать поиск товаров аналогичный встроенному Ctrl+F или др. (названия товаров могут повторяться)? NMitra Я в php не практиковалась

    Посмотрите http://htmlweb.ru и http://webphp.ru/. но возможно уже есть другие более подходящие функции. Alena А как сделать, чтобы ето поле ИСКАЛО по сайту?
    Alena А как сделать, чтобы ето поле ИСКАЛО по сайту?
    NMitra Алёна, см. комментарий 15 Анонимный А как сделать чтобы поле искали по сайту. Ведь это проста форма. Что надо сделать чтоб она заработала. Заранее спасибо. NMitra См. комментарии выше. Что ж никто не читает их? bspfares у меня сайт на nethouse.ru но тут нет предусмотренного этим сервисом поиска по сайту. Возможно ли такой поиск как Вы предлагаете сделать на моем сайте. MIR MRAMORA а как удлинить форму поисковика MIR MRAMORA Вопрос потерпел неудачу и угодил в пропасть)) NMitra Свойство width Анонимный а как последний поисковик сделать не по сайту а в яндекс, гугл и т.п. NMitra У Яндекса есть Яндекс.XML - http://api.yandex.ru/xml/

    Есть http://shpargalkablog.ru/2011/01/poisk-ot-yandeksa-dlya-saita.html и http://shpargalkablog.ru/2011/01/ustanovit-poisk-google-na-sait.html

    Но в условиях пользования сервисами указано, что код нельзя менять. Вернее: менять можно при дополнительной оплате. Это делается для того, чтобы распространять свой бренд. Володя Спасибо! Artem Lukanin А не подскажите как сделать так чтоб поисковик искал ключевые слова именно на моём сайте? Он выдаёт мне ошибку! NMitra Артём, могу подсказать по внешнему виду формы, php не владею. LitNewSky NMitra, подскажите, пожалуйста: у меня сайт на конструкторе wix и там есть только возможность вставлять готовые html коды.
    Как правильно вставить скрипт поиска в эту форму? Просто добавить с низу, или нужно отделять какими-то командными словами? Может знаете какой простенький скрипт для моего случая? LitNewSky Сайт на html5 NMitra LitNewSky, без php эта форма бессмысленна. LitNewSky Спасибо!
    Может знаете какие-то решения для html5? NMitra Только в рамках одной страницы Анонимный У меня банальный вопрос. последняя форма по дизайну хорошая, но вот я не могу понять что нужно сделать что бы результаты поиска отображались на моем сайте. то есть на главную страницу страницу я вставил форму поиска но она не открывает сам поиск когда задаешь какой то запрос. NMitra Это просто оболочка, которая не работает без php скрипта Анонимный А можно позаимствовать Ваш скрипт хотя бы для анализа ?
    Если не сложно то на почту. mediaupdator@gmail.com NMitra У меня нет php скрипта. Это стандартный от движка. Вам нужно что-то подобное http://redotheweb.com/2013/05/15/client-side-full-text-search-in-css.html только на php, чтобы тот искал по всей бд

    Анонимный Спасибо за ответ и за ссылку, сейчас буду крутить :)

    Добавлять новые комментарии запрещено.