open_with
home
HOME
bedtime
Load
cruelty_free
Diary
star
Board
Character
auto_awesome
Member
favorite
Couple
Act
edit_square
Memo
cruelty_free
Link
diversity_1
Guest
♬
play_arrow
stop
password
로그인
how_to_reg
회원가입
X
레이아웃 수정
※ 입력 시 주의사항: 길이 등은 단위까지 포함해 작성해야 정상적으로 출력됩니다. (ex: px, %, vw, vh...)
가로 너비
세로 길이
블럭 정렬 방향
view_stream
세로
view_week
가로
내부 요소 정렬
가로 정렬
---
좌측
중앙
우측
세로 정렬
---
상단
중간
하단
테마
---
기본
스타일 없음(투명)
유리 재질
디지털
고딕
직접 입력
배경
외부 링크
배경 움직임 설정
※
체크하면 배경이 마우스 움직임에 따라 흔들립니다.
배경 색상 설정 시 보이지 않으니 주의!
배경 색상
배경 설정
반복 설정
반복
반복 없음
가로 반복
세로 반복
배경 위치
가로 위치
---
좌측
중앙
우측
직접 입력
세로 위치
---
상단
중간
하단
직접 입력
배경 사이즈
원본 크기
전부 보이게
채우기
배경 이동
스크롤
고정
바깥쪽 여백
자동
수동
상
하
좌
우
안쪽 여백
자동
수동
상
하
좌
우
※여백 수동 입력 시
수동으로 설정 시 상하좌우 모두 (단위 포함) 입력해야 정상 작동합니다.
테두리 설정
테두리 두께
테두리 스타일
---
실선
점선
파선
두 겹
테두리 돌출
테두리 함몰
요소 돌출
요소 함몰
테두리 색상
※
네 모서리의 테두리를 다르게 설정할 수도 있어요!
ex) 1px 3px 2px 3px 혹은 red white black pink ...
둥글기 설정
전체
※전체가 설정되어 있으면 개별 적용이 작동하지 않습니다.
↖
↗
↘
↙
스타일 직접 작성
※
color: black; background: white; 식으로 입력합니다.
몇 가지 예시
글자색 color: white; / 문자그림자 text-shadow: 2px 2px 0px black;
그라디언트 배경 background: linear-gradient(45deg, white, transparent);
원근감 있게 돌리기 transform: perspective(300px) rotate3d(0, 1, 0, 1deg);
연결 관리
※ 내부에 블럭이 존재해 연결이 불가능합니다.
등록
닫기
레이아웃 수정
※ 입력 시 주의사항: 길이 등은 단위까지 포함해 작성해야 정상적으로 출력됩니다. (ex: px, %, vw, vh...)
가로 너비
세로 길이
블럭 정렬 방향
view_stream
세로
view_week
가로
내부 요소 정렬
가로 정렬
---
좌측
중앙
우측
세로 정렬
---
상단
중간
하단
테마
---
기본
스타일 없음(투명)
유리 재질
디지털
고딕
직접 입력
배경
외부 링크
배경 움직임 설정
※
체크하면 배경이 마우스 움직임에 따라 흔들립니다.
배경 색상 설정 시 보이지 않으니 주의!
배경 색상
배경 설정
반복 설정
반복
반복 없음
가로 반복
세로 반복
배경 위치
가로 위치
---
좌측
중앙
우측
직접 입력
세로 위치
---
상단
중간
하단
직접 입력
배경 사이즈
원본 크기
전부 보이게
채우기
배경 이동
스크롤
고정
바깥쪽 여백
자동
수동
상
하
좌
우
안쪽 여백
자동
수동
상
하
좌
우
※여백 수동 입력 시
수동으로 설정 시 상하좌우 모두 (단위 포함) 입력해야 정상 작동합니다.
테두리 설정
테두리 두께
테두리 스타일
---
실선
점선
파선
두 겹
테두리 돌출
테두리 함몰
요소 돌출
요소 함몰
테두리 색상
※
네 모서리의 테두리를 다르게 설정할 수도 있어요!
ex) 1px 3px 2px 3px 혹은 red white black pink ...
둥글기 설정
전체
※전체가 설정되어 있으면 개별 적용이 작동하지 않습니다.
↖
↗
↘
↙
스타일 직접 작성
※
color: black; background: white; 식으로 입력합니다.
몇 가지 예시
글자색 color: white; / 문자그림자 text-shadow: 2px 2px 0px black;
그라디언트 배경 background: linear-gradient(45deg, white, transparent);
원근감 있게 돌리기 transform: perspective(300px) rotate3d(0, 1, 0, 1deg);
연결 관리
※ 내부에 블럭이 존재해 연결이 불가능합니다.
등록
닫기
레이아웃 수정
※ 입력 시 주의사항: 길이 등은 단위까지 포함해 작성해야 정상적으로 출력됩니다. (ex: px, %, vw, vh...)
가로 너비
세로 길이
블럭 정렬 방향
view_stream
세로
view_week
가로
내부 요소 정렬
가로 정렬
---
좌측
중앙
우측
세로 정렬
---
상단
중간
하단
테마
---
기본
스타일 없음(투명)
유리 재질
디지털
고딕
직접 입력
배경
외부 링크
배경 움직임 설정
※
체크하면 배경이 마우스 움직임에 따라 흔들립니다.
배경 색상 설정 시 보이지 않으니 주의!
배경 색상
배경 설정
반복 설정
반복
반복 없음
가로 반복
세로 반복
배경 위치
가로 위치
---
좌측
중앙
우측
직접 입력
세로 위치
---
상단
중간
하단
직접 입력
배경 사이즈
원본 크기
전부 보이게
채우기
배경 이동
스크롤
고정
바깥쪽 여백
자동
수동
상
하
좌
우
안쪽 여백
자동
수동
상
하
좌
우
※여백 수동 입력 시
수동으로 설정 시 상하좌우 모두 (단위 포함) 입력해야 정상 작동합니다.
테두리 설정
테두리 두께
테두리 스타일
---
실선
점선
파선
두 겹
테두리 돌출
테두리 함몰
요소 돌출
요소 함몰
테두리 색상
※
네 모서리의 테두리를 다르게 설정할 수도 있어요!
ex) 1px 3px 2px 3px 혹은 red white black pink ...
둥글기 설정
전체
※전체가 설정되어 있으면 개별 적용이 작동하지 않습니다.
↖
↗
↘
↙
스타일 직접 작성
※
color: black; background: white; 식으로 입력합니다.
몇 가지 예시
글자색 color: white; / 문자그림자 text-shadow: 2px 2px 0px black;
그라디언트 배경 background: linear-gradient(45deg, white, transparent);
원근감 있게 돌리기 transform: perspective(300px) rotate3d(0, 1, 0, 1deg);
연결 관리
※ 내부에 블럭이 존재해 연결이 불가능합니다.
등록
닫기
레이아웃 수정
※ 입력 시 주의사항: 길이 등은 단위까지 포함해 작성해야 정상적으로 출력됩니다. (ex: px, %, vw, vh...)
가로 너비
세로 길이
블럭 정렬 방향
view_stream
세로
view_week
가로
내부 요소 정렬
가로 정렬
---
좌측
중앙
우측
세로 정렬
---
상단
중간
하단
테마
---
기본
스타일 없음(투명)
유리 재질
디지털
고딕
직접 입력
배경
외부 링크
배경 움직임 설정
※
체크하면 배경이 마우스 움직임에 따라 흔들립니다.
배경 색상 설정 시 보이지 않으니 주의!
배경 색상
배경 설정
반복 설정
반복
반복 없음
가로 반복
세로 반복
배경 위치
가로 위치
---
좌측
중앙
우측
직접 입력
세로 위치
---
상단
중간
하단
직접 입력
배경 사이즈
원본 크기
전부 보이게
채우기
배경 이동
스크롤
고정
바깥쪽 여백
자동
수동
상
하
좌
우
안쪽 여백
자동
수동
상
하
좌
우
※여백 수동 입력 시
수동으로 설정 시 상하좌우 모두 (단위 포함) 입력해야 정상 작동합니다.
테두리 설정
테두리 두께
테두리 스타일
---
실선
점선
파선
두 겹
테두리 돌출
테두리 함몰
요소 돌출
요소 함몰
테두리 색상
※
네 모서리의 테두리를 다르게 설정할 수도 있어요!
ex) 1px 3px 2px 3px 혹은 red white black pink ...
둥글기 설정
전체
※전체가 설정되어 있으면 개별 적용이 작동하지 않습니다.
↖
↗
↘
↙
스타일 직접 작성
※
color: black; background: white; 식으로 입력합니다.
몇 가지 예시
글자색 color: white; / 문자그림자 text-shadow: 2px 2px 0px black;
그라디언트 배경 background: linear-gradient(45deg, white, transparent);
원근감 있게 돌리기 transform: perspective(300px) rotate3d(0, 1, 0, 1deg);
연결 관리
※ 내부에 블럭이 존재해 연결이 불가능합니다.
등록
닫기
레이아웃 수정
※ 입력 시 주의사항: 길이 등은 단위까지 포함해 작성해야 정상적으로 출력됩니다. (ex: px, %, vw, vh...)
가로 너비
세로 길이
블럭 정렬 방향
view_stream
세로
view_week
가로
내부 요소 정렬
가로 정렬
---
좌측
중앙
우측
세로 정렬
---
상단
중간
하단
테마
---
기본
스타일 없음(투명)
유리 재질
디지털
고딕
직접 입력
배경
외부 링크
배경 움직임 설정
※
체크하면 배경이 마우스 움직임에 따라 흔들립니다.
배경 색상 설정 시 보이지 않으니 주의!
배경 색상
배경 설정
반복 설정
반복
반복 없음
가로 반복
세로 반복
배경 위치
가로 위치
---
좌측
중앙
우측
직접 입력
세로 위치
---
상단
중간
하단
직접 입력
배경 사이즈
원본 크기
전부 보이게
채우기
배경 이동
스크롤
고정
바깥쪽 여백
자동
수동
상
하
좌
우
안쪽 여백
자동
수동
상
하
좌
우
※여백 수동 입력 시
수동으로 설정 시 상하좌우 모두 (단위 포함) 입력해야 정상 작동합니다.
테두리 설정
테두리 두께
테두리 스타일
---
실선
점선
파선
두 겹
테두리 돌출
테두리 함몰
요소 돌출
요소 함몰
테두리 색상
※
네 모서리의 테두리를 다르게 설정할 수도 있어요!
ex) 1px 3px 2px 3px 혹은 red white black pink ...
둥글기 설정
전체
※전체가 설정되어 있으면 개별 적용이 작동하지 않습니다.
↖
↗
↘
↙
스타일 직접 작성
※
color: black; background: white; 식으로 입력합니다.
몇 가지 예시
글자색 color: white; / 문자그림자 text-shadow: 2px 2px 0px black;
그라디언트 배경 background: linear-gradient(45deg, white, transparent);
원근감 있게 돌리기 transform: perspective(300px) rotate3d(0, 1, 0, 1deg);
연결 관리
※ 연결된 요소가 존재하면 구조 추가가 불가능해집니다.
타입
연결 없음
직접 입력(html)
텍스트
게시판
페이지
슬라이더
이미지
시계
디데이
최신글
링크
직접 입력
텍스트 연결
폰트
스타일
일반
두껍게
기울게
두껍고 기울게
스타일 직접 지정
게시판 연결
--게시판중 선택--
Link
main
Load
Diary
memo
Guest
Board
member
couple
페이지 연결
--페이지중 선택--
배너
이미지 슬라이더
--게시판중 선택--
Link
main
Load
Diary
memo
Guest
Board
member
couple
※연결할 게시판을 선택해주세요. 출력 수
※ 기본 5개
단일 이미지 연결
외부 링크
이미지 위치
---
좌측
중앙
우측
직접 입력
---
좌측
중앙
우측
직접 입력
이미지 사이즈
원본 크기
전부 보이게
채우기
시계 연결
※두 블럭 이상 연결하면 오류가 발생합니다.
출력형태 예시
날짜
년도
year = 2023 / yy = 23
월
monthname = 5월 / monthnum = 05 / mnum = 5
일
dayname = 목요일 / daynum = 08 / dnum = 8
시간
오전/오후
AMPM
시간
hours = 18 / 12hours = 6
분
minutes
초
seconds
예
year년 monthnum월 dnum일 dayname
-> 2023년 05월 8일 목요일
12hours :: minutes :: seconds :: AMPM
-> 7 :: 24 :: 31 :: AM
시계 정렬
---
좌측
중앙
우측
―― 1열 ――
날짜 출력 형태
시간 출력 형태
출력 스타일
---
크게
중간
작게
스타일 직접 지정
―― 2열 ――
날짜 출력 형태
시간 출력 형태
출력 스타일
---
크게
중간
작게
스타일 직접 지정
―― 3열 ――
날짜 출력 형태
시간 출력 형태
출력 스타일
---
크게
중간
작게
스타일 직접 지정
디데이 리스트
디데이 정렬
---
좌측
중앙
우측
―― 1열 ――
디데이 명
날짜
1일부터 시작
―― 2열 ――
디데이 명
날짜
1일부터 시작
―― 3열 ――
디데이 명
날짜
1일부터 시작
―― 4열 ――
디데이 명
날짜
1일부터 시작
최신글 연결
스킨명
※ 비어있을 땐 basic스킨으로 출력됩니다.
출력 갯수
※ 기본 10개
제외 게시판
※게시판 테이블명을 입력합니다. 띄어쓰기 없이 ,(반점, 쉼표)로 구분합니다.
링크 연결
링크 스타일
---
둥글게
마름모
길게
링크 정렬
---
가로
세로
1열
링크 이름
링크 아이콘
주소
권한
---
1
2
3
4
5
6
7
8
9
10
2열
링크 이름
링크 아이콘
주소
권한
---
1
2
3
4
5
6
7
8
9
10
3열
링크 이름
링크 아이콘
주소
권한
---
1
2
3
4
5
6
7
8
9
10
4열
링크 이름
링크 아이콘
주소
권한
---
1
2
3
4
5
6
7
8
9
10
등록
닫기
최근 갱신된 글
create
Load No. 14
비나
11.03 23:50
create
Load No. 13
비나
10.31 23:14
create
Load No. 12
비나
10.31 23:14
create
Load No. 11
비나
09.30 01:38
create
Load No. 10
비나
09.30 01:38
create
Load No. 9
비나
09.30 01:37
create
Load No. 8
비나
09.30 01:37
create
Load No. 7
비나
09.30 01:37
create
Load No. 6
비나
09.30 01:31
create
Load No. 5
비나
09.30 01:25
레이아웃 수정
※ 입력 시 주의사항: 길이 등은 단위까지 포함해 작성해야 정상적으로 출력됩니다. (ex: px, %, vw, vh...)
가로 너비
세로 길이
블럭 정렬 방향
view_stream
세로
view_week
가로
내부 요소 정렬
가로 정렬
---
좌측
중앙
우측
세로 정렬
---
상단
중간
하단
테마
---
기본
스타일 없음(투명)
유리 재질
디지털
고딕
직접 입력
배경
외부 링크
배경 움직임 설정
※
체크하면 배경이 마우스 움직임에 따라 흔들립니다.
배경 색상 설정 시 보이지 않으니 주의!
배경 색상
배경 설정
반복 설정
반복
반복 없음
가로 반복
세로 반복
배경 위치
가로 위치
---
좌측
중앙
우측
직접 입력
세로 위치
---
상단
중간
하단
직접 입력
배경 사이즈
원본 크기
전부 보이게
채우기
배경 이동
스크롤
고정
바깥쪽 여백
자동
수동
상
하
좌
우
안쪽 여백
자동
수동
상
하
좌
우
※여백 수동 입력 시
수동으로 설정 시 상하좌우 모두 (단위 포함) 입력해야 정상 작동합니다.
테두리 설정
테두리 두께
테두리 스타일
---
실선
점선
파선
두 겹
테두리 돌출
테두리 함몰
요소 돌출
요소 함몰
테두리 색상
※
네 모서리의 테두리를 다르게 설정할 수도 있어요!
ex) 1px 3px 2px 3px 혹은 red white black pink ...
둥글기 설정
전체
※전체가 설정되어 있으면 개별 적용이 작동하지 않습니다.
↖
↗
↘
↙
스타일 직접 작성
※
color: black; background: white; 식으로 입력합니다.
몇 가지 예시
글자색 color: white; / 문자그림자 text-shadow: 2px 2px 0px black;
그라디언트 배경 background: linear-gradient(45deg, white, transparent);
원근감 있게 돌리기 transform: perspective(300px) rotate3d(0, 1, 0, 1deg);
연결 관리
※ 연결된 요소가 존재하면 구조 추가가 불가능해집니다.
타입
연결 없음
직접 입력(html)
텍스트
게시판
페이지
슬라이더
이미지
시계
디데이
최신글
링크
직접 입력
텍스트 연결
폰트
스타일
일반
두껍게
기울게
두껍고 기울게
스타일 직접 지정
게시판 연결
--게시판중 선택--
Link
main
Load
Diary
memo
Guest
Board
member
couple
페이지 연결
--페이지중 선택--
배너
이미지 슬라이더
--게시판중 선택--
Link
main
Load
Diary
memo
Guest
Board
member
couple
※연결할 게시판을 선택해주세요. 출력 수
※ 기본 5개
단일 이미지 연결
외부 링크
이미지 위치
---
좌측
중앙
우측
직접 입력
---
좌측
중앙
우측
직접 입력
이미지 사이즈
원본 크기
전부 보이게
채우기
시계 연결
※두 블럭 이상 연결하면 오류가 발생합니다.
출력형태 예시
날짜
년도
year = 2023 / yy = 23
월
monthname = 5월 / monthnum = 05 / mnum = 5
일
dayname = 목요일 / daynum = 08 / dnum = 8
시간
오전/오후
AMPM
시간
hours = 18 / 12hours = 6
분
minutes
초
seconds
예
year년 monthnum월 dnum일 dayname
-> 2023년 05월 8일 목요일
12hours :: minutes :: seconds :: AMPM
-> 7 :: 24 :: 31 :: AM
시계 정렬
---
좌측
중앙
우측
―― 1열 ――
날짜 출력 형태
시간 출력 형태
출력 스타일
---
크게
중간
작게
스타일 직접 지정
―― 2열 ――
날짜 출력 형태
시간 출력 형태
출력 스타일
---
크게
중간
작게
스타일 직접 지정
―― 3열 ――
날짜 출력 형태
시간 출력 형태
출력 스타일
---
크게
중간
작게
스타일 직접 지정
디데이 리스트
디데이 정렬
---
좌측
중앙
우측
―― 1열 ――
디데이 명
날짜
1일부터 시작
―― 2열 ――
디데이 명
날짜
1일부터 시작
―― 3열 ――
디데이 명
날짜
1일부터 시작
―― 4열 ――
디데이 명
날짜
1일부터 시작
최신글 연결
스킨명
※ 비어있을 땐 basic스킨으로 출력됩니다.
출력 갯수
※ 기본 10개
제외 게시판
※게시판 테이블명을 입력합니다. 띄어쓰기 없이 ,(반점, 쉼표)로 구분합니다.
링크 연결
링크 스타일
---
둥글게
마름모
길게
링크 정렬
---
가로
세로
1열
링크 이름
링크 아이콘
주소
권한
---
1
2
3
4
5
6
7
8
9
10
2열
링크 이름
링크 아이콘
주소
권한
---
1
2
3
4
5
6
7
8
9
10
3열
링크 이름
링크 아이콘
주소
권한
---
1
2
3
4
5
6
7
8
9
10
4열
링크 이름
링크 아이콘
주소
권한
---
1
2
3
4
5
6
7
8
9
10
등록
닫기
레이아웃 수정
※ 입력 시 주의사항: 길이 등은 단위까지 포함해 작성해야 정상적으로 출력됩니다. (ex: px, %, vw, vh...)
가로 너비
세로 길이
블럭 정렬 방향
view_stream
세로
view_week
가로
내부 요소 정렬
가로 정렬
---
좌측
중앙
우측
세로 정렬
---
상단
중간
하단
테마
---
기본
스타일 없음(투명)
유리 재질
디지털
고딕
직접 입력
배경
외부 링크
배경 움직임 설정
※
체크하면 배경이 마우스 움직임에 따라 흔들립니다.
배경 색상 설정 시 보이지 않으니 주의!
배경 색상
배경 설정
반복 설정
반복
반복 없음
가로 반복
세로 반복
배경 위치
가로 위치
---
좌측
중앙
우측
직접 입력
세로 위치
---
상단
중간
하단
직접 입력
배경 사이즈
원본 크기
전부 보이게
채우기
배경 이동
스크롤
고정
바깥쪽 여백
자동
수동
상
하
좌
우
안쪽 여백
자동
수동
상
하
좌
우
※여백 수동 입력 시
수동으로 설정 시 상하좌우 모두 (단위 포함) 입력해야 정상 작동합니다.
테두리 설정
테두리 두께
테두리 스타일
---
실선
점선
파선
두 겹
테두리 돌출
테두리 함몰
요소 돌출
요소 함몰
테두리 색상
※
네 모서리의 테두리를 다르게 설정할 수도 있어요!
ex) 1px 3px 2px 3px 혹은 red white black pink ...
둥글기 설정
전체
※전체가 설정되어 있으면 개별 적용이 작동하지 않습니다.
↖
↗
↘
↙
스타일 직접 작성
※
color: black; background: white; 식으로 입력합니다.
몇 가지 예시
글자색 color: white; / 문자그림자 text-shadow: 2px 2px 0px black;
그라디언트 배경 background: linear-gradient(45deg, white, transparent);
원근감 있게 돌리기 transform: perspective(300px) rotate3d(0, 1, 0, 1deg);
연결 관리
※ 연결된 요소가 존재하면 구조 추가가 불가능해집니다.
타입
연결 없음
직접 입력(html)
텍스트
게시판
페이지
슬라이더
이미지
시계
디데이
최신글
링크
직접 입력
텍스트 연결
폰트
스타일
일반
두껍게
기울게
두껍고 기울게
스타일 직접 지정
게시판 연결
--게시판중 선택--
Link
main
Load
Diary
memo
Guest
Board
member
couple
페이지 연결
--페이지중 선택--
배너
이미지 슬라이더
--게시판중 선택--
Link
main
Load
Diary
memo
Guest
Board
member
couple
※연결할 게시판을 선택해주세요. 출력 수
※ 기본 5개
단일 이미지 연결
외부 링크
이미지 위치
---
좌측
중앙
우측
직접 입력
---
좌측
중앙
우측
직접 입력
이미지 사이즈
원본 크기
전부 보이게
채우기
시계 연결
※두 블럭 이상 연결하면 오류가 발생합니다.
출력형태 예시
날짜
년도
year = 2023 / yy = 23
월
monthname = 5월 / monthnum = 05 / mnum = 5
일
dayname = 목요일 / daynum = 08 / dnum = 8
시간
오전/오후
AMPM
시간
hours = 18 / 12hours = 6
분
minutes
초
seconds
예
year년 monthnum월 dnum일 dayname
-> 2023년 05월 8일 목요일
12hours :: minutes :: seconds :: AMPM
-> 7 :: 24 :: 31 :: AM
시계 정렬
---
좌측
중앙
우측
―― 1열 ――
날짜 출력 형태
시간 출력 형태
출력 스타일
---
크게
중간
작게
스타일 직접 지정
―― 2열 ――
날짜 출력 형태
시간 출력 형태
출력 스타일
---
크게
중간
작게
스타일 직접 지정
―― 3열 ――
날짜 출력 형태
시간 출력 형태
출력 스타일
---
크게
중간
작게
스타일 직접 지정
디데이 리스트
디데이 정렬
---
좌측
중앙
우측
―― 1열 ――
디데이 명
날짜
1일부터 시작
―― 2열 ――
디데이 명
날짜
1일부터 시작
―― 3열 ――
디데이 명
날짜
1일부터 시작
―― 4열 ――
디데이 명
날짜
1일부터 시작
최신글 연결
스킨명
※ 비어있을 땐 basic스킨으로 출력됩니다.
출력 갯수
※ 기본 10개
제외 게시판
※게시판 테이블명을 입력합니다. 띄어쓰기 없이 ,(반점, 쉼표)로 구분합니다.
링크 연결
링크 스타일
---
둥글게
마름모
길게
링크 정렬
---
가로
세로
1열
링크 이름
링크 아이콘
주소
권한
---
1
2
3
4
5
6
7
8
9
10
2열
링크 이름
링크 아이콘
주소
권한
---
1
2
3
4
5
6
7
8
9
10
3열
링크 이름
링크 아이콘
주소
권한
---
1
2
3
4
5
6
7
8
9
10
4열
링크 이름
링크 아이콘
주소
권한
---
1
2
3
4
5
6
7
8
9
10
등록
닫기
arrow_upward