Selasa, 01 Juli 2014

Make Navigation Navbar

Diposting oleh Unknown di 11.23 Label:
Share this

First, make id into body file html, to add some page.
<body>
<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>
And then we going to copy this code to other page, Ex : #pagetwo
<div data-role="header">
    <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>
Make sure the code is right and the result is like this

Tidak ada komentar :

Posting Komentar

Langganan: Posting Komentar ( Atom )