# jQuery UI ThemeRoller ### ThemeRoller 簡介 ThemeRoller 是一個 Web 應用程序，為 jQuery UI 設計和下載自定義主題提供了直觀的界面。您可以訪問 [jQuery UI ThemeRoller](//jqueryui.com/themeroller) 進行主題定制。 jQuery UI ThemeRoller 是由波士頓的 [Filament Group, Inc](//www.filamentgroup.com/) 設計和開發的。  ### ThemeRoller 界面 ThemeRoller 的界面分為不同面板，各面板分別是全局字體和圓角半徑設置、小部件容器樣式、可點擊元素的互動狀態，及覆蓋和陰影的各種樣式。這些面板允許配置各種 CSS 屬性，比如字體尺寸、顏色、粗細、背景顏色和紋理、邊框顏色、文本顏色、圖標顏色、圓角半徑，等等。 ### 主題館（Gallery）：預先設計主題 ThemeRoller 主題可以通過永久鏈接 URL 進行查看，它包含一些預先設計的主題可供選擇。主題館（Gallery）可以通過位于應用程序界面頂端的標簽欄進行訪問。從主題館（Gallery）中，您可以預覽和下載主題，甚至可以選擇一個主題，然后切換到 "Roll Your Own" 標簽頁進行調整。 ### 下載主題 當您設計完主題后，您可以下載主題以便在項目中進行使用。ThemeRoller 在頂部有一個 "Download theme（下載主題）" 按鈕，可以生成一個 zip 壓縮包，包含了所有的主題相關文件。下載文件中的圖像是按照您的規格進行生成的，并保存為高質量的 PNG 文件。 您的主題將包含圖像和 CSS，組成了 jQuery UI CSS 框架的自定義版本，包含了所有插件的圖像和 CSS。 ### 在項目中按照下載的主題 一旦下載了主題，解壓縮后，您將看到一個名為 `themes` 的文件夾。該文件夾包括了主題所需的 CSS 和圖像。復制主題文件夾到您的項目中，并在頁面中鏈接 `themes/all.css` 文件。 ### 創建自定義的 "ThemeRoller-Ready" 組件   ThemeRoller 生成了一個 jQuery UI CSS 框架的自定義版本，用于開發您自己的 ThemeRoller-ready jQuery 組件。通過這個框架生成的類被設計來提供通用的用戶界面的設計情況，包括狀態、圖標以及各種輔助類。 如需了解更多 jQuery UI CSS 框架的開發信息，請查看 [主題化 API 文檔](jqueryui-theme-api.html)。 ### ThemeRoller 鏈接 * [教程：開發您自己的 jQuery "ThemeRoller-Ready" 組件，Filament Group](//www.filamentgroup.com/lab/developer_your_own_jquery_themeroller_ready_components/) * [ThemeRoller 簡介：設計 & 下載 jQuery UI 自定義主題，Filament Group](//www.filamentgroup.com/lab/introducing_themeroller_design_download_custom_themes_for_jquery_ui/) * [視頻：設計 & 下載 jQuery UI 自定義主題，Filament Group](//www.dizi-izle-film-izle.net/)