러브인포 · 꾸미기

방명록

방명록은 블록입니다. 원하는 페이지에 ＋방명록으로 놓으면 목록과 작성폼이 그 자리에 들어갑니다.

• 남기기 — luvinfo.me에서 로그인한 멤버만 남길 수 있고, @핸들 서명과 홈 링크가 자동으로 붙습니다. 비로그인 · 서브도메인 방문자는 목록만 봅니다.
• 🔒 비공개 글 — 주인과 작성자만 볼 수 있습니다.
• ↳ 주인 답글 — 인라인으로 달고 수정, 비우면 삭제.
• 삭제는 주인 또는 작성자 본인. 글은 500자.
• 내 홈에 새 글이 오면 알려줍니다.
• 안쪽 카드 색은 홈의 투명도 설정을 따라갑니다.
• 글이 많으면 처음 30개만 보이고, 맨 아래 「더 보기」로 다음 30개를 불러옵니다.
• HTML 페이지 안에도 넣을 수 있습니다 — <div data-li-slot="gb"></div> 자리에 이 블록이 들어갑니다. 방명록 · 배너 자리 참고.

사진 자리img/li-guestbook.png

HTML 틀 · 블록 CSS로 꾸미기

블록 편집 → 방명록에 「이 블록 CSS」와 「글 하나 HTML 틀」 칸이 있습니다. 비워 두면 기본 모양입니다.

• 이 블록 CSS — 이 방명록 블록 안에만 적용됩니다. @media · @keyframes도 됩니다.
  쓸 수 있는 이름

  • .gb-foot 글쓰기 칸 · .gb-msg 입력창 · .gb-send 남기기 버튼
  • .gb-list · .gb-item 글 하나
  • .who · .dt 날짜 · .gb-re 답글 · .gb-empty
• 글 하나 HTML 틀 — 글마다 이 HTML이 한 번씩 들어갑니다.
  쓸 수 있는 값

  • {{who}} 쓴 사람(홈 링크) · {{name}} 핸들 글자만
  • {{text}} 글 · {{date}} 날짜
  • {{reply}} 내 답글 · {{owner}} 내 홈 이름
  • {{secret}} 비공개면 🔒 · {{n}} 번호
  • {{tools}} 삭제 · 답글 버튼(안 적으면 맨 아래 자동)
• {{#reply}}…{{/reply}}로 감싸면 값이 있을 때만, {{^reply}}…{{/reply}}는 없을 때만 보입니다.
• 틀을 쓰면 글 카드의 기본 테두리 · 배경 · 여백은 빠지고 틀이 전부 정합니다. 글쓰기 칸은 틀 밖이라 CSS로 꾸밉니다.

<div class="note">
  <b>{{who}}</b> <small>{{date}}</small> {{secret}}
  <p>{{text}}</p>
  {{#reply}}<p class="re">↳ {{owner}} · {{reply}}</p>{{/reply}}
  {{tools}}
</div>

사진 자리img/li-guestbook-tpl.png