気ままにWeb制作しんこうちゅー » jQureyMovileのThemeRollerの使い方

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”;
});

 

Share on Facebook
このエントリーをはてなブックマークに追加
はてなブックマーク - jQureyMovileのThemeRollerの使い方
Post to Google Buzz
Bookmark this on Yahoo Bookmark
Bookmark this on Livedoor Clip
Share on FriendFeed
[`grow` not found]

« »

コメントは停止中です。

安心・確実の合宿免許なら【免許いちばん!!】