연구사항/프로그램&BLOG
[Blog] 댓글 창에 이미지 넣는 방법
by 음악공학
2009. 5. 9. 11:13
728x90
밑에 보이는 댓글창에 이미지를 넣는 방법을 소개합니다.
인터넷에 있는 좋은 이미지를 가져다 쓰실 수 도 있고요 (http://www.tinypic.com 같은)
스킨 - HTML/CSS편집 - 파일업로드에서 자신이 필요한 이미지를 넣어 쓸 수 있습니다.
style.css 편집창에서 = commentWrite textarea 를 찾습니다
.commentWrite textarea { width:/*@post-width:-44=*/586px/*@*/; padding: 5px; border: 1px solid #d1d3d4; }
제 스킨은 이렇게 돼 있습니다.
1. URL을 알고 있는 사진으로 꾸미기
commentWrite textarea 오른쪽을
{ width:/*@post-width:-44=*/586px/*@*/; padding: 5px; background:url(http://주소/이미지이름.jpg)}
진한글짜 부분을 추가 / 변경 합니다
2. 내가 올린 사진으로 꾸미기
스킨 - HTML/CSS편집 - 파일업로드에서 자신이 필요한 이미지를 먼저 첨부 하신 후에
commentWrite textarea 오른쪽을
{ width:/*@post-width:-44=*/586px/*@*/; padding: 5px; background:url(./images/이미지이름.jpg)}
스킨마다 조금씩 다른 부분은 있지만 진한글자부분을 추가 / 변경 하면 됩니다 :-)
미리보기로 확인하기!!
추가1 : 스킨마다 다른가 봅니다.. style.css 부분에서 댓글입력창 부분을 찾아 background:url~~~ 이부분을 추가해야 합니다..
반응형