2020. 3. 17.

티스토리 관리/티스토리 스킨 만들기2020. 3. 17.

티스토리 스킨 만들기 #20 공지 (2) 본문

공지 본문 지난시간에는 공지사항 목록을 만들어봤다. 요번시간에는 내가 공지한 글을 보여지게 해보자. 치환자 공지 본문 그룹치환자 공지 제목 값치환자 작성자 값치환자 작성일 값치환자 공지 본문 값치환자 html 작성 설명은 그림으로 css 작성 #notice .notice-title { padding: 10px 20px; background: #ddd; } #notice .notice-title h1 { font-size: 1.875rem; } #notice .notice-info { padding: 5px 20px; background: #aaa; margin-bottom: 5px; } #notice .notice-info p span { margin-left: 10px; } #notice .notice..

2020. 3. 16.

티스토리 관리/티스토리 스킨 만들기2020. 3. 16.

티스토리 스킨 만들기 #19 공지 (1) 목록

공지사항 목록 요번시간에는 공지사항 목록을 만들어보자. 치환자 공지사항 그룹치환자 인덱스 그룹치환자 공지 작성자 값치환자 공지 작성일 값치환자 공지글 링크 값치환자 공지 제목 값치환자 공지 요약 값치환자 html 작성 설명은 그림으로 css 작성 #notice { border: 2px solid #d09aec; margin-bottom: 1px; } #notice .notice-list-item { padding: 5px 10px; background: #fff; } #notice .notice-list-item a { text-decoration: none; } #notice .notice-list-item:hover .notice-list-text { text-decoration: underline;..

2020. 3. 13.

티스토리 관리/티스토리 스킨 만들기2020. 3. 13.

티스토리 스킨 만들기 #18 보호글 (2) 비밀번호 폼

보호글 비밀번호 입력 지난 시간에는 보호글을 목록에 노출시켜보았다. 이번시간에는 노출된 보호글을 클릭할경우 비밀번호입력 폼이 나오게 해보자. 치환자 본문 그룹치환자 카테고리 링크 값치환자 카테고리 명 값치환자 글 제목 값치환자 작성자 값치환자 작성일 값치환자 폼제출 스크립트 값치환자 비밀번호 값치환자 html 작성 보호된 글입니다 내용을 보시려면 비밀번호를 입력하세요 확인 설명은 그림으로 css 작성 #protected .protected-title { padding: 10px 20px; background: #ddd; } #protected .protected-title p { font-size: 1rem; color: #d09aec; } #protected .protected-title a { tex..

2020. 3. 12.

티스토리 관리/티스토리 스킨 만들기2020. 3. 12.

티스토리 스킨 만들기 #17 보호글 (1) 목록

보호글 목록 포스팅목적이 특정 사용자에게만 공개하고싶은경우, 비밀번호를 설정해서 보호글로 작성할수있다. 보호글은 일반 포스팅과 다른 치환자를 가지고있어 이글이 보호글인지 나타내어줄수있다. 코딩하지 않을경우 표시되지 않는다. 치환자 이전시간 (#12~#16) 까지는 모두 에 들어가는 내용이었다. 즉 메인 article을 표시해주는 그룹이었다(※ index(목록), permalink(본문, 카테고리 다른글, 댓글)). 이번에 해볼것은 보호글 영역으로 보호글 그룹에 index와 permalink를 만들어야한다. 우선 이번 시간엔 목록을 표시하는 index를 작성하려고한다. 보호글 그룹치환자 인덱스 그룹치환자 카테고리 링크 값치환자 카테고리명 값치환자 글 주소 값치환자 글 제목 값치환자 작성자 값치환자 작성 시..

2020. 3. 11.

티스토리 관리/티스토리 스킨 만들기2020. 3. 11.

티스토리 스킨 만들기 #16 댓글 (2) 리스트

댓글 리스트 댓글이 작성되었다면 댓글을 리스트업 시켜야 확인할수있다. 오늘은 댓글 리스트부분에 대해 작업해보자 치환자 댓글 리스트도 쓰기폼과 마찬가지로 일전에 했던 방명록리스트와 유사하다. 2020/03/05 - [티스토리 관리/티스토리 스킨 만들기] - 티스토리 스킨 만들기 #11 방명록 (2) 리스트 티스토리 스킨 만들기 #11 방명록 (2) 리스트 방명록 리스트 방명록을 남겨주는 사람이 있다면 리스트도 확인할 수 있어야 한다. 티스토리 방명록은 1차댓글까지 남길수있도록 되어있어 최초 방명록과 그에대한 댓글도 구분감이 있어야한다. 치환자는 동일하지.. shalchoong.tistory.com 우선 치환자에 대해 알아보자 댓글 리스트 출력 그룹치환자 댓글 리스트 반복 그룹치환자 대댓글 리스트 출력 그룹..