読者です 読者をやめる 読者になる 読者になる

jQMのカスタムテーマについて

Webをチェックしていたら、面白いものがあったのでメモ。

通常、jQMのテーマは「a 〜 e」までしか定義されていない。
以下、data-theme = "a" と指定した場合


また、"b"を指定した場合


ここで別のテーマを適用したいのだけれど
自分で解析して作らなければいけないの?
と思っていたところ、以下のサイトを発見。
http://as001.productscape.com/themeroller.cfm

初期表示時は、以下のようになっており

カラーを自由に作成できます。


そして、Download CSSにてCSSをダウンロードする。
ダウンロードしたものを「jquery.mobile-1.0b2.min.css」に貼り付ける。
次にテーマを指定しているところを箇所を以下のように記述する。
「data-theme = "custom"」


すると・・・

簡単にテーマをカスタマイズすることができる。
※色のセンスは察してください。


jQMを使用したサイトを作る際の彩色イメージで
活躍しそうな感じがしました。