네비게이션 메뉴 패턴 4) 세로 slide 형

1-4_세로 slide 메뉴바.zip

0.20MB

세로 바 패턴의 메뉴 바 입니다.

 

< html 필수참조사항 >

1-1 일반 메뉴바 html구조와 100%동일합니다.

 

< CSS 필수참조사항 >

세로 바 패턴에 맞춰야 합니다. 가로폭의 경우는 logo사이즈에 맞춰 제작해야 합니다.

어떤 패턴 9,10의 경우는 로고 사이즈의 값이 200*40으로 되어 있습니다.

그러므로 가로 폭은 무조건 200이어야 합니다.

단, 11,12패턴은 종횡비를 유지하면 사이즈를 줄일 수 있습니다. 

 

header영역에만 float:left; 속성이 붙습니다. 

그리고 .mainmenu li의 사이즈는 유동적으로 변화해야 하므로,

height속성을 입력하지 않습니다.

 

< javascript 필수참조사항 >

1-3_개별 메뉴바의 스크립트 구조를 사용합니다.