CITY
open_with
load
pic
croquis
watching
game
text
song
guest book
link
♬
play_arrow
stop
password
로그인
how_to_reg
회원가입
X
짧은 글과 읽었던 책 글귀들 아카이빙
목록 편집
위 요소를 누르면 편집용 강조 표시가 on/off 됩니다.
레이아웃 수정
PC
기본
숨기기
모바일
기본
무조건 보이기
무조건 숨기기
※ 입력 시 주의사항: 길이 등은 단위까지 포함해 작성해야 정상적으로 출력됩니다. (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)
텍스트
게시판
페이지
슬라이더
이미지
시계
디데이
최신글
링크
직접 입력
텍스트 연결
폰트
스타일
일반
두껍게
기울게
두껍고 기울게
스타일 직접 지정
게시판 연결
--게시판중 선택--
load
stamp
pic
memo
자캐
text
데일리유투브
song
schedule
다꾸일정
croquis
13
watching
schedule
pic1
pic
이쁜거
팁
사이트 주소
그림공부
크로키공부
일기
TRPG
다꾸보드
글
텍스트
다이어리
만화,책
메인
독서
게임
식단
글
뎀뇽 아카이브
페이지 연결
--페이지중 선택--
main(노출되지 않음)
아카이브
이미지 슬라이더
--게시판중 선택--
load
stamp
pic
memo
자캐
text
데일리유투브
song
schedule
다꾸일정
croquis
13
watching
schedule
pic1
pic
이쁜거
팁
사이트 주소
그림공부
크로키공부
일기
TRPG
다꾸보드
글
텍스트
다이어리
만화,책
메인
독서
게임
식단
글
뎀뇽 아카이브
※연결할 게시판을 선택해주세요.
출력 수
※ 기본 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열 ――
날짜 출력 형태
시간 출력 형태
출력 스타일
크기 없음
큰 글씨
중간 글씨
작은 글씨
서체 없음
---고딕체---
프리텐다드
---손글씨---
노회찬체
둘기마요
---명조체---
조선굵은명조
바른바탕체
---장식체---
촵땡겨체
기후위기
---픽셀체---
비트비트체
스타일 없음
굵게
기울게
굵고 기울게
스타일 직접 지정
출력 형태 미리보기
11:22:33
2023년 10월 16일
―― 2열 ――
날짜 출력 형태
시간 출력 형태
출력 스타일
크기 없음
큰 글씨
중간 글씨
작은 글씨
서체 없음
---고딕체---
프리텐다드
---손글씨---
노회찬체
둘기마요
---명조체---
조선굵은명조
바른바탕체
---장식체---
촵땡겨체
기후위기
---픽셀체---
비트비트체
스타일 없음
굵게
기울게
굵고 기울게
스타일 직접 지정
출력 형태 미리보기
11:22:33
2023년 10월 16일
―― 3열 ――
날짜 출력 형태
시간 출력 형태
출력 스타일
크기 없음
큰 글씨
중간 글씨
작은 글씨
서체 없음
---고딕체---
프리텐다드
---손글씨---
노회찬체
둘기마요
---명조체---
조선굵은명조
바른바탕체
---장식체---
촵땡겨체
기후위기
---픽셀체---
비트비트체
스타일 없음
굵게
기울게
굵고 기울게
스타일 직접 지정
출력 형태 미리보기
11:22:33
2023년 10월 16일
디데이 리스트
디데이 정렬
---
좌측
중앙
우측
―― 1열 ――
디데이 명
날짜
1일부터 시작
―― 2열 ――
디데이 명
날짜
1일부터 시작
―― 3열 ――
디데이 명
날짜
1일부터 시작
―― 4열 ――
디데이 명
날짜
1일부터 시작
최신글 연결
스킨명
※ 비어있을 땐 latest_main(기본)스킨으로 출력됩니다.
출력 갯수
※ 기본 10개
제외 게시판
※게시판 테이블명을 입력합니다. 띄어쓰기 없이 ,(반점, 쉼표)로 구분합니다.
함수 직접 입력
사용
함수 입력 주의 사항
함수명(조건1, 조건2, 조건3) 형식으로 입력합니다.
조건과 조건 사이는 반드시 반점과 띄어쓰기로 나눠주세요. (띄어쓰기 필수)
조건 내부에서 반점을 쓸 때는 띄어쓰기를 사용하지 말아주세요. (ex. p1,p2,p3)
링크 연결
링크 스타일
---
둥글게
마름모
길게
링크 정렬
---
가로
세로
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
등록
닫기
레이아웃 수정
PC
기본
숨기기
모바일
기본
무조건 보이기
무조건 숨기기
※ 입력 시 주의사항: 길이 등은 단위까지 포함해 작성해야 정상적으로 출력됩니다. (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)
텍스트
게시판
페이지
슬라이더
이미지
시계
디데이
최신글
링크
직접 입력
텍스트 연결
폰트
스타일
일반
두껍게
기울게
두껍고 기울게
스타일 직접 지정
게시판 연결
--게시판중 선택--
load
stamp
pic
memo
자캐
text
데일리유투브
song
schedule
다꾸일정
croquis
13
watching
schedule
pic1
pic
이쁜거
팁
사이트 주소
그림공부
크로키공부
일기
TRPG
다꾸보드
글
텍스트
다이어리
만화,책
메인
독서
게임
식단
글
뎀뇽 아카이브
페이지 연결
--페이지중 선택--
main(노출되지 않음)
아카이브
이미지 슬라이더
--게시판중 선택--
load
stamp
pic
memo
자캐
text
데일리유투브
song
schedule
다꾸일정
croquis
13
watching
schedule
pic1
pic
이쁜거
팁
사이트 주소
그림공부
크로키공부
일기
TRPG
다꾸보드
글
텍스트
다이어리
만화,책
메인
독서
게임
식단
글
뎀뇽 아카이브
※연결할 게시판을 선택해주세요.
출력 수
※ 기본 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열 ――
날짜 출력 형태
시간 출력 형태
출력 스타일
크기 없음
큰 글씨
중간 글씨
작은 글씨
서체 없음
---고딕체---
프리텐다드
---손글씨---
노회찬체
둘기마요
---명조체---
조선굵은명조
바른바탕체
---장식체---
촵땡겨체
기후위기
---픽셀체---
비트비트체
스타일 없음
굵게
기울게
굵고 기울게
스타일 직접 지정
출력 형태 미리보기
11:22:33
2023년 10월 16일
―― 2열 ――
날짜 출력 형태
시간 출력 형태
출력 스타일
크기 없음
큰 글씨
중간 글씨
작은 글씨
서체 없음
---고딕체---
프리텐다드
---손글씨---
노회찬체
둘기마요
---명조체---
조선굵은명조
바른바탕체
---장식체---
촵땡겨체
기후위기
---픽셀체---
비트비트체
스타일 없음
굵게
기울게
굵고 기울게
스타일 직접 지정
출력 형태 미리보기
11:22:33
2023년 10월 16일
―― 3열 ――
날짜 출력 형태
시간 출력 형태
출력 스타일
크기 없음
큰 글씨
중간 글씨
작은 글씨
서체 없음
---고딕체---
프리텐다드
---손글씨---
노회찬체
둘기마요
---명조체---
조선굵은명조
바른바탕체
---장식체---
촵땡겨체
기후위기
---픽셀체---
비트비트체
스타일 없음
굵게
기울게
굵고 기울게
스타일 직접 지정
출력 형태 미리보기
11:22:33
2023년 10월 16일
디데이 리스트
디데이 정렬
---
좌측
중앙
우측
―― 1열 ――
디데이 명
날짜
1일부터 시작
―― 2열 ――
디데이 명
날짜
1일부터 시작
―― 3열 ――
디데이 명
날짜
1일부터 시작
―― 4열 ――
디데이 명
날짜
1일부터 시작
최신글 연결
스킨명
※ 비어있을 땐 latest_main(기본)스킨으로 출력됩니다.
출력 갯수
※ 기본 10개
제외 게시판
※게시판 테이블명을 입력합니다. 띄어쓰기 없이 ,(반점, 쉼표)로 구분합니다.
함수 직접 입력
사용
함수 입력 주의 사항
함수명(조건1, 조건2, 조건3) 형식으로 입력합니다.
조건과 조건 사이는 반드시 반점과 띄어쓰기로 나눠주세요. (띄어쓰기 필수)
조건 내부에서 반점을 쓸 때는 띄어쓰기를 사용하지 말아주세요. (ex. p1,p2,p3)
링크 연결
링크 스타일
---
둥글게
마름모
길게
링크 정렬
---
가로
세로
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
등록
닫기
Loading . . .
❅
❆
❅
❆
❅
❆
❅
❆
❅
❆
❅
❆