ウェブ学のすすめ

Study of Web Design & Programing

Theme RollerでjQueryMobileの独自テーマを作る

ステップ1:Theme Rollerにアクセス


ThemeRoller | jQuery Mobile

ステップ2:デフォルトテーマのインポート


↓「Import」をクリック

↓「Import Default Theme」をクリックし、「Import」ボタンをクリック

ステップ3:テーマを追加


↓「」ボタンをクリックしてテーマを追加

↓カラーをドラッグしたりしてカスタマイズします

ステップ4:独自テーマのダウンロード


↓「Download」をクリック

↓「Theme Nmae」を入力し、「Download Zip」をクリック

ステップ5:CSSを適用


ダウンロードしたZipファイルを展開し、中に入っているcss

<link rel="stylesheet" href="http://code.jquery.com/mobile/1.1.1/jquery.mobile-1.1.1.min.css">

の前で読み込みます。

↓別ウィンドウを開いて見る
Theme Rollerで作ったjQueryMobileの独自テーマ

QRコード