CSS로 tab 메뉴 쉽게 만들기

CSS Tab Designer를 설치해보았다.

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

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

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

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

 

 

#

목록으로Web Tech