위젯 갤러리 — 카운트다운 타이머

미리보기

미리보기 화면은 참고용입니다. 실제 화면은 코드를 적용하여 확인해주세요.

디자인 프리셋

기본 설정

마감 일시 (YYYY-MM-DD HH:MM:SS)

타이틀 문구

보조 문구 사용

마감 후 문구

기능 옵션

마감문구 사용

마감문구를 사용하면 카운트다운이 종료된 후 타이머 아래에 마감문구가 함께 표시됩니다. 마감문구 표시를 위해 위젯 세로 사이즈가 자동 조절됩니다.

단위 한글 표시 (일,시,분,초)

스타일 설정

위젯 배경색

타이틀 색상

숫자 박스 색상

숫자 텍스트 색상

단위 색상

보조 문구 색상

마감 문구 색상

타이틀 크기 (px)

타이틀 굵기 — 600

보조문구 크기 (px)

보조문구 굵기 — 400

숫자 크기 (px)

숫자 굵기 — 700

단위 크기 (px)

단위 굵기 — 500

마감문구 크기 (px)

마감문구 굵기 — 600

모바일 환경에서 폰트크기는 반응형으로 자동 조절됩니다.

요소 간격 (px) — 타이틀/타이머/보조문구 간격

16px

카드 간격 (px) — 일·시·분·초 사이 간격

10px

배경 모서리 둥글기 (px) — 위젯 배경

카드 모서리 둥글기 (px) — 타이머 카드

8px

퍼블 코드블럭에 붙여넣기

생성된 iframe 코드

1. 위 코드를 복사하세요
2. 퍼블 편집기에서 코드블럭을 추가하세요
3. 코드블럭 안에 붙여넣으세요