늘 ㅋㅋㅋ 사이트 개발은 메뉴에서 막히는것 같네요 ㅠㅠ
시작이 반이라고 했지만...
항상 위에서 으흠...하고 앉으면 몇시간동안...
그대로...얼음이네요...
이리 저리 회원님들의 사이트들을 방문을 하고 구경을 하다가
toria.tv님의 사이트를 봤어요. 진짜 이쁘더라구요
구글링을 해보았지만 비슷한 샘플 찾기도 힘들더군요 ㅎ
혹시 아시는분들 있으시면 ㅎ 도움의 조언을 부탁드릴게여 ~~~
항상 위에서 으흠...하고 앉으면 몇시간동안...
그대로...얼음이네요...
이리 저리 회원님들의 사이트들을 방문을 하고 구경을 하다가
toria.tv님의 사이트를 봤어요. 진짜 이쁘더라구요
구글링을 해보았지만 비슷한 샘플 찾기도 힘들더군요 ㅎ
혹시 아시는분들 있으시면 ㅎ 도움의 조언을 부탁드릴게여 ~~~
|
댓글을 작성하시려면 로그인이 필요합니다.
댓글 12개
아래로 내려가고 올라가고 ㅎㅎ
완전 분석 한건 아니지만 해당 사이트는 메뉴를 두 그룹으로 만들어서 컨트롤 하는것 같습니다.
방법은 좀 틀리겠지만 개인적인 아이디어는 스타일 베이스를 두개 만들어두고 자바스크립트로 id나 class명 조정으로 가능할것 같습니다.
ex)
<ul id="nav" class="normal"> <- 자바 스크립트로 class="list" 변경
<li><a href="#">메뉴1</a>
<ul>
<li>서버메뉴1-1</li>
<li>서버메뉴1-2</li>
<li>서버메뉴1-3</li>
</ul></li>
<li><a href="#">메뉴2</a>
<ul>
<li>서버메뉴2-1</li>
<li>서버메뉴2-2</li>
<li>서버메뉴2-3</li>
</ul></li>
</ul>
#nav{list-style:none;}
...
/* nomal */
#nav.normal li ul {flot:left width:100%} or {display:inline}
...
hover 메뉴 or active 메뉴이외는 히든으로 숨김처리
/* full list */
#nav.list li ul {width:100px}
...
width값을 조정해서 할것 같습니다 ㄷㄷ
메뉴는 비슷하게 만들어 보세요....ㅎㅎ
전에 보니 팡야님( http://oror.kr )도 비슷한 메뉴를 쓰시는것 같던데....