'티스토리'에 해당되는 글 47건
Section 14-2 - 티스토리 반응형 스킨 만들기 - 방명록 글쓰기 폼
지난 섹션 2017/10/31 - Section 14-1 - 티스토리 반응형 스킨 만들기 - 방명록 에서 영역을 지정하였습니다. 이번 섹션에선 본격적으로 방명록 글쓰기 폼을 만들도록 하겠습니다. STEP 1. skin.html 방명록 글쓰기 폼 코드 추가 Guestbook 방명록쓰기 폼 이름 비밀번호 비밀글 내용 Guestbook Send : 방명록 글쓰기 폼, 목록 출력 영역 지정 : 방명록 글쓰기 폼 출력 영역 지정 : 로그인을 하지 않았거나 블로그 소유자가 아닌경우 보여지는 영역 : 로그인을 하지 않았을 경우 보여지는 영역 : 이름입력 박스 이름 : 이름 : 비밀번호 입력 박스 이름 : 비밀번호 : 글 내용 입력박스 이름 : 입력 완료 온클릭 이벤트 글 댓글 입력 폼과 규칙은 똑같습니다. 블로그 소..
티스토리 스킨만들기/Tistory One | 2017. 10. 31. 12:16
Section 14-1 - 티스토리 반응형 스킨 만들기 - 방명록
이번 섹션부터는 "티스토리 방명록"을 만듭니다~ 내 블로그에 누군가가 다녀왔다는 흔적을 남길 수 있는 방명록이죠. 방문자는 블로그 포스트와 별개로 개인적인 글을 남길 수 있는 공간이기도 하면서 블로그 소유자는 쌓여가는 방명록의 글을 보면서 보람을 느낄 수 있는 기능입니다. 그러므로 없어서는 안되는 기능이겠죠? 방명록을 만들기에 앞서서 참고하는 소스는 섹션 11 댓글 관련 글을 참고하시면 됩니다. 2017/10/21 - Section 11-6 - 티스토리 반응형 스킨 만들기 - 댓글 입력 폼 2017/10/23 - Section 11-7 - 티스토리 반응형 스킨 만들기 - 댓글 목록 댓글 입력 폼과 댓글 목록과 똑같은 구조로 코드를 작성합니다. 주의 사항은 글 댓글은 목록이 먼저 나오고 댓글 입력 폼은 제..
티스토리 스킨만들기/Tistory One | 2017. 10. 31. 11:25
Section 13-3 - 티스토리 반응형 스킨 만들기 - 보호 글 비밀번호 입력 폼
이번 섹션은 지난번에 말씀드린 것처럼 보호 글 비밀번호 입력 폼을 만듭니다. 목록에 노출이 되고 그 보호 글을 눌렀을때 바로 글 본문이 보여진다면 비밀글이 아니겠죠? 글 본문을 눌렀을시 비밀번호를 아는 사람들만 접근할 수 있도록 비밀번호를 입력 받아야 하는 화면이 필요한데 그 화면을 이번 섹션에서 작업을 하는 것입니다.※ 혹시나 해서 한번더 말씀드리지만, 보호 글(비밀 글)은 비로그인 사용자들만 노출됩니다. STEP 1. skin.html 보호 글 비밀번호 입력 폼 코드 추가 .. 보호 글 목록 코드 생략 .. 본문 보호되어 있는 글입니다. 내용을 보시려면 비밀번호를 입력하세요. 확인 : 보호 글 비밀번호 입력 폼 영역 지정 : 보호 글 카테고리 고유 링크 주소 : 보호 글 카테고리 : 보호 글 제목 :..
티스토리 스킨만들기/Tistory One | 2017. 10. 26. 19:42
Section 13-2 - 티스토리 반응형 스킨 만들기 - 보호 글 목록
지난 섹션에선 보호글을 등록하였습니다. 하지만 "보호 글 목록" 코딩을 하지 않았기 때문에 눈씻고 찾아봐도 보이지 않습니다 ㅡ/.,ㅡ;; 그러니 신속히 보호글 목록을 작업 해보도록 하겠습니다.※ 주의 사항 ※보호 글 작업시 새로운 세션의 브라우저이거나 로그인이 안되어 있는 다른 브라우저를 이용하여 접근해서 확인하셔야 합니다.블로그 소유자가 로그인이 되어 있는 상태에서 비밀글 접근시 일반글로 보이기 때문에 확인이 안됩니다.확인은 꼭 로그인이 안되어 있는 상태(방문자)에서 하셔야 합니다!! STEP 1. skin.html 보호 글 목록 코드 추가보호 글 코드를 공지사항 코드 아래부분에 이어서 작성합니다. 보호되어 있는 글입니다. | : 보호 글 목록, 보호 글 비밀번호 확인 화면이 출력되는 영역 지정 : 보..
티스토리 스킨만들기/Tistory One | 2017. 10. 26. 18:12
Section 13-1 - 티스토리 반응형 스킨 만들기 - 보호 글 등록하기
이번 섹션에서는 "보호글"과 관련된 내용입니다. 보호글이 하나도 없거나, 보호글을 등록하시는 방법을 모르시는 분들을 위해 스킨 작업 전에 사전작업으로 보호글을 등록하는 방법에 대해 설명드리겠습니다. "보호글"이란?말 그대로 보호된 글?ㅡ/,.ㅡ;; 보호글은 글에 비밀번호를 부여해서 비밀번호를 입력하지 않으면 확인이 불가능한 글입니다. 자신만 보거나 비밀번호를 아는 방문자, 팀 블로그의 팀원들만 공개하는 글이라고 생각하시면 됩니다. 블로그 소유자는 비밀번호 입력없이 일반 글 목록으로 표현됩니다.일반 방문자는 "비밀글"이라는 목록으로 노출됩니다."비밀글" 본문으로 접속시 "비밀번호"를 입력하는 폼이 나옵니다. (비밀번호를 입력하면 일반글과 같이 확인 하실 수 있습니다.) STEP 1. 보호글 등록하기보호글을..
티스토리 스킨만들기/Tistory One | 2017. 10. 26. 16:29
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
Section 12-1 - 티스토리 반응형 스킨 만들기 - 공지사항 사이드바
이번 Section 12는 공지사항을 시작합니다.공지사항은 블로그 포스트와 별개로 방문자에게 소식을 알리기 위한 기능이므로 있으면 좋겠죠? 이 기능이 필요 없다면 만들지 않아도 블로그 운영에 크게 문제가 되진 않습니다. 하지만 필수 기능이라는건 변한없으니 작업을 시작하겠습니다. DESCRIPTION공지사항은 일반 티스토리 블로그 글 쓰기와 다르게 공지사항이라는 글 쓰기가 따로 메뉴가 존재합니다. 그러므로 블로그 카테고리에는 공지사항이 노출되지 않습니다. 공지사항으로 접근하려면 공지사항 메뉴를 만들거나, 공지사항 목록을 사이드바에서 출력해줘야 접근이 가능합니다. 우리는 두번째 방법인 공지사항 목록을 사이드바에 출력하여 방문자들이 공지사항에 접근할 수 있도록 작업을 진행하도록 하겠습니다. 공지사항 작업 순서..
티스토리 스킨만들기/Tistory One | 2017. 10. 24. 19:11
Section 11-7 - 티스토리 반응형 스킨 만들기 - 댓글 목록
지난 섹션 11-6 에서는 댓글 입력 폼에 대해서 다뤘는데 이번 섹션에서는 입력 된 댓글을 출력하는 치환자를 다룹니다. 입력을 했는데 댓글이 출력이 안되면 곤란하겠죠?ㅎㅎ댓글은 기본적으로 처음 작성된 댓글 목록과 해당 댓글에 다시 또 댓글을 다는 두가지 유형이 있습니다. 흔히 말하는 댓글과 대댓글에 대한 목록을 출력하는 것입니다.바로 들어갑니다. STEP 1. skin.html 댓글 영역 지정 Comments ... 댓글 입력 폼 댓글 입력 폼 위에 위와 같이 소스를 추가합니다. : 댓글이 출력 되는 영역 지정 : 댓글이 반복해서 출력 되는 영역 지정 : 전체 코멘트영역을 가리키는 아이디 - (최신 댓글을 클릭했을때 이 위치로 이동) : 비밀글, 관리자, 일반글에 따른 클래스명 지정 비밀글 : secre..
티스토리 스킨만들기/Tistory One | 2017. 10. 23. 21:22
Section 11-6 - 티스토리 반응형 스킨 만들기 - 댓글 입력 폼
댓글 입력 폼은 블로그의 글에 의견, 문의등의 사용자와 소통할 수 있는 창구역할을 하는 기능입니다. 때로는 글의 내용보다 댓글의 내용이 더 재미있고 유익할 수 있는 상황이 발생하기도 하죠~ 자신만 읽을 수 있는 기록이나 일기와 같은 글에는 필요가 없을 수 있지만..ㅎㅎ 그래도 블로그의 필수 기능중 하나인 댓글 입력 폼을 만들어보겠습니다. STEP 1. skin.html 코드 추가 Comments 댓글쓰기 폼 이름 비밀번호 비밀댓글 내용 Comment Send 위와 같이 코드를 추가하면 아래와 같이 댓글 입력 폼이 출력됩니다. : 댓글 갯수 : 댓글 입력 폼 출력, 댓글 목록 출력 영역 지정 : 댓글 입력 폼 출력 영역 지정 : 티스토리 로그인을 하지 않았거나 블로그 소유자가 아닌경우 보여지는 영역 지정 ..
티스토리 스킨만들기/Tistory One | 2017. 10. 21. 16:35
RECENT COMMENT