Selasa, 01 Juli 2014
Change theme jquerymobile
Label:
jquerymobile
To apply theme you must copy this data-theme="?" in <div data-role="page" >
There is 3 choice theme :
a. This is “a” theme / default theme
<div data-role="page" data-theme="a">
Result :
b. This is “b” theme
<div data-role="page" data-theme="b">
Result :
c. This is “c – z”
<div data-role="page" data-theme="c-z">
Result :
Make your own color :
To make your own color you must add atribut style="background:#anycolor" , to div what you want.Example, I will add some color to my html
<body>
<div data-role="page" style="background:#660006">
<div data-role="header" style="background:#778899">
<h1>this is header</h1>
</div>
<div data-role="main" class="ui-content">
<h3>This is content</h3>
</div>
<div data-role="footer" data-position="fixed" style="background:#987654">
<h3>This is footer</h3>
</div>
</div>
</body>
And the result is
Navigation Links:
Step 1 - Basic
Step 2 - Header, main, footer, and pages
Step 3 – Button and Navbar
Step 4 – Transition Effect and Panel
Langganan:
Posting Komentar
(
Atom
)
Tidak ada komentar :
Posting Komentar