Изображение вместо кнопки поиска в Drupal 6

Аватар пользователя azzis azzis 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 */
}

В итоге вместо кнопки имеем картинку, работающую как кнопка.
Оригинал статьи

0 Thanks

Комментарии

Аватар пользователя Bios Bios 16 марта 2009 в 8:08

У меня картинка становится бэкграундом а надпись остается поверх... что неправильно делаю??

Поиск выводится темой а не блоком...

Аватар пользователя Bios Bios 16 марта 2009 в 8:36

сделал font-size:0px; помогло... но хотелось бы сделать как положено... только как???

Аватар пользователя Bios Bios 16 марта 2009 в 10:47

Ваш стиль не работает... Что то не то с заголовком... вот так работает на всех страницах .block-search input.form-submit {}

Аватар пользователя azzis azzis 16 марта 2009 в 10:51
Bios wrote:

Ваш стиль не работает... Что то не то с заголовком... вот так работает на всех страницах .block-search input.form-submit {}

А вы использовали мою предыдущую статью о темизации формы поиска?

Аватар пользователя azzis azzis 17 марта 2009 в 4:37
<a href="mailto:sas@drupal.org">sas@drupal.org</a> wrote:
"Bios" wrote:

Ваш стиль не работает... Что то не то с заголовком... вот так работает на всех страницах .block-search input.form-submit {}

http://drupal.ru/node/25583[/quote]

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

Аватар пользователя jason32 jason32 17 марта 2009 в 14:16

не делал в 6-й версии, но в пятой можно темизировать формы, здесь вот делал по рецепту с http://drupal.org:
template.php

<?php
function phptemplate_search_block_form($form) {
  return 
_phptemplate_callback('search-block-form', array('form' => $form));
}
?>

и файл search-block-form.tpl.php

<input type="text" maxlength="128" name="search_block_form_keys" id="edit-search_block_form_keys" value="" title="Enter the terms you wish to search for." class="inpute" />
<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 не сильно изменился в данном функционале.

Аватар пользователя penexe penexe 17 марта 2009 в 14:22
"jason32" wrote:

В 6-й версии думаю API не сильно изменился в данном функционале.

увы, но изменилось

Аватар пользователя beerman beerman 18 марта 2009 в 3:59

css

.form-submit {
  display:block;
  text-indent:-9999px;
  width: 24px;
  height:24px;
  background: url(path/to/my/image/24x24.png) no-repeat top left
}
Аватар пользователя dfaker dfaker 18 марта 2009 в 18:30

Теоретически можно сделать альтер этой формы и сделать ей так

'#type' => 'image_button', // с 6-ой версии появился такой тип кнопки
'#src' => path_to_theme() . '/button_image.gif',
Аватар пользователя azzis azzis 26 марта 2009 в 4:37
dfaker wrote:

Теоретически можно сделать альтер этой формы и сделать ей так

'#type' => 'image_button', // с 6-ой версии появился такой тип кнопки
'#src' => path_to_theme() . '/button_image.gif',

Теоретически да, но практически у меня лично заставить это заработать не получилось.

Аватар пользователя ik3 ik3 10 ноября 2015 в 11:46

а вы случайно не знаете как можно просто вытащить нужные поля из модуля и вставить в уже созданные дизайнером поля в шапке, плюс в поле Местонахождение необходимо вывести поля из справочника таксономии, который можно посмотреть хотя бы при расширенном поиске? помогите пожалуйста!!!