jquery - jquery uiダイアログのデザインを変更するには?

Question

既存の jquery UI の閉じるダイアログを、以下のリンクのような新しい閉じるボタンに置​​き換える必要があります。

http://demo.tutorialzine.com/2010/12/better-confirm-box-jquery-css3/

このようなダイアログを取得する方法を誰でも提供できますか? このために変更が必要な領域は何ですか?

Answer 1

ボタンの画像と img-container については、jquery-ui.css を参照してください。現在の画像の場所に置き換えます。少し位置を調整して完成

Answer 2

デモ

あなたが提供したリンクのソースを見てみてください。

$(document).ready(function(){
    $('.item .delete').click(function(){
    var elem = $(this).closest('.item');
        $.confirm({
            'title'     : 'Delete Confirmation',
            'message'   : 'You are about to delete this item. <br />It cannot be restored at a later time! Continue?',
            'buttons'   : {
                'Yes'   : {
                    'class' : 'blue',
                    'action': function(){
                        elem.slideUp();
                    }
                },
                'No'    : {
                    'class' : 'gray',
                    'action': function(){}  // Nothing to do in this case. You can as well omit the action property.
                }
            }
        }); 
    });
});