시작이 반이라고 했지만...
항상 위에서 으흠...하고 앉으면 몇시간동안...
그대로...얼음이네요...
이리 저리 회원님들의 사이트들을 방문을 하고 구경을 하다가
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 )도 비슷한 메뉴를 쓰시는것 같던데....