남자유치원선생님

음원 및 기타 용건이 급하신 분들은 공지사항의 연락처로 문자주시기 바랍니다. 방문해주신 모든 분들 항상 행복하세요~ 앞으로는 모바일로 실시간으로 찾아뵙겠습니다^^
티스토리 방명록 창에 배경그림 넣는 방법을 소개할까 합니다^^
티스토리 방명록 창에 배경그림 넣는 방법은 댓글창에 배경그림 넣는 방법과 동일합니다.
티스토리 방명록 창에 배경그림을 넣어서 블로그를 예쁘고 멋지게 꾸며보세요~


티스토리 블로그 스킨 Life In Mono(Light)를 기준으로 작성되었습니다.
그림판 사용시 알씨 프로그램이 필요합니다.

1. 방명록 창 사이즈 측정하기

Life In Mono(Light) 스킨의 사이즈는 635 X 38입니다.
여러가지 방법이 있지만 쉽고 편하게 스크린샷을 찍어서 사이즈를 알아보도록 하겠습니다 ^^

방명록을 클릭한 후 Alt+Prt Scr를 눌러주세요. 그림판 또는 포토샵에서 붙여넣기 합니다.

Ctrl+V를 눌러주세요.


그림판 : 마우스를 이용해서 방명록 창만 잘라주세요.
상위메뉴 파일에서 새로만들기 후 붙여넣어고 다른이름으로 저장해주세요.
원하시는 경로에 저장하신 후 마우스 오른쪽 버튼을 클릭하면 방명록 사이즈가 표시됩니다.
(알씨가 설치되어 있어야 합니다)






포토샵 : Crop Tool을 이용해서 방명록 창만 잘라주세요. 상위메뉴중 Image -> Image Size 「Width&Height」를 확인하시면 방명록 사이즈가 표시됩니다. 










2. 원하는 배경그림 업로드 하기


티스토리 방명록 창에 넣고 싶은 배경그림을 「635 X 38」 사이즈로 만들어주세요.
티스토리 관리자 메뉴의 스킨 -> HTML/CSS 편집으로 이동합니다.
파일업로드를 눌러 티스토리 방명록 창에 넣고 싶은 배경그림을 업로드 해주세요.


왼쪽의 미리보기 창에 마우스 오른쪽 버튼을 눌러 주소를 확인하고 드래그해서 복사해 놓습니다.

3. HTML/CSS 스크립트 수정하기

HTML/CSS편집탭 skin.html에서 Ctrl+F 를 눌러 검색창에서 「##_guest_textarea_body_##」입력합니다. ##_guest_textarea_body_## 1개 일치로 검색되었습니다.




style="background-image:url(./images/dat.jpg);background-repeat:no-repeat; background-position:right"
수정전 태그

<textarea 여기 name="[##_guest_textarea_body_##]" cols="50" rows="6"></textarea>


노란색박스 부분 중 여기라고 표시된 부분에 따옴표옆에 표시된 태그를 넣어줍니다.

[images/dat.jpg]← 원하는 배경그림 업로드 하기에서 확인한 본인의 그림주소로 꼭 바꾸어주세요.


수정된 태그
<textarea style="background-image:url(./images/dat.jpg);background-repeat:no-repeat; background-position:right" name="[##_guest_textarea_body_##]" cols="50" rows="6"></textarea>

아래의 미리보기 버튼을 눌러 확인 후 저장을 눌러줍니다.
(화면출력 설정에서 댓글을 기본으로 펼침이 설정되어 있어야 합니다)

4. 확인하기


티스토리 방명록 창에 배경그림이 넣어졌습니다^^ 귀여운 리락쿠마가 보이네요~
쉽게 설명드리려고 노력했는데 어떠셨나요? 오류 및 문의사항은 댓글남겨주세요!
댓글창뿐만 아니라 방명록 창에도 배경그림을 넣어 블로그를 예쁘고 멋지게 꾸미시길 바랍니다.


▶ 부족한 포스팅 끝까지 봐주셔서 다시한번 감사드립니다.
저작자 표시 비영리 동일 조건 변경 허락
신고
Posted by 이류(怡瀏)

댓글은 사랑입니다

  1. 이렇게 블로그 아기자기하게 꾸미는거 참 잘하시는거 같아요..ㅎㅎㅎ

  2. 오..찾고있었는데~ 감사합니다 ^^ 덕분에 이쁜 그림으로 바꿨어요~!

  3. 너무 좋은 정보 잘 보고 갑니다!