Тема для кнопки загрузки изображения Drupal 6.x

Я тематизирую веб-сайт Drupal, пока все хорошо. Я использую изображения профиля 6.x-1.4 на платформе Drupal 6.24.

Я добрался до поля загрузки изображения, которое по умолчанию выглядит так: Исходный помощник загрузки

Дизайн требует, чтобы это выглядело так:

Как это должно выглядеть

До сих пор я установил входные данные css на это:

 #user-register #edit-profile-picture-upload {
    display: block;
    background: transparent url(../images/button-upload.png) no-repeat scroll center center;
    width: 130px;
    height: 158px;
 }

А это html для поля файла:

<div class="form-item" id="edit-profile-picture-upload-wrapper">
  <label for="edit-profile-picture-upload">Upload: </label>
  <input type="file" name="files[profile_picture_upload]"  class="form-file" id="edit-profile-picture-upload" size="40" />
</div>

Но это выглядит только так (в хроме и сафари, гораздо хуже в Firefox):

На что это похоже

Как бы вы это правильно назвали? Или, по крайней мере, откуда берется кнопка «Выбрать файл/Файл не выбран»?


php themes drupal drupal-6 drupal-theming
person Hank    schedule 28.02.2012    source источник

Ответы (1)


arrow_upward
1
arrow_downward

Стилизация input type="file" непроста, так как этот тип ввода полностью зависит от браузера...

Но здесь вы найдете много ответов: https://stackoverflow.com/search?q=style+input+file

Вы можете, например:

  • скрыть ввод файла,
  • замените его на div (или иначе)
  • вызвать нажатие на ввод файла при нажатии на div

PS: это не проблема друпала

person soju    schedule 28.02.2012
comment
Спасибо за ответ. У меня было ощущение, что это не друпал, так как не было ничего, что могло бы вызвать это значение поля. В любом случае, прочитав множество этих сообщений, я запустил его, установив высоту и ширину входов такими же, как у ложного базового изображения, а затем установил непрозрачность входов на 0. Оттуда немного jQuery запускается при изменении значения (пользователь выбирает файл), и базовое изображение обновляется. - person Hank; 28.02.2012