공지사항 페이지를 제로보드 일기장(메모)처럼 만들기 (~꼼수주의~)
tips
↑ 미리보기
요롷게 짧은 글 쓰기에 좋음!
1. skin.html에 가서 <s_notice_rep>을 찾아 <s_notice_rep>부터 </s_notice_rep>까지 드래그 해서 선택한다.
만약 <s_notice_rep>이 없다면 </s_guest>를 찾아 바로 밑줄에 커서를 놓는다.
2. 아래의 소스를 선택된 부분에 붙여넣는다. (치환자에 별(★)을 지우고 사용)
<s_notice_rep> <div class="entryNotice"> <div class="articles"> <div class="notice_date"><script type="text/javascript"> strDate='[★##_notice_rep_date_##★]'.substr(0,10); document.write(strDate); </script></div> <div class=notice_article">[★##_notice_rep_desc_##★]</div> </div> </div> </s_notice_rep>
3. style.css에 아래 스타일을 붙여넣는다.
.entryNotice { margin:0 auto; width:460px; padding:0 0px 30px 0px; } .entryNotice .articles { clear:both; border:2px solid #f4f4f4; padding:0 10px; } .notice_date { float:left; width:80px; color:#e1624e; font-family:verdana; font-size:10px; font-weight:bold; padding-top:13px;} .entryNotice .articles .notice_article { float:left; } /* style.css 설명: 해당 값들을 수정하셔서 쓰실 수 있습니다 .entryNotice // margin:0 auto는 가로정렬, width:가로값, padding에서 30px은 메모와 메모 사이의 간격 .entryNotice .articles // border:2px solid #f4f4f4는 메모의 테두리(2픽셀 실선 색상은 f4f4f4) padding:0 10px 좌,우 양쪽 테두리에서 10px 안쪽에서 내용을 출력 .notice_date // width 날짜 출력하는 가로값, font-weight:bold 글씨 진하게, padding-top 위쪽에서 13px 밑에서 출력, font-family:글꼴, font-size:글씨 크키 */
4. 저장!
※ 한 페이지에 출력할 공지사항 글(일기/메모) 갯수 설정
관리자페이지 - 화면설정 - 화면출력에서 기본화면 글 갯수를 설정한다.
※ 글 쓸땐 공지에 체크하고 글 쓴다.
※ 글은 http://티스토리주소/notice에서 확인할 수 있다.
예) http://kasutera.tistory.com/notice
※ 공지사항 글은 따로 수정/삭제버튼이 없으므로 관리자페이지 - 글목록에서 수정/삭제를 해야한다.
코멘트 역시 공지사항에 적용이 안됨.