Для вебмастера » Ucoz система → Создание красивого поиска для сайтов на uCoz

Добавил madjesty | 4-02-2011, 17:16 | Мнений: 0 | Заглянули 1774

В этом уроке будем создавать красивый поиск для сайтов на ucoz. Сейчас сделаем поиск который будет смотреться одинаково во всех браузерах, лично я на это надеюсь, так как проверял в опере, лисе, хроме и ie, но думаю в остальных будет смотреться также.

Начнём!

1)Для начала я создал картинку которая будет фоном поиска (293х60/01.gif)

2)Далее нашел небольшой значок с лупой и сделал спрайт (68х120/1.png)

3)Сам поиск:

Внимание! У вас нет прав для просмотра скрытого текста.

А кто хочет вместо search... найти то вот скрипт

Внимание! У вас нет прав для просмотра скрытого текста.

Я добавил див с position:relative для того чтобы выровнять кнопку с лупой при помощи position:absolute.

4)В CSS:

Внимание! У вас нет прав для просмотра скрытого текста.

Уважаемый посетитель, Вы зашли на сайт как незарегистрированный пользователь.
Мы рекомендуем Вам зарегистрироваться либо войти на сайт под своим именем.

Похожие новости:

Доступ запрещен v 2.0

Поиск от Goоgle.com на вашем сайте на Ucoz

Перейти на страницу

Чат для uCoz

Новая форма добавление комментов