着色jquery模態

我有一個jQuery模態（灰色）的標準代碼。如何使灰色的彩色工具箱變爲藍色的例子？這個腳本可以用於很多對話...例如＃dialog1 = blue和＃dialog2 = green 這是我的標準代碼。着色jquery模態

<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>

謝謝

來源

2012-04-18 Ayu

使用jQuerys主題生成器（）

你可以設計你的整個配色方案，然後從網站上保存的CSS，這將顏色的所有jQuery UI的，而不是隻是對話。

乾杯。

- 更新 -

一旦你設計你想要你的對話框的樣子，打開css文件，並複製以下行的內容：

你需要爲每一個創建自定義的類名，然後在創建它時從對話框中刪除默認類，然後將新類添加到它。

.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; }

來源

2012-04-18 20:35:50

貌似OP想要兩次對話是在兩種不同的顏色>。< – 2012-04-18 20:36:50

啊，看來你是正確的..我會更新我的答案.. – 2012-04-18 20:37:37

我已經下載完整的jQuery（包括主題）之前使用默認版本。在我的排隊。如何製作不同的主題或顏色框。例如對話框1 =黃色或陽光主題和對話框2 =灰色或默認主題謝謝 – Ayu 2012-04-18 22:29:21

着色jquery模態

回答

相關問題