iWebKitでiPhone/iPod Touch風Webサイト作成 （3） Top Bar

Core UI Elements(1)The Top Bar

<div id="topbar"></div>

タイトルを入れる:
<div id="topbar">
<div id="title">iWebKit</div>
</div>

ボタンを入れる:

<div id="topbar">
<div id="title">iWebKit</div>
<div id="leftbutton">
<a href="http://iwebkit.net%22%3epc/ website</a>
</div>
</div>

 id=”leftbutton” は左側ボタンのスタイル、もちろん、右側ボタンはid=”rightbutton”

マルチプル　ナビゲーション　ボタンのスタイルは
<div id="leftnav"></div> あるいは、 <div id="rightnav"></div>.

最後は、以下のソースを実際やってみましょう

<div id="topbar">
<div id="leftnav">
<a href="index.html"><img alt="home" src="images/home.png" /></a>
<a href="list.html">Lists</a></div>
<div id="rightnav">
<a href="storelist.html">Store list</a>
</div>
</div>