Тематическая кнопка загрузки изображений в Drupal 6.x - PullRequest
Новая
       62

Тематическая кнопка загрузки изображений в Drupal 6.x

0 голосов
/ 28 февраля 2012

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

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

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

What it needs to look like

До сих пор я установил входные значения 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>

Но это выглядит только так (на Chrome и Safari, намного хуже на Firefox):

What its coming out like

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

1 Ответ

1 голос
/ 28 февраля 2012

Стилизовать тип ввода = "файл" непросто, поскольку этот тип ввода полностью зависит от браузера ...

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

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

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

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

...