우선 결과물부터 보자. 오늘 만들어 볼 레이아웃이다. 탭과 그 안에 내용물들을 적는 레이아웃이다. 탭으로 분류를 나누고 해당 탭에 맞는 중제목을 배경을 넣고 그 하위에 소제목으로 체크박스를 넣어 또 분류하였다. 그 소제목을 설명하는 문장이고 있고, 그 설명하는 문장에 부가 설명을 하는 레이아웃이다. 글자를 억어지로 채워넣으려고 1도 이해가 안가는 설명을 하고 있는 중이다. 이제 뭐 더 설명 … Read more
사실 탭메뉴는 사실 내가 가장 어려워하고 귀찮아하는 UI이다. 그래서 이번 참에 정리를 해서 두고두고 사용하고자 한다. 우선 결과물이다. 아래는 html 코드이다. <div class=”tab-container”> <ul class=”tab-menu”> <li><a href=”#tab1″ class=”active”>탭1</a></li> <li><a href=”#tab2″>탭2</a></li> <li><a href=”#tab3″>탭3</a></li> </ul> <div id=”tab1″ class=”tab-content active”> … Read more
