답글 : CSS Vertical Navigation Bar. http://naradesign.net/wp/2010/03/10/1212/ 웹표준, 웹접근성, 유니버설디자인, HTML, CSS, UI, UX, UD Wed, 23 May 2012 04:32:04 +0000 hourly 1 http://wordpress.org/?v=3.3.2 김지만가 만듬 http://naradesign.net/wp/2010/03/10/1212/comment-page-1/#comment-54597 김지만 Mon, 07 Nov 2011 05:21:53 +0000 http://naradesign.net/wp/2010/03/10/1212/#comment-54597 대매뉴도 롤오버하면 색깔변경하고 싶은데 어떻게 해야할지 잘 이해가 안갑니다. 어떻게하면 해야할까요? 대매뉴도 롤오버하면 색깔변경하고 싶은데 어떻게 해야할지 잘 이해가 안갑니다.

어떻게하면 해야할까요?

]]> 정찬명가 만듬 http://naradesign.net/wp/2010/03/10/1212/comment-page-1/#comment-53291 정찬명 Fri, 17 Jun 2011 00:35:57 +0000 http://naradesign.net/wp/2010/03/10/1212/#comment-53291 @정진택 이 정도 문제는 직접 해결하실 수 있을꺼라 믿습니다. IE 6~7도 함께 확인해 보세요. ^^ @정진택
이 정도 문제는 직접 해결하실 수 있을꺼라 믿습니다. IE 6~7도 함께 확인해 보세요. ^^

]]> 정진택가 만듬 http://naradesign.net/wp/2010/03/10/1212/comment-page-1/#comment-53223 정진택 Tue, 14 Jun 2011 04:15:35 +0000 http://naradesign.net/wp/2010/03/10/1212/#comment-53223 아 내용을 한가지 빼먹었네요,, ie8에서만 그런 현상이 일어나네요 ㅠㅠ 아 내용을 한가지 빼먹었네요,,
ie8에서만 그런 현상이 일어나네요 ㅠㅠ

]]> 정진택가 만듬 http://naradesign.net/wp/2010/03/10/1212/comment-page-1/#comment-53221 정진택 Tue, 14 Jun 2011 02:24:54 +0000 http://naradesign.net/wp/2010/03/10/1212/#comment-53221 최상위 메뉴 간 사이의 공백을 넣으려면 .vNav ul li{margin-bottom:5px;}을 넣어주는게 맞겠죠? 이렇게 넣어보니 메뉴가 닫힐때 margin영역가지 까지 접혀 버려 딱 달라붙더라구요 이 공백을 보존 하려면 어떻게 해야될까요 최상위 메뉴 간 사이의 공백을 넣으려면
.vNav ul li{margin-bottom:5px;}을 넣어주는게 맞겠죠?

이렇게 넣어보니 메뉴가 닫힐때
margin영역가지 까지 접혀 버려 딱 달라붙더라구요
이 공백을 보존 하려면 어떻게 해야될까요

]]> 강희창가 만듬 http://naradesign.net/wp/2010/03/10/1212/comment-page-1/#comment-51508 강희창 Fri, 01 Oct 2010 07:28:04 +0000 http://naradesign.net/wp/2010/03/10/1212/#comment-51508 4단계까지는 아니고 3단계만 추가하면 되는건데, 간단한 것만은 아니었군요. ^^ jquery를 하기에는 js만 아주 조금 아는 상태라서 아직은 내공이 부족한거 같네요. 트리구조를 이용해서 해봐야겠습니다. 좋은 답변과 좋은 예제를 주셔서 너무나 감사합니다. 많은 도움이 되었습니다. 4단계까지는 아니고 3단계만 추가하면 되는건데, 간단한 것만은 아니었군요. ^^

jquery를 하기에는 js만 아주 조금 아는 상태라서 아직은 내공이 부족한거 같네요.

트리구조를 이용해서 해봐야겠습니다.

좋은 답변과 좋은 예제를 주셔서 너무나 감사합니다.

