Темизация кнопки "отправить" у webform

Прислано: FuN_ViT

чт, 08/05/2008 - 10:22

Другие статьи по теме:

Столкнулся с проблемой - мне нужно было вместо кнопки "Отправить" поставить изображение. После нескольких часов мучений (пробовал заменять при выводе на кнопку с type="image") нашел простое решение - Стили!

Вот стиль для кнопки:

.form-submit
{
background: url(images/question_btn.gif) no-repeat top left !important;
font-size:0px;
overflow:hidden;
width:107px !important;
height:15px;
border:0;
cursor:pointer;
padding:15px 0 0 0;
}

результат -

Прикрепленный файлРазмер
drupal_webform_submit_btn_theming.png2.5 кб

Комментарии


Настройки просмотра комментариев

Выберите нужный метод показа комментариев и нажмите "Применить"
Опубликовано bodro в пт, 09/05/2008 - 06:24.
bodro

во всех браузерах смотрели результат?


Опубликовано T-34 в сб, 10/05/2008 - 18:53.
T-34

Может еще подскажете, как в модуле click2bookmark заменить анкор "В закладки" на картинку?


Опубликовано Олег "Lock Us" (гостевой логин) в вс, 11/05/2008 - 10:48.
Олег "Lock Us"

Мне кажется, что при изменении внешнего вида любых элементов можно спокойно изменять их CSS стилями. Я на сайте у многих форм отображение кнопок изменил. Еще есть неплохой скрипт niceform.js, который позволяет менять все элементы форм, кроме type=file разумеется. Работает во всех браузерах. Не использовал на своем сайте, так как не люблю переполнять сайты лишним функционалом.


Опубликовано Михан45 (гостевой логин) в пн, 26/05/2008 - 07:42.
Михан45

Прикольное решение проблемы )


Опубликовано Вариус (гостевой логин) в чт, 29/05/2008 - 14:08.
Вариус

Уже спрашивали, но ответа не было. Насколько это решение кроссбраузерно?


Опубликовано FuN_ViT в чт, 29/05/2008 - 14:34.
FuN_ViT

Вариус написал(а):

Уже спрашивали, но ответа не было. Насколько это решение кроссбраузерно?

В опере была небольшая лажа. но в связи с откатом с друпала - я не довел до совершенства..


Опубликовано fit в пт, 05/03/2010 - 12:28.
fit

В IE всё равно будет виден мелкий текст кнопки...


Опубликовано ram-ram в вт, 11/05/2010 - 11:07.
ram-ram

для drupal 6.x надо заменить в файле search.module

строку
$form['submit'] = array('#type' => 'submit', '#value' => t('Search'));

на

$form['search_theme_form']['#value']='';
$form['submit'] = array('#type' => 'image_button', '#value' => t('Search'),
'#src' => 'путь к картинке');

где "путь к картинке" - это путь к вашему изображению на кнопке.

возможно это не правильно, но работает)


Опубликовано MaximumofmaX в вс, 11/12/2011 - 12:40.
MaximumofmaX

а как заменить кнопку отправить на ссылку?
чтобы можно было прописать для положения hover картинку другую


Новое на сайте

Ссылки партнёров