'2017/10/25'에 해당되는 글 2건
Section 12-3 - 티스토리 반응형 스킨 만들기 - 공지사항 본문(상세보기 화면)
지난 섹션에서는 "공지사항 목록"을 만들었으니 이젠 그 공지사항의 본문을 볼 수 있게 상세보기 화면을 작업해야겠죠?이번에도 글 상세보기 코드를 재활용하여 만들면 금방 만들기 때문에 소스 위주로 설명하고 공지사항 섹션을 끝내도록 하겠습니다. STEP 1. skin.html 공지사항 상세보기 코드 추가 .. 공지사항 목록 코드 생략 .. 본문 공지사항 : 공지사항 본문(상세보기)이 출력되는 영역 : 공지사항 제목 : 공지사항 작성자 (팀블로그가 아닌 개인 사용자용 블로그면 궂이 안넣으셔도 됩니다.) : 공지사항 작성일시 : 공지사항 본문(상세 내용) 공지사항 영역인 안에 "공지사항 목록" 소스 하단부에 위의 "공지사항 본문" 소스를 넣습니다. STEP 2. style.css 공지사항 본문 스타일 추가 /* ..
티스토리 스킨만들기/Tistory One | 2017. 10. 25. 18:46
Section 12-2 - 티스토리 반응형 스킨 만들기 - 공지사항 목록
지난 섹션에선 사이드바에 공지사항 목록과 MORE 버튼으로 공지사항 목록으로 바로갈 수 있는 기능을 만들었습니다. 이번에는 공지사항 목록을 만들도록 하겠습니다.공지사항 목록은 글 목록과 마크업은 똑같고 치환자만 다르기 때문에 치환자 설명과 스타일시트 소스만 간단하게 보여드리고 마무리합니다. STEP 1. skin.html 공지사항 영역 지정 : 공지사항 영역은 "목록"과 "상세 보기" 두가지를 출력하는 영역 : 공지사항 목록이 반복되어 출력되는 영역 STEP 2. skin.html 공지사항 목록 코드 추가 공지사항 | : 해당 공지사항 고유 링크 주소 : 공지사항 목록 제목 : 공지사항 내용의 일부 : 공지사항 작성일시 카테고리 치환자가 없는 대신에 항상 공지사항 글만 보이기 때문에 카테고리 링크를 "/..
티스토리 스킨만들기/Tistory One | 2017. 10. 25. 17:55
RECENT COMMENT