많은 도움이 되었습니다.

]]> 정찬명가 만듬 http://naradesign.net/wp/2010/03/10/1212/comment-page-1/#comment-51504 정찬명 Thu, 30 Sep 2010 16:11:15 +0000 http://naradesign.net/wp/2010/03/10/1212/#comment-51504 @강희창 3, 4 단계까지 구현해야 한다면 이 예제보다 Tree 구조 예제를 사용하시는 편이 좋을것 같습니다. http://naradesign.net/ouif/uio/navigation/vertical/tree/xhtml.html 물론 CSS/JS를 추가로 수정해서 사용하셔야 하는데 JS를 수정하시려면 jQuery에 대해서 조금만 공부를 해보시면 가능하실껍니다. @강희창
3, 4 단계까지 구현해야 한다면 이 예제보다 Tree 구조 예제를 사용하시는 편이 좋을것 같습니다.
http://naradesign.net/ouif/uio/navigation/vertical/tree/xhtml.html
물론 CSS/JS를 추가로 수정해서 사용하셔야 하는데 JS를 수정하시려면 jQuery에 대해서 조금만 공부를 해보시면 가능하실껍니다.

]]> 강희창가 만듬 http://naradesign.net/wp/2010/03/10/1212/comment-page-1/#comment-51502 강희창 Thu, 30 Sep 2010 13:09:15 +0000 http://naradesign.net/wp/2010/03/10/1212/#comment-51502 정말 멋진 소스에 감탄하고 갑니다. 질문사항이 있는데 이거 응용해서 3뎁스, 4뎁스도 가능하게 할려면 js를 어떻게 수정해야 하나요? js는 간단한것 밖에 볼 줄 몰라서 어렵기만 합니다. 메일로 보내주시면 정말 감사할거 같아요. chocobo앳nate.com 정말 멋진 소스에 감탄하고 갑니다.
질문사항이 있는데 이거 응용해서 3뎁스, 4뎁스도 가능하게 할려면 js를 어떻게 수정해야 하나요? js는 간단한것 밖에 볼 줄 몰라서 어렵기만 합니다.

메일로 보내주시면 정말 감사할거 같아요. chocobo앳nate.com

]]> 정찬명가 만듬 http://naradesign.net/wp/2010/03/10/1212/comment-page-1/#comment-51490 정찬명 Wed, 29 Sep 2010 09:38:55 +0000 http://naradesign.net/wp/2010/03/10/1212/#comment-51490 @심라 아주 간단하면서도 멋진 해결책 고맙습니다. 코드에 반영 했습니다. 이제 서브메뉴가 없는 경우 직접 URL 이동할 수 있게 되었네요. ^^b @심라
아주 간단하면서도 멋진 해결책 고맙습니다. 코드에 반영 했습니다. 이제 서브메뉴가 없는 경우 직접 URL 이동할 수 있게 되었네요. ^^b

]]> 심라가 만듬 http://naradesign.net/wp/2010/03/10/1212/comment-page-1/#comment-51489 심라 Wed, 29 Sep 2010 08:55:46 +0000 http://naradesign.net/wp/2010/03/10/1212/#comment-51489 @익명,@정찬명 서브메뉴가 없는 메뉴는 바로 이동하려면 다음과 같이 하면 되지 않을까요? sItem.find(']a').click(sMenuToggle).focus(sMenuToggle); 을 sItem.find(']a[href=#]').click(sMenuToggle).focus(sMenuToggle); 처럼 즉, href="#" 인경우만 클릭이벤트를 등록하는거죠. @익명,@정찬명
서브메뉴가 없는 메뉴는 바로 이동하려면 다음과 같이 하면 되지 않을까요?
sItem.find(‘]a’).click(sMenuToggle).focus(sMenuToggle); 을
sItem.find(‘]a[href=#]‘).click(sMenuToggle).focus(sMenuToggle); 처럼
즉, href=”#” 인경우만 클릭이벤트를 등록하는거죠.

]]> 익명가 만듬 http://naradesign.net/wp/2010/03/10/1212/comment-page-1/#comment-51251 익명 Mon, 06 Sep 2010 14:43:54 +0000 http://naradesign.net/wp/2010/03/10/1212/#comment-51251 jquery accordian 메뉴의 width만 줄이면 이거랑 똑같긴하네요 쿨럭!! jquery accordian 메뉴의 width만 줄이면 이거랑 똑같긴하네요 쿨럭!!

]]>