2008. 5. 11. 20:19

우연히 Naerro님 블로그에 들렀다가 댓글 입력 영역에 배경이 들어가 있는 것을 보았습니다!
마음에 들어서 어떻게 하는지 알아내어 제 블로그에도 적용해 보았습니다. ^^
댓글 쓰는 영역란에 다음과 같은 이미지가 적용되어 있는 것을 볼 수 있습니다.

사용자 삽입 이미지

내친김에 방명록에도 적용했고요. ^^ 
사용자 삽입 이미지

고수분이야 말 안해도 다 알겠지만 초보 입장에서는 스킨 수정이 보통 일이 아니지요.
시키는대로 다 해도 왠지 안되고... 소스 건들여 본 초보면 다 알지요. ^^;
다행이 이번 건은 금방 했습니다만...

제 실력으로 감히 강좌를 작성할 수는 없고,
제가 도움받은 소스와 제가 사용중인 스킨에서의 적용방법만 알려드립니다.


- 제가 사용중인 스킨(tisNoteBlue)에서는 다음과 같이 적용되었습니다.
  style.css에서 검색으로 'textarea'를 찾으시면 쉽게 찾을 수 있을겁니다.

- 댓글영역
.content .entry .comment .write textarea{ width:95%; background:url(images/textareabg.jpg) no-repeat}
- 방명록 영역
.content .guestbook .write textarea{ width:95%; padding:5px; background:url(images/guestbookbg.jpg) no-repeat}

아울러, 제가 적용한 이미지의 PSD 파일을 공개합니다.


레이어가 난잡해서 부끄럽습니다만 혹시라도 투명도 조절에 어려움을 겪는 분이 계실까봐 아예 파일을 공개합니다. 열어보시면 알겠지만 하얀 배경을 먼저 깔아 둔 뒤, 각 레이어별로 투명도를 조절해 둔 것 밖에는 없습니다.

이미지는 워터하우스[각주:1]의 "Hylas and the Nymphs"라는 작품입니다.

같은 스킨을 쓰는 분들에게만이라도 도움이 되었으면 좋겠습니다. ^^

- waterai 2008.5.11.


  1. Waterhouse, John William, 1849~1917 19C 영국의 화가 ... [본문으로]
Posted by 워터아이