Selasa, 01 Juli 2014
Make Navigation Navbar
First, make id into body file html, to add some page.
<body>And then we going to copy this code to other page, Ex : #pagetwo
<div data-role="page" id="pageone">
<div data-role="header">
<h1>this is header</h1> <div data-role="main" class="ui-content">
<h3>This is Page one</h3>
</div>
<div data-role="footer" data-position="fixed">
<h3>This is footer</h3>
</div>
</div>
<div data-role="page" id="pagetwo">
<div data-role="header">
<h1>this is header</h1> <div data-role="main" class="ui-content">
<h3>This is Page two</h3>
</div>
<div data-role="footer" data-position="fixed">
<h3>This is footer</h3>
</div>
</div>
</body>
<div data-role="header">Make sure the code is right and the result is like this
<h1>this is header</h1>
<div data-role="navbar">
<ul>
<li><a href="#anylink">Home</a></li>
<li><a href="#pageone">Page One</a></li>
<li><a href="#anylink">Search</a></li>
</ul>
</div>
</div>
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