截圖自 : http://jquerymobile.com/
*利用ThemeRoller改變你行動裝置的外觀,其實我也不曉得為甚麼標題會這樣打,只是上去google翻譯了一下,Theme Roller的功能就是希望讓您打造屬於看起更有區別性的手機網頁,而不是像一般所看到那種標準版的風格,他可以透過有點像應用程式的方式,你去套用你想要套用哪個區塊的顏色,(可以改變色相跟飽和度),然後匯出成zip檔,
zip檔包含一個index.html : 介紹你如何將匯出的css檔加到自己的網頁裡,還有一個themes資料夾,包含2個css檔,一個是min過的,一個是一般的。
可以看一下他的英文介紹:
*但記住,他最後是給你一個css樣式檔,去匯入到你網頁裡。
到jquerymobile官網後,找到ThemeRoller,或者直接超連結到ThemeRoller
http://jquerymobile.com/themeroller
然後告訴你,版本 不要選錯 他有分10 跟1.1,然後主題(themes)建議最少3個 所以他畫面進去後預設是A~C三種
分為左選單,上選單,跟內容
左選單可以切換整體設定,或者跟對A~C的版型分別設定
上選單分別是選擇版本,復原跟重作,等等 Download是你做完之後匯出zip檔的動作
像背景顏色是要將上方的色票用拖曳的方式拖到你要改變顏色的地方,按鈕等等也可以改變顏色~
設定好之後按下上面選單的Download
會下在一個zip檔,將之解壓縮
index.html打開後的內容
其中要匯入的項目主要是你的css檔
匯入前:
匯入後:
*利用ThemeRoller改變你行動裝置的外觀,其實我也不曉得為甚麼標題會這樣打,只是上去google翻譯了一下,Theme Roller的功能就是希望讓您打造屬於看起更有區別性的手機網頁,而不是像一般所看到那種標準版的風格,他可以透過有點像應用程式的方式,你去套用你想要套用哪個區塊的顏色,(可以改變色相跟飽和度),然後匯出成zip檔,
zip檔包含一個index.html : 介紹你如何將匯出的css檔加到自己的網頁裡,還有一個themes資料夾,包含2個css檔,一個是min過的,一個是一般的。
可以看一下他的英文介紹:
We believe that your web site or app should feel like your brand, not any particular OS. To make building highly customized themes easy, we've created ThemeRoller for Mobile to make it easy to drag and drop colors and download a custom theme. For polished visuals without the bloat, we leverage CSS3 properties like text-shadow, box-shadow, and gradients.
*但記住,他最後是給你一個css樣式檔,去匯入到你網頁裡。
到jquerymobile官網後,找到ThemeRoller,或者直接超連結到ThemeRoller
http://jquerymobile.com/themeroller
這是載入畫面,他非常像應用程式,像非常高級的小畫家
然後他有一個welcome的對話視窗,
這段可以看一下,他主要是告訴你他的功能然後告訴你,版本 不要選錯 他有分10 跟1.1,然後主題(themes)建議最少3個 所以他畫面進去後預設是A~C三種
點圖可以放大,
按下上個步驟的get rolling後分為左選單,上選單,跟內容
左選單可以切換整體設定,或者跟對A~C的版型分別設定
上選單分別是選擇版本,復原跟重作,等等 Download是你做完之後匯出zip檔的動作
import功能可以讓他匯入Default Theme,也就是匯入jquerymobile預設的幾種配色方式
像背景顏色是要將上方的色票用拖曳的方式拖到你要改變顏色的地方,按鈕等等也可以改變顏色~
會下在一個zip檔,將之解壓縮
解壓縮之後有這些檔案:
這裡的index.html打開後是告訴你如何匯入你的css方法
index.html打開後的內容
其中要匯入的項目主要是你的css檔
匯入前:
匯入後:
沒有留言:
張貼留言
若你看的文章,時間太久遠的問題就別問了,因為我應該也忘了... XD