Дизайнер сделал макет страницы, поле поиска на сайте должно быть в подвале на каждой странице. Поле поиска в макете оформлено с помощью CSS, с картинками по бокам. Я вставил в макет строку: <jdoc:include type="modules" name="search-position" /> В настройке модулей указал позицию "search-position". В итоге на страницах появилось обычное поле <input> безо всяких стилей. А в макете поле поиска содержит код: <div class="search"> <form action="/onlineorder" method="post" class="form-inline"> <label for="mod-search-searchword" class="element-invisible">Искать...</label> <input name="searchword" id="mod-search-searchword" maxlength="20" class="inputbox search-query" type="text" size="20" value="Поиск..." onblur="if (this.value=='') this.value='Поиск...';" onfocus="if (this.value=='Поиск...') this.value='';" /> <input type="hidden" name="task" value="search" /> <input type="hidden" name="option" value="com_search" /> </form> </div> Вопрос: как сделать чтобы поле поиска приняло такой же вид как в макете?
с начало выводят поле модуля поиск, потом в свой шаблон в директории html, в директорию "mod_search", файлы и правишь их, если такой директории нет, создаёшь или же лезь в "mod_search" и вноси нужные тебе изменения - а лучше, гони в шею Дизайнера, найми нормального разработчика, программиста шаблонов, пусть он тебе от начала до конца всё сделает сам
Товарищ lev пишет странное. Для того, чтобы поле поиска стало таким, как на картинки внизу нужно просто отверстать его и в настройках модуля поиска указать: lev, зачем нам шаблон выводя модуля? Мы же функционально ничего не меняем... В общем логика такая: Код (html): .module_search { position: relative; } .module_search input { width: 200px; height: 20px; position: absolute; top: 0; left: 0; color: #999; padding: 5px; z-index: 1; } .module_search .button { width: 24px; /* Ширина картинки для кнопки поиска */ height: 24px; /* Высота картинки для кнопки поиска */ position: absolute; right: -28px; top: 4px; background: url("../images/bg_button_search.png") no-repeat 0 0; /* Адрес картинки для кнопки поиска */ border: 0; z-index: 2; } P.S.: Чтобы узнать где хранится файл стилей, в Firefox - Firebug нажимаем пр.кл. мыши на странице и смотрим справа внизу ссылку на файл *.css
