2014년 8월 14일 현재 이 글에서 소개하는 사이트는 얼마 전부터 유료로 전환되었습니다. 따라서 메뉴 빌더를 사용하려면 비용을 지불해야 합니다. 하지만 이미 완성되어 있는 CSS 메뉴는 원본 다운로드가 가능하니, CSS를 수정할 수 있는 사용자라면 완성된 메뉴 파일을 다운로드하면 됩니다.
홈페이지 상단의 Menus 메뉴에서 만들고자 하는 메뉴 형태를 선택합니다.
Menus - Responsive 메뉴를 선택하면 다음과 같은 화면이 나타납니다. CSS MenuMaker 사이트에서 제공하는 반응형 메뉴는 다음과 같습니다. 총 6개의 메뉴를 지원하고 있는데요. 각 메뉴마다 표시되어 있는 우측 하단의 No Submenus, 1 Submenu, 2 Submenus는 해당 메뉴에서 지원하는 서브메뉴 단계를 의미합니다. No Submenus는 서브메뉴를 지원하지 않는다는 것을 의미하고, 1 Submenu는 1단계, 2 Submenus는 2단계까지의 서브메뉴를 지원한다는 것을 의미합니다.
CSS MenuMaker에서 기본적으로 제공하고 있는 CSS 반응형 메뉴 목록입니다.
위에서 본인이 만들고자하는 메뉴를 선택하면 다음과 같은 화면이 나타납니다. 여기에서 본인이 선택한 메뉴가 어떠한지 미리 확인을 한 후에, 아래쪽에 있는 Build / Download 버튼을 클릭하면 메뉴를 만드는 화면으로 이동할 수 있습니다. 빌드 / 다운로드 버튼 오른쪽에 있는 드림위버용 플러그인과 워드프레스용 플러그인은 직접 돈을 지불하고 구입해야 하는 유료 서비스입니다.
이 두 서비스를 이용하면 드림위버와 워드프레스에서 매우 쉽게 메뉴를 만들 수 있다고 합니다. CSS MenuMaker 사이트에 직접 접속할 필요 없이 드림위버 또는 워드프레스에서 직접 메뉴를 만들 수 있기 때문에 매우 편리하겠죠.
온라인 빌더를 사용하여 CSS 메뉴를 인터넷에서 직접 수정할 수 있습니다.
위에서 Build Online 버튼을 누르면 다음과 같이 메뉴 항목을 설정하는 화면이 나타납니다. CSS MenuMaker는 사용자의 편리성을 위하여 메뉴를 매우 쉽게 만들 수 있게 해주는 100% GUI 환경을 제공합니다. 우측 하단 스크린을 통해서 사용자는 각 메뉴 항목이 본인이 선택한 메뉴에 어떻게 적용이 되는지 실시간으로 확인할 수도 있습니다. 사용자가 직접 복잡한 소스코드를 입력할 필요 없이, CSS MenuMaker는 완전한 GUI(그래픽 사용자 인터페이스) 환경을 제공하기 때문에, 사용자는 매우 간단하면서도 쉽고 빠르게 고급스러운 메뉴를 만들 수 있습니다.
'소프트웨어&사이트' 카테고리의 다른 글
| 무료로 학습 할 수 있는 유용한 사이트 홈런(homelearn) (0) | 2016.07.03 |
|---|---|
| 해외 개발자 채용 인터뷰 기출문제 (0) | 2016.05.14 |
| 와이어프레임 (0) | 2016.01.21 |
| 아이폰 배경화면 무료로 받을 수 있는 사이트 (0) | 2016.01.15 |
| 무료 이미지를 다운 받자 freepik (0) | 2015.12.30 |