본문 바로가기

Tistory

티스토리 Pure Blue 스킨 방명록 비밀글 체크박스 만들기




티스토리 Pure Blue 스킨 방명록 비밀글 체크박스 만들기


티스토리 Pure blue 스킨 방명록 비밀글 체크박스 만들기



티스토리 Pure Blue 스킨 방명록 비밀글 체크박스 만들기


요즘 들어 블로그 스킨을 전체적으로 꼼꼼히 점검하던 중 댓글과 방명록 글쓰기 폼을 좀 더 깔끔하게 만들어 보려고 수정을 하게 되었죠.


처음엔 댓글폼을 수정하면서 비로그인 댓글폼과 제가 보는 것을 비교해 가며 문제없이 바꿔놨지만 방명록폼에서는 그동안 알고는 있었지만 실질적으로는 제가 불편한 부분이 없어서 무시하며 넘겼는데 제가 블로그를 접속하는 비율보단 다른 사람들이 제 블로그를 봐주는 시간이 많아서 약간의 불편한 기능을 수정해 보았습니다.


블로그 스킨마다 다를 수 있는데 제가 쓰는 Pure Blue스킨에는 방명록에 비밀글 기능이 없어서 간단하게 소스를 넣어 봤습니다.


일단 html/css편집페이지로 가서 "s_guest"를 검색하면 방명록이 시작되는 소스를 찾을 수 있습니다.



티스토리 Pure Blue 스킨 방명록 비밀글 체크박스 만들기 - 방명록 html 소스 위치 검색


그리고 <s_guest_form></s_guest_form> 안에 아래의 소스를 적절한 곳에 넣어줍니다.

<label for="secret"> 비밀글 </label>

<input type="checkbox" name="##_guest_input_is_secret_##" class="checkbox" />


이것만 해서는 안 되고 스킨자체적으로 방명록 비밀글 기능이 없던 거라 css에도 소스를 넣어줘야 합니다. 다시 "#guestWhite"를 검색해서 방명록과 관련된 css소스를 찾아서 소스를 추가해 줍니다.



티스토리 Pure Blue 스킨 방명록 비밀글 체크박스 만들기 - 방명록 css 소스 위치 검색


위와 같이 두 줄의 소스를 넣어주면 됩니다.

샵guestWrite .secretWrap     { clear:both; float:; position:relative; top:0px; left:-10px; margin-bottom: 5px;}
샵guestWrite .checkbox       { border:none; padding:0; margin:0; width:25px;}


[파일 다운로드]

guest_sc.txt


그리고 이번에 알게 된 건데 글 쓰는 박스에서 글자가 많을경우 스크롤 바가 생기지 않아서 해결방법을 찾았더니 의외로 간단한 방법으로 해결할 수 있었습니다.


댓글이나 방명록 html 소스에서 아래와 같이 소스를 추가해 주면 됩니다.

<textarea name="##_guest_textarea_body_## 또는 ##_rp_input_comment_##" style="overflow-x:hidden; overflow-y:auto;">


티스토리 Pure Blue 스킨 방명록 비밀글 체크박스 만들기