16 марта 2009 в 5:31
Вдогонку статье по темизации формы поиска, хочу запостить самый простой на мой взгляд вариант темизации кнопки поиска. Заключается он в правке css:
#search-block-form .submit input {
/* Описание стиля */
width:60px;
height: 26px;
padding: 0;
margin: 0;
border: 0;
background: transparent url('images/button_search.png') no-repeat center top;
overflow: hidden;
cursor: pointer;
cursor: hand; /* хак для IE 5.x */
}
/* Описание стиля */
width:60px;
height: 26px;
padding: 0;
margin: 0;
border: 0;
background: transparent url('images/button_search.png') no-repeat center top;
overflow: hidden;
cursor: pointer;
cursor: hand; /* хак для IE 5.x */
}
В итоге вместо кнопки имеем картинку, работающую как кнопка.
Оригинал статьи
Комментарии
Сейчас попробую по горячим следам ))
У меня картинка становится бэкграундом а надпись остается поверх... что неправильно делаю??
Поиск выводится темой а не блоком...
сделал font-size:0px; помогло... но хотелось бы сделать как положено... только как???
Ваш стиль не работает... Что то не то с заголовком... вот так работает на всех страницах .block-search input.form-submit {}
А вы использовали мою предыдущую статью о темизации формы поиска?
http://drupal.ru/node/25583
не делал в 6-й версии, но в пятой можно темизировать формы, здесь вот делал по рецепту с http://drupal.org:
template.php
<?phpfunction phptemplate_search_block_form($form) {
return _phptemplate_callback('search-block-form', array('form' => $form));
}?>
и файл search-block-form.tpl.php
<input type="image" src="/themes/moicomp/images/search.gif" name="op" value="Search" />
<input type="hidden" name="form_id" id="edit-search-block-form" value="search_block_form" />
<input type="hidden" name="form_token" id="a-unique-id" value="<?php print drupal_get_token('search_block_form'); ?>" />
Результат - http://comp.samex.ru
В 6-й версии думаю API не сильно изменился в данном функционале.
Еще как изменилось, если хотите сравнить посмотрите мою статью по темизации формы.
увы, но изменилось
css
display:block;
text-indent:-9999px;
width: 24px;
height:24px;
background: url(path/to/my/image/24x24.png) no-repeat top left
}
Теоретически можно сделать альтер этой формы и сделать ей так
'#src' => path_to_theme() . '/button_image.gif',
Теоретически да, но практически у меня лично заставить это заработать не получилось.
Может это поможет - http://drupal.org/project/custom_search_box
Опять модуль
а вы случайно не знаете как можно просто вытащить нужные поля из модуля и вставить в уже созданные дизайнером поля в шапке, плюс в поле Местонахождение необходимо вывести поля из справочника таксономии, который можно посмотреть хотя бы при расширенном поиске? помогите пожалуйста!!!