Красивый поиск под uCoz

Azzazil666

Дата: Четверг, 28 Января 2010, 06:48:35 | Сообщение # 1

Группа: Администраторы

Сообщений: 93

Статус:

Настроение:

[cut=Смотреть]

[/cut]
1)Скачиваем архив с изображениями Здесь
2)Заливаем изображения в корень сайта
3)Вставляем в нужное вам место код поиска[cut noguest=Читать html]

Code

[/cut](Тут background: url(/Images/search_fon.gif) надо вставит ссылку на изображение go.gif)
4)Вставляем вот это в CSS (То что отмечено синим цветом туда надо вставит ссылку на изображение search_fon.gif)[cut noguest=Читать CSS]

Quote

/* ----Search ---- */
#search {width:302px; height:32px; float:left;}
.search_fon {color:#777777; background: url(/Images/search_fon.gif) repeat-x; border:none; position:absolute; width:300px; font-weight:bold; padding-top:10px; padding-bottom:10px; padding-left:10px; margin:0;}
/* ------------- */

[/cut]
P.S. Так же можно заменить в html раздел по которому поиск будут искать (Отмечено красным цветом)
/search - По всему сайту
/news - По новостям
/load - По каталогам файлов
/publ - По статьям

Прикрепления: 1735833.png (2.0 Kb)

Не идите за мной – заблудитесь…

Khufu

Дата: Четверг, 28 Января 2010, 12:50:11 | Сообщение # 2

Зачастивший

Группа: Модераторы

Сообщений: 84

Статус:

Простенький, но красивый поиск

[cut=Открыть]

[/cut]

Ставим куда хотим:

Code

Затем идём в css и ставим куда хотим:

Code

.queryField {border:none;background:url(http://shalbuz-dag.3dn.ru/_fr/0/2514877.gif)no-repeat;padding-left:10;padding-bottom:3;height:32;width:254;margin:0;position:relative;right:-4;color:#666666;}
.ser {border:0px;background:url(http://shalbuz-dag.3dn.ru/_fr/0/9517727.gif)no-repeat;height:32;width:46;margin:0;padding:0;}

Прикрепления: 2514877.gif (1.3 Kb) · 9517727.gif (1.9 Kb)

Смотри в оба - Глаза не уши...