Jedem Element des Framework kann separat ein theme (a-z) zugeordnet werden. Eine typische JQM-Seite mit zugeordneten themes sieht vereinfacht so aus:
Code: Select all
<div data-role="page" data-theme="c">
<div data-role="header" data-theme="a">
<h1>Page Title</h1>
</div><!-- /header -->
<div data-role="content">
<ul data-role="listview" data-theme="d">
<li>Blablabla
</ul>
</div><!-- /content -->
<div data-role="footer" data-theme="a">
<h4>Page Footer</h4>
</div><!-- /footer -->
</div><!-- /page -->
Code: Select all
<div data-role="page" {PAGETHEME}>
<div data-role="header" {HEADERTHEME}>
<h1>Page Title</h1>
</div><!-- /header -->
<div data-role="content">
<ul data-role="listview" {LISTTHEME}>
<li>Blablabla
</ul>
</div><!-- /content -->
<div data-role="footer" {FOOTERTHEME}>
<h4>Page Footer</h4>
</div><!-- /footer -->
</div><!-- /page -->
Code: Select all
// jquery mobile themes
$phpwcms['PAGETHEME'] = a; //theme (a-z)
$phpwcms['HEADERTHEME'] = c; //theme (a-z)
$phpwcms['BUTTONTHEME'] = b; //theme (a-z)
$phpwcms['LISTTHEME'] = a; //theme (a-z)
$phpwcms['LISTDIVIDERTHEME'] = c; //theme (a-z)
$phpwcms['FOOTERTHEME'] = a; //theme (a-z)
Aus
Code: Select all
{FOOTERTHEME}
Code: Select all
datatheme="a"