2012-02-28 1 views
0

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

я попал в точку поля загрузки изображения, которое по умолчанию выглядит следующим образом: 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>  

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

What its coming out like

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

ответ

1

Стилизация типа входного = «файл» не легко, так как этот тип ввода полностью зависит браузер ...

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

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

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

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

+0

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

 Смежные вопросы

  • Нет связанных вопросов^_^