В многих блогах задаются вопросы, а как сделать чтобы пользователи могли пользоваться поиском прямо на сайте, и чтобы все стили могли изменить мы сами. То есть надо создать свой поисковик на сайте, типа как в многих крупных поисковых систем... Конечно мы свой поисковик создавать не будем, но воспользуемся функцией Google API, с помощью Google API мы сможем создать очень красивую страницу для поиска, как на сайте как и в интернете. Сейчас я покажу вам как пользоваться функцией Google API, конечно можно и другие поисковики использовать, например Яндекс, но более удобной функции как Google API для этой работы я еще не встретил.
Для начало давайте посмотрим как он выглядеть а потом по тестируем
И так, как вы видите на скрине нету не какого логотипа, или других материалов, которые бы помешали для вашего проекта, например есть условные рекламные баннеры для пользования каких то функцией некоторых проектов. Так давайте уже начнем установку поисковика на ваш сайт, и так.. первое что нам нужно сделать это сама страница с формой поиска:
1. Создайте один HTML файл и откройте его с помощью блокнота, и оставьте HTML страницу открытым в интернет браузере, в HTML файл (в блокнот) добавьте эту готовую страницу
Теперь страница уже готова, осталось пере залить все файлы .js .css в ваш сервер. Смотрим настройки стилей, стили CSS находятся в файле styles.css. Здесь приводится только наиболее интересная их часть.
Теперь конечно же и сами стили CSS
styles.css – Часть 1
Code
#searchForm{ /* Форма поиска. */ background: #3d868f url('http://tveet.my1.ru/tt/internet/search/st.gif'); padding:20px 20px 10px 10px; margin:0px ; position:relative;
#searchInputContainer{ /* Данный div содержит прозрачный прямоугольник над полем текста поиска */ width:420px; height:36px; background:url("img/searchBox.png") no-repeat; float:left; margin-right:12px; }
Ну тут все понятно, показывать все коды бессмысленно, так что все вопросы задаем в комментариях, а я постараюсь вам помочь. Давайте теперь посмотрим что у меня вышло, с видами страницы Форма поискового поле
Результат поиска, и кнопка "Показать еще"
Теперь давайте сами попробуйте поработать с поисковиком.
Вот и все, поисковик на ваш сайт готов, а в следующий рас покажу вам как сделать с помощью Яндекса.
мои записи и на Я.ру 30306778.38452326.1351063807.0b00d70d238d83e2005afa1230b8e22d