NULI:널리 공유하는 웹 표준화 가이드

  • UIO Factory
  • 코딩컨벤션
  • 웹 접근성
  • 블로그

Popup 적용 가이드

  • 네이버 서비스의 팝업은 아래의 형식을 갖습니다.
  • 크게 기본형, 도움말 및 안내형, 이벤트형 으로 구분되어 있습니다.
  • 문서형은 HTML 4.01 Transitional이며 XHTML으로 변환하는 경우 문법에 유의하고 Quirks Mode로 전환하는 경우 간격의 변화에 유의해 주세요.
  • 도움말 및 안내형의 라운딩 박스 표현에는 1개의 배경이미지 를 이용하였으며 최대 960*600 크기까지 상하좌우 가변폭에 대응 가능 합니다.
  • 도움말 및 안내형 팝업의 경우 팝업창의 너비와 높이를 고정하지 않으면 IE 버그로 인하여 라운딩 박스 표현이 불가능 합니다.
  • </head>~<body> 사이에 팝업의 크기를 주석으로 표시해주면 팝업 스크립트 작업에 도움이 됩니다.
  • 디자인 가이드 Intranet가 존재하므로 참고해 주시기 바랍니다.

팝업 목록

  • 기본형 - Green
  • 기본형 - Gray
  • 기본형 - Silver
  • 기본형 - 약관
  • 도움말 및 안내형 1
  • 도움말 및 안내형 2
  • 도움말 및 안내형 3
  • 이벤트형 1

기본형 - Green

새창으로보기 ▲Top

기본형 - Gray

새창으로보기 ▲Top

기본형 - Silver

새창으로보기 ▲Top

기본형 - 약관

새창으로보기 ▲Top

도움말 및 안내형 1

새창으로보기 ▲Top

도움말 및 안내형 2

새창으로보기 ▲Top

도움말 및 안내형 3

새창으로보기 ▲Top

이벤트형 1

새창으로보기 ▲Top
작성자 :
정찬명
작성일 :
2007년 12월 27일

Categories

NULI 블로그 (99)
  • HTML/ CSS (34)
  • 크로스브라우징 (16)
  • 접근성 (5)
  • 모바일 (9)
  • 네이버/ 한게임 (5)
  • 팀 이야기 (22)
  • 기술 문서 (5)
  • 발표 자료 (3)

Tags

IE 버그 IE8 접근성 센스리더 모바일 드림위버 html IE6 HTS 네이버 Firefox Dreamweaver 단축키 textyle 텍스타일 글감수집기 텍스타일에디터 스크린리더 button tip

Posts

  • 중요 표시 버튼을 접근성 있게 ...
  • 웹 표준 마크업 개발 프로세스
  • 버튼의 활성화 여부에 따른 커서...
  • 모바일 환경에서의 마크업 개발 ...
  • 모바일 웹 브라우저

Trackbacks

  • 모바일 웹 브라우저2010년 3월 ...
  • 기타도리의 생각
  • [버그검사] WindowsVista,7 +...
  • 브라우저 별 Acid3 테스트
  • 그린애플의 알림

Comments

  • 헉 이미지가 보이지 않네요 ^^
  • 여기 코멘트 폼에 레이블이 하...
  • 요즘 이런 시도가 많은 것 같...
  • Flash부분 관련 자료 링크중 잘...
  • 구체적으로 어디가 어느페이지가...
  • NAVER
  • 해피빈
  • 쥬니어네이버
  • 한게임

이 사이트는 나눔글꼴로 제작되었습니다. 설치하기

Copyright © NHN - Web Standardization Team. All Rights Reserved
  • Valid XHTML 1.0