가운데 이등분 사각버튼
<div id="duoselectionbuttons"><a href="A.html">Text</a><a href="B. html">Text</a></div>
가운데 삼등분 사각버튼
<div id="triselectionbuttons"><a href="A.html">AText</a><a href="B. html">BText</a><a href="C.html">CText</a></div>
Top bar 하단에 sub 2등분 버튼 만들기
<div id="duobutton"><div class="links"><a href="A.html">Text</a><a href="B. html">Text</a></div></div>
Top bar 하단에 sub 3등분 버튼 만들기
<div id="tributton"><div class="links"><a href="A.html">AText</a><a href="B. html">BText</a><a href="C.html">CText</a></div></div>
응용 - top bar 3등분 사각버튼 & sub 3등분 사각버튼
<div id="topbar">
<div id="title">Title</div>
<div id="triselectionbuttons">
<a href="A.html">AText</a><a href="B. html">BText</a><a href="C.html">CText</a>
</div>
</div>
<div id="tributton"><div class="links">
<a href="A.html">AText</a><a href="B. html">BText</a><a href="C.html">CText</a>
</div></div>
해당 페이지의 버튼색 변경
add id="pressed" in link code
<div id="topbar">
<div id="title">Title</div>
<div id="triselectionbuttons">
<a id="pressed" href="A.html">AText</a><a href="B. html">BText</a><a href="C.html">CText</a>
</div>
</div>
<div id="tributton"><div class="links">
<a href="A.html">AText</a><a href="B. html">BText</a><a href="C.html">CText</a>
</div></div>
'Design for App/Web' 카테고리의 다른 글
| (iweb) The top bar - Navigation: trio/duo buttons (0) | 2010/07/20 |
|---|---|
| (iweb) The top bar - Navigation:Buttons (0) | 2010/07/19 |
| (iweb) The top bar - Adding the top bar and options (0) | 2010/07/19 |
TRACKBACK 0 AND
COMMENT 0
PREV
