jQuery UI ThemeRoller

jQuery UI ThemeRoller

ThemeRoller 簡(jiǎn)介

ThemeRoller是一個(gè)Web應(yīng)用程序，jQuery UI能夠從中設(shè)計(jì)和下載自定義主題。您可以訪問(wèn)jQuery UI ThemeRoller進(jìn)行主題定制。

jQuery UI ThemeRoller是由波士頓的Filament Group, Inc設(shè)計(jì)和開(kāi)發(fā)的。

ThemeRoller 界面

在ThemeRoller的界面上存在不同的面板，各面板分別是全局字體和圓角半徑設(shè)置、小部件容器樣式、可點(diǎn)擊元素的互動(dòng)狀態(tài)，及覆蓋和陰影的各種樣式。這些面板允許配置各種CSS屬性，比如字體尺寸、顏色、粗細(xì)、背景顏色和紋理、邊框顏色、文本顏色、圖標(biāo)顏色、圓角半徑，等等。

主題館（Gallery）：預(yù)先設(shè)計(jì)主題

ThemeRoller主題可以通過(guò)永久鏈接URL進(jìn)行查看，它包含一些預(yù)先設(shè)計(jì)的主題可供選擇。主題館（Gallery）可以通過(guò)位于應(yīng)用程序界面頂端的標(biāo)簽欄進(jìn)行訪問(wèn)。從主題館（Gallery）中，您可以預(yù)覽和下載主題，甚至可以選擇一個(gè)主題，然后切換到"Roll Your Own"標(biāo)簽頁(yè)進(jìn)行調(diào)整。

下載主題

當(dāng)您設(shè)計(jì)完主題后，您可以下載主題以便在項(xiàng)目中進(jìn)行使用。ThemeRoller在頂部有一個(gè)"Download theme（下載主題）"按鈕，可以生成一個(gè)zip壓縮包，包含了所有的主題相關(guān)文件。下載文件中的圖像是按照您的規(guī)格進(jìn)行生成的，并保存為高質(zhì)量的PNG文件。

您的主題將包含圖像和CSS，組成了jQuery UI CSS框架的自定義版本，包含了所有插件的圖像和CSS。

在項(xiàng)目中按照下載的主題

一旦下載了主題，解壓縮后，您將看到一個(gè)名為themes的文件夾。該文件夾包括了主題所需的CSS和圖像。復(fù)制主題文件夾到您的項(xiàng)目中，并在頁(yè)面中鏈接 themes/all.css文件。

創(chuàng)建自定義的"ThemeRoller-Ready"組件

ThemeRoller生成了一個(gè)jQuery UI CSS框架的自定義版本，用于開(kāi)發(fā)您自己的ThemeRoller-ready jQuery組件。通過(guò)這個(gè)框架生成的類(lèi)被設(shè)計(jì)來(lái)提供通用的用戶(hù)界面的設(shè)計(jì)情況，包括狀態(tài)、圖標(biāo)以及各種輔助類(lèi)。

如需了解更多jQuery UI CSS框架的開(kāi)發(fā)信息，請(qǐng)查看主題化 API 文檔。

ThemeRoller 鏈接

• 教程：開(kāi)發(fā)您自己的 jQuery "ThemeRoller-Ready" 組件，F(xiàn)ilament Group
• ThemeRoller 簡(jiǎn)介：設(shè)計(jì) & 下載 jQuery UI 自定義主題，F(xiàn)ilament Group