2012-02-28 9 views
0

私はDrupalのウェブサイトをテーマにしています。私は、Profile picture 6.x-1.4をDrupal 6.24プラットフォームで使用しています。Drupal 6.xの画像アップロードボタンの設定

私は、デフォルトではこのようになりますこれは、画像のアップロードフィールドのポイントに持っている

:私はこれまでのところ

What it needs to look like

Original upload helper

デザインは、このように見えるためにそれを要求入力の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

どのようなテーマこれを正しくでしょうか?または、少なくとも「Choose file/No file selected」ボタンはどこから来ますか?

答えて

1

入力のこのタイプは完全にブラウザ依存しているため、入力タイプ=「ファイル」をスタイリングすることは容易ではありません...

しかし、あなたは、ここでの回答の多くを見つける:https://stackoverflow.com/search?q=style+input+file

あなたはすることができます、のために例:ファイル入力に

  • は(他のか)のdivと交換
  • 、ファイル入力を隠す
  • トリガクリックC divの

PSになめ:これは、応答のための

+0

おかげでdrupalの問題ではありません。フィールドの価値を引き出すものがなかったので、私はDrupalではなかったと感じました。とにかくそれらの記事の多くを読んだ後、入力の高さと幅を偽の基礎となるイメージと同じに設定し、入力不透明度を0に設定して実行しました。そこから、値が変更されたときにjQueryのビットがトリガーされます(ユーザーがファイルを選択する)、下にあるイメージが更新されます。 – Hank

関連する問題