jqueryモーダルを着色する

Question

jqueryモーダル（灰色）の標準コードがあります。 カラフルなツールボックスをGrayからexample blueに変えるにはどうすればいいですか？ このスクリプトは多くのダイアログに使用できます。例えば、＃dialog1 =青、＃dialog2 =緑 これは私の標準コードです。

<script> 
// increase the default animation speed to exaggerate the effect 
$.fx.speeds._default = 1000; 
$(function() { 
    $("#dialog1").dialog({ 
     autoOpen: false, 
     show: "blind", 
     hide: "explode" 
    }); 

    $("#opener1").click(function() { 
     $("#dialog1").dialog("open"); 
     return false; 
    }); 
}); 
</script> 

はありがとう

Answer 1

使用jQuerysテーマビルダー（）

あなたはあなたの全体のカラースキームを設計し、サイトからCSSを保存して、それは、jQueryのUIのすべてを色ではないだろうことができちょうどダイアログ。

乾杯。

- UPDATE -

あなたはあなたのダイアログが、のように見えるCSSファイルを開き、次の行をコピーしたいものを設計したら：

あなたが各1用のカスタムクラス名を作成する必要があります

それを作成するときにダイアログから既定のクラスを削除し、代わりに新しいクラスを追加します。

.ui-dialog .ui-dialog-content { position: relative; border: 0; padding: .5em 1em; background: none; overflow: auto; zoom: 1; } 
.ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin: .5em 0 0 0; padding: .3em 1em .5em .4em; }