CSS로 tab 메뉴 쉽게 만들기

CSS Tab Designer를 설치해보았다.

css_tab_designer_01


20~30개정도의 샘플이 제공되고, 메뉴 항목만 적어내면 css를 이용한 탭메뉴를 만들어주는 프로그램이다.

external css로 만들어주는 경우도 있고 internal css인 경우도 있다. 기본 charset는 utf-8으로 지정되고, 항목이동이나 추가·삭제가 매우 간단하게 되어있다. 원래 css를 많이 사용해 본 사람이나 ul, li등에 익숙한 사람이라면 “이게 뭐야~” 라고 할만큼 간단한 녀석인데, css를 이용해 탭메뉴를 만들어 보지 않은 사람이라면 아주 편하게 사용할 수 있을 것 같다.

css_tab_designer_02

템플릿이 꽤나 많은 것 처럼 보이지만, 뒷부분의 템플릿들은 거의 색상만 다른 것들이기 때문에 실제로 제공하는 템플릿은 10가지 정도로만 보면 될 것 같다. 사용자가 여러가지 템플릿을 만들어서 등록시켜놓고 여기저기에 사용한다면 재미있을 것 같다.

online resources에는 alistapart와 SimpleBits가 등록되어 있는데, 그래서 그런지 맨 첨에 나와있는 Square, Rounded 등의 템플릿은 SimpleBits에서 봤던 미니탭과 유사하다.

같은 회사에서 나온 CSS Editor인 Style Studio라는 프로그램도 있는데, 스크릿 샷만 봐서는 Top Style과 많이 비슷한것 같다. 나중에 기회가 되면 한번 사용해 봐야겠다. 해당페이지 좌측 메뉴를 보면 CSS Resources 등 여러가지 링크들을 제공하니 한번씩 들어가봐도 좋을 것 같다. 나도 조금은 알고 있는 곳들이 있는 걸 보면 CSS 고수들은 이미 다 북마크 되어 있는 링크들 일듯 ~ 으하하~