4월 28일

좌측사이드바메뉴만들기 (left-side-bar > .menu-box-1 > .... ) 

1.사이드바 기본설정(배경색,위치,넓이,높이)
2.사이드바:hover (왼쪽으로 넣었다가 마우스를 올리면 오른쪽으로 나오게끔)
3.사이드바에 transition (마우스 올렸을 때만 지연효과를 넣고 싶다면 hover를 넣은 식에 적용, 

                               평소에도 지연효과를 넣고 싶다면 left-side-bar에 바로 적용)

 

좌측사이드바-상태아이콘
1.left-side-bar의 아들icon-status
2.span에 화살표 두개설정
3.span 오른쪽에 위치하도록
4.span의 first, last-child hover와 display:none 설정

 

좌측사이드바-메뉴박스1
1.html 2차메뉴까지 만들어놓기
2.독자가 아닌 메뉴는 [+]
3.[+]를 먹은 메뉴는 hover를 입혀 [-]로

 

***-> ul ul { position:absolute }
***- ul > li { position:relative }