WEB

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 고수들은 이미 다 북마크 되어 있는 링크들 일듯 ~ 으하하~
 


"CSS로 tab 메뉴 쉽게 만들기"에 대한 응답 : 11개

  1. 쿠키님 책임지세요.
    tux님 댁에 남겨놓으신 링크가 kuki.net 으로 되어있어서
    야사리한 여성분들이 거주하시는 사이트로 들어가버렸습니다. ㅡㅡ;;;
    미워요.

  2. 동치미/
    DVD건은 없었던걸로 해줄까 -_)+
    엘다/
    지금 후니님 블로그로 접속하면 엘다님 블로그로 연결되네요 @_@
    일모니/
    그랬군요.. 흠

  3. 나두 알어 -0-) 장난친그다 임마~
    나는 이제사 다모 보느라 바빠~
    예전에 4편까지 밖에 못봐서.. 엊그제 다시 4편까지 또 보구 그 뒷편들 보는 중.. 바빠바빠..
    아참 오늘 DVD 뜰라구 했드만.. 깜박했넹..

답글 남기기