jQureyMovileのThemeRollerの使い方
通常、jQureyMovileでは
<div data-role=”navbar” date-theme=”b”>
<ul>
<li><a href=”a.html”>ホーム</a></li>
<li><a href=”b.html”>メニュー</a></li>
</ul>
</div>
という風にdate-themeを使って色などを変更しますが(色の種類はa~zまで)、
jQureyMovileの ThemeRoller で作ったテーマ設定を読み込ませる場合、
<link rel=”stylesheet” href=”css/themes/my-custom-theme.css” />
を<meta name>の下に置いて反映させます。
参考Web
http://www.koikikukan.com/archives/2011/12/12-002222.php
●テーマのインポート
ダウンロードしたテーマをインポートするには「Import」をクリック。
Import
表示されたテキストフィールドに、圧縮していないCSSファイル(.min.cssではなく.cssの方)の内容をペーストして
「Import」をクリックすれば元のデザインをインポートできます。
●おまけ、jQueryについて
<script type=”text/javascript” src=”js/jquery.js”></script>
↓<p>タグのカラー属性を#ff0000(赤)に設定できます
$(“p”).css(“color”, “#ff0000″);
↓マウスオーバーした時に背景を「黄色」にする設定
$(“div”).mouseover(function(){
this.style.backgroundColor = “yellow”;
});
TAGS: jQureyMovile・ThemeRoller・スマートフォン | 2013年1月9日