Layer 적용 가이드
- 기본형
- 네이버 서비스의 공통 레이어 입니다.
- HTML 4.01 Transitional 기준으로 작성되었으나 DTD변경이 가능하며 약간의 디버깅이 필요할 수 있습니다.
- 콘텐츠의 양에 따라 가변적인 크기를 지닐 수 있으며 크기를 고정 할 수도 있습니다.
- 레이어의 상자 크기를 고정하려면 .layer_popup 영역에 inline style 형식으로 너비 또는 너비와 높이를 기재 합니다.
- <!-- Layer Content --> 이 주석은 편집 가능한 영역 입니다.
- 그림자 표현시 표준계열 브라우저(FF, OP, SF)에서는 반투명 PNG 배경과 .shadow 라는 클래스를 활용하지만 IE 5.5~7 계열은 .shadow 클래스를 활용하지 않고 IE전용 shadow filter 를 사용합니다.
- 말풍선
- 네이버 서비스의 공통 말풍선 입니다.
- HTML 4.01 Transitional 기준으로 작성되었으나 DTD변경이 가능하며 약간의 디버깅이 필요할 수 있습니다.
- 콘텐츠의 양에 따라 가변적인 크기를 지닐 수 있으며 크기를 고정 할 수도 있습니다.
- 말풍선의 상자 크기를 고정하려면 .layer_content 영역에 inline style 형식으로 너비 또는 너비와 높이를 기재 합니다.
- .layer_content 영역에 최대 397*298 까지 너비와 높이 지정이 가능하며, 이때 실제 뷰는 400*300 이 됩니다.
- <!-- It's up to you --> 이 주석은 풍선도움말의 내부 콘텐츠를 표현하기 위하여 표시된 영역 입니다.
- <!-- Do not delete this comment. It's hack for IE6 --> 이 주석을 삭제하면 IE6에서 바르게 렌더링 하지 않습니다.
- 반투명 그림자가 사용되었으며 표준계열 브라우저(FF, OP, SF, IE7)는 이것을 배경으로 처리, IE 5.5~6은 AlphaImageLoader filter 를 사용합니다.
- 말풍선 꼭지의 수직·수평 정렬을 중앙으로 맞추려면 arrow + (top, bottom) + center 또는 arrow + (left, right) + middle 형식으로 다중 선택자를 추가 조합시킵니다.
레이어 목록
Comments