Категории

Редактирование строки поиска

Ребята, всем привет.
Появилась необходимость подогнать внешний вид строки поиска под дизайн сайта. К примеру рамка с закруглёнными торцами, внутренний фон с градиентом, рамка иной толщины, либо вообще без рамки .. в общем координально изменить внешний вид, скажем нарисовать в фотошопе и воплатить в проект.
Может кто поделиться примерами или советами ? .. любая информация может быть полезной.
Спасибо!

а какие тут могут быть советы. читайте по верстке мануалы. тут же обычный html

не могу понять, где находится нужный файл .. в котором редактируется всё .. с остальным вопросов нет )

boxes/box_search.html, не то?

не совсем .. конкретнее, из box_search.html нужно отредактировать внешний вид {$INPUT_SEARCH} чтобы он выглядел к примеру как на скрине
... т.е. изменить внешний вид самого поля ввода поисковой фразы.

ну так форма в файле \themes\default\source\boxes\search.php
строка

$box->assign('INPUT_SEARCH', os_draw_input_field('keywords', '', 'onkeyup="ajaxQuickFindUp(this);" id="quick_find_keyword"'));

Ну если подскажешь, как с помощью этой строки ..

$box->assign('INPUT_SEARCH', os_draw_input_field('keywords', '', 'onkeyup="ajaxQuickFindUp(this);" id="quick_find_keyword"'));

... сделать фон строки поиска прозрачным или вставить свой, убрать рамку, и задать ширину =)) даже не знаю, как буду благодарить )

я так понимаю, что эту строку нужно как-то доделать, что-ли .. табличку вставить ))) ... блин, реально это для меня "новые ворота"))
поэтому и спрашивал примерчик какой-нить ))

прописать стиль для id="quick_find_keyword"

#quick_find_keyword{
border: 0px;
background: transparent url(file:///Z|/c457117f-0621-45b9-a276-8656954f7094.jpg) no-repeat;
width: 180px;
height: 40px;
}

ну чтото типа етого

аааааа ))) работаеееет ))))) .. это просто круто! =)
Спасибо ребята, спасибо Зап .. это именно то, что я искал ;)

Попробуй в IE 6,7 написать чет в этом поле(уже с подставленным фоном картинкой) до самого конца. Если не уедет, то норм. если уедет, то надо будет малость по другому сделать.

и добавь еще в CSS который ZAP привел эту строку
line-height:40px;
чтобы текст по центру был(если он не по центу, а прижат к верху)

Ок, большое спасибо.

Подскажите новичку пожайлуста.
После какой строки надо вставить этот код

Источник