상세 컨텐츠

본문 제목

(수정 - 스샷 첨부)코멘트 창에 이미지 넣기.

편집디자인/skin

by 루퍼셰르미 2009. 6. 6. 23:45

본문

지금 제 블로그의 Comment 부분을 클릭해서 보시면 코멘트 창에도 노트 선과 함께 갈색의 나비 비슷한 날개 그림이 보이실겁니다.

요렇게 생긴거지요...^^*

방금 전에 적용시키고 올리는 건데요.

혹시 다른 분이 하셨을지도 모르겠습니다만...

이거 뭐 텍스트 큐브에도 그런거 검색할수 있는 메타 페이지가 필요하다니까요.

텍스트 큐브는 메타 페이지를 만들어 달라아아~(아니면 제가 막 몇분들 졸라서 하나 만들까요? 관련 프로그램도 가지고 있고 빈 계정도 있는데...^^;; 근데 전 텍스트 큐브에는 아는 분이 없단 말입니다아아아................ㅠ.ㅠ)

 

아. 또 말 샜다. 이런 삼천포...

하여간 사용한 태그는 다음과 같습니다.

 

.tt-input-div textarea  { width:600px; height:200px; background:url(images/wing.png); overflow:visible; border:1px solid #ddd;}

 

제 스킨 소스 기준입니다.

그러니까 스킨의 style.css파일에 /* 댓글 입력 폼 *******************************/ 라고 된 부분(혹은 그 유사부분)이 있다면 거기서 찾으셔야 합니다.

빨간 박스 안에 있는 빨간 밑줄 부분이 코드입니다.

저 부분이 코멘트 창의 너비라던가, 높이등등을 지정해 줄수 있는 부분이에요.

크림슨 에디터라는 녀석을 이용해서 찾으면 이렇습니다.

노란색으로 표시된 부분이 그 코드인데요. 앞의 번호가 줄번호입니다.

보시다시피 너비 600에 높이 200을 주고 wing.png라는 파일을 넣은거죠.

포토샵으로 넣고 싶은 파일을 제작하신 후에 이름을 맞춰서 wing.png라는 부분에 넣으시면 되구요.

이미지는 코드 관리 아래에 관리 부분이 있습니다.

위의 스샷에서 여기를 클릭 부분을 누르시면 아래와 같은 창이 뜨니까 거기서 원하는 이미지를 골라주시면 됩니다.

제가 쓴 이미지는 보시다시피 입니다...^^*

그럼 모두들 예쁜 그림으로 꾸미시길~

 

다음번엔 또 다른 부분을 꾸미는 방법을 찾아보겠습니다아아앗~>ㅁ<

'편집디자인 > skin' 카테고리의 다른 글

상단 메뉴 추가하기.  (1) 2009.06.11
올블릿이 말썽입니다.  (0) 2009.06.11
코멘트 창의 스크롤 바를 바꿔보자.  (4) 2009.06.09

관련글 더보기