Webサイト制作科 - 作品紹介

Webサイト制作科 - 作品紹介

デザインテーマの変更

JQM

デザインテーマ

デザインは、デフォルトでは黒を基調としたテーマ（スキン）が適用されていますが、ページ要素に対してカスタムデータ属性「data-theme」を指定することでテーマを変更できます
「data-theme」の値に「b」を指定すると、iPhoneの標準UIのような見た目に変わります

<body>
<div data-role="page" id="index" data-theme="b">
<div data-role="header" data-theme="b">
<h1>TOPページ</h1>
</div>
<div data-role="content">
<p><a href="#about">このサイトについて</a></p>
</div>
<div data-role="footer" data-theme="b">
<h4>&copy; 2012 Smartphone</h4>
</div>
</div>

<div data-role="page" id="about">
<div data-role="header">
<h1>このサイトについて</h1>
</div>
<div data-role="content">
<p><a href="#index">TOPページ</a></p>
</div>
<div data-role="footer">
<h4>&copy; 2012 Smartphone</h4>
</div>
</div>

<div data-role="page" id="seminar">
セミナー情報
</div>
<div data-role="page" id="access">
アクセス
</div>
<div data-role="page" id="contact">
お問い合わせ
</div>
</body>