影付きのjQuery-uiダイアログのスタイリング

Question

影付きのjQuery-uiダイアログをスタイルする必要があります。私はダイアログ/ポップアップがネストされたdivでスタイル付けされているサンプルを持っています。幅と高さの変動をもたらす、各コーナーの画像と各面のライン。 私の最初の解決策は、ヘッダーに画像を与え、長い内容のコンテンツをダイアログにどのくらいの内容が含まれているかに応じてカットすることでした。これは、高さのばらつきをもたらすが、要素の幅には変動を与えない。

http://www.pictureupload.de/originals/pictures/230112103022_popup-example.jpg

これは、それがどのように見えるかです。 jQuery-uiのアイデアよりも、アイデアやスタイルに優れたダイアログ/ポップアップがありますか？あなたはまた、クラスを与えるためにjqueryのUIダイアログのdialogClassプロパティを使用して、UIのシャドウクラスにui-widget-shadowを与えることができますhttp://jsfiddle.net/2kj9G/1/

Answer 1

はこのような何かを試してみてください。

$("#editPanel").dialog({ 
    width: 400, 
    modal: true, 
    dialogClass: 'ui-widget-shadow' 
}); 

Answer 2

：