본문 바로가기

과거의 나날들/취미의 나날들

Comment(덧글창)에 배경그림 삽입하기.


여러가지 제가 생각해둔 포스팅, 예고해둔 포스팅을 제쳐두고
`덧글창에 그림삽입`부터 하는 이유는...

지금 안해두면 제가 까먹을거 같아서(.....)일단 이것부터 해둡니다 ㅎㅎ





 
제 블로그의 리플란에 보시면
대략 코나땅이 ‘댓글3개만 써주세요♥[각주:1]하고 애걸복걸하고 있을겁니다.(2009/6/15 기준)

지금부터 설명할것이 저 그림의 삽입방법에 관해서 입니다 +ㅁ+!!
 

일단 우리가 해야할일 첫번째는
「티스토리 관리자메뉴 → 스킨 →  HTML/CSS 편집」으로 가는거에요~

「HTML/CSS 편집」으로 들어가면
SKIN.html, STYLE.css 두개가 있는데
그중에서 우리는 STYLE.css를 손보면 되는거에요.

STYLE.css에서 「.commentWrite textarea」를 찾아보세요
찾기 힘들면 `Ctrl + F`를 눌러서 찾아보세요

 잘 안보이시면 클릭해서 보시길!

 
우리가 손봐야 할곳은 그림에 제가 밑줄을 그어둔 곳입니다.


Height」란은 코멘트 쓰는곳의 `높이`를 조정하는 곳이구요

background:url」란은 저같은 경우는
이미 이미지를 삽입하여서 주소가 있는데
 아직 손보지 않으셧으면

background:url()」그냥 이렇게 있을거에요
저 ()란에 삽입하고 싶은 이미지의 주소를 넣으면 됩니다 ㅎㅎ

그리고 「Right, Bottom, No-repeat,   #ffffff」의 4개가 있는데...

기본적으로는 이미지를 삽입하면 왼쪽 위( left top )으로 되어있습니다.

이것을 Right( Center, Left ), Bottom( Top ), no-repeat( != repeat, repeat )이렇게 존재합니다.


정리를 하면



1. URL : 이미지의 주소를 넣는곳
2. Right : 이미지의 좌우를 설정 ( Left, Center, Right)
3. Bottom : 이미지의 위치 위와 아래를 설정 (Top)
4. No-Repeat : 이미지의 반복여부 ( != repeat, repeat [각주:2] )
5. #ffffff : 코맨트창의 배경색인데... 별로 손댈일은없을것 같습니다.




대략 이런식으로 하면 되는 겁니다 ㅎㅎ
혹시나 잘 모르겠거나 하는 부분이 있으면 리플 남겨주세요~~









  1. 저 그림에서 잘못된점을 찾아보세요. [본문으로]
  2. 아직 이것의 기능을 잘 모르겠습니다. [본문으로]