본문과 덧글에 이미지 넣는 방법 다즐링 한잔

1. 스킨 바꾸기에서 현재스킨 편집하기에 들어갑니다.
2. ■ CSS 편집하기 가 있을겁니다.

3. 먼저 본문이 이미지 박는 예시입니다.
/* 기본 */

BODY { BACKGROUND-IMAGE : URL(http://dkt07.cafe24.com/wall_sui.jpg); }
BODY,TD,DIV,LI { FONT : 9PT/150% 굴림; COLOR : BLACK; }

DIV.POST-LOGO { BACKGROUND-IMAGE : URL(http://dkt07.cafe24.com/logo_sui.jpg);
BACKGROUND-POSITION : BOTTOM RIGHT;
BACKGROUND-REPEAT : NO-REPEAT; }

A:LINK { COLOR: steelblue; TEXT-DECORATION: NONE; }
A:VISITED { COLOR: steelblue; TEXT-DECORATION: NONE; }
A:ACTIVE { COLOR: ORANGE; TEXT-DECORATION: NONE; }
A:HOVER { COLOR: ORANGE; TEXT-DECORATION: UNDERLINE; }

BACKGROUND-IMAGE : URL(http://dkt07.cafe24.com/logo_sui.jpg);
바로 이게 포인트 입니다. 계정 이미지 주소를 적어 넣는거지요.
BACKGROUND-POSITION : BOTTOM RIGHT;
이건 어느쪽으로 정렬할지 물어보는거지요. 제 블로그를 보면 아시겠지만 오른쪽에 정렬되어 있습니다.
BACKGROUND-REPEAT : NO-REPEAT;
이건 이미지를 반복 할건지 묻는 질문입니다. 저는 물론 노리핏.

4. 이건 덧글에 이미지를 박는 예시입니다. (당연히 제 블로그..)

/* 관련글 & 덧글 */

DIV.COMMENT { BORDER : 2PX BLACK DOTTED;
BACKGROUND-COLOR : WHITE;
BACKGROUND-IMAGE : URL(http://dkt07.cafe24.com/reply_sui.gif);
BACKGROUND-POSITION : BOTTOM RIGHT;
BACKGROUND-REPEAT : NO-REPEAT;
PADDING : 5PX; MARGIN : 0PX; }

DIV.COMMENT_BODY { MARGIN-BOTTOM : 10PX 10PX 10PX; }
DIV.COMMENT_TAIL { MARGIN : 5PX 0PX 5PX; FONT : ARIAL; COLOR : GRAY; }
DIV.COMMENT_INPUT { MARGIN-TOP : 5PX; PADDING-TOP : 10PX; }

본문 이미지랑 똑같습니다.

BACKGROUND-IMAGE : URL(http://dkt07.cafe24.com/reply_sui.gif);
BACKGROUND-POSITION : BOTTOM RIGHT;
BACKGROUND-REPEAT : NO-REPEAT;

이곳이 포인트지요.

서린언니 님.. 도움이 되셨나요? 저도 noto님 스킨 쓰윽 빌려올때 알아낸거랍니다.. ^^;
그리고 다른분들도 이 포스팅을 보시고 예쁜 이미지를 넣으시길 [...퍼억!]

트랙백

이 글과 관련된 글 쓰기 (트랙백 보내기)
TrackbackURL : http://lunaria.egloos.com/tb/776602 [도움말]

덧글

  • 서린언니 2005/01/10 03:06 # 답글

    감사합니다! 하아하아.....
    그럼 기분좋게 자러갑니다.
  • Mireille 2005/01/10 03:13 # 답글

    감사합니다! 하아하아.....
    그럼 기분좋게 자러갑니다.
  • chelsea 2005/01/10 03:55 # 답글

    혹시 투명도 조절하는 법도 알려주실 수 있으세요?
  • 폭주택시 2005/01/10 07:04 # 삭제 답글

    설마 서린언니 한분 때문에 이포스트를?? ㅡㅡ^::
  • 피아월드 2005/01/10 09:15 # 답글

    투명도 조절하는 태그는 모르겠지만 이미지 자체의 투명도를 조절하려면 포토샵으로 이미지 위에 흰색 바탕의 레이어를 만들고 레이어 창 가운데 있는 Opacity(농도)를 50% 이하로 조절하면 될 겁니다..
  • 리엘 2005/01/10 09:18 # 답글

    와, 감사합니다! 본문에도 이미지를 삽입해 봐야겠군요~~
  • 김씨아저씨 2005/01/10 15:01 # 답글

    어지러워요 ㅠ_ㅠ
  • 放浪君 2005/01/10 15:15 # 답글

    헤- 좋은 정보입니다!
  • 오필리아 2005/01/10 15:33 # 답글

    서린언니 / 사랑스러운 꿈 꾸셨기를
    메롱 / -ㅂ-/
    첼시아 / 피아월드님이 말씀하신 것처럼 저도 포토샾으로 조절했습니다. ^^;
    폭주택시 / 에잉~ 다른분들도 보고 달으시라고 [...]
    리엘 / 예쁜 이미지 넣으세요~
    방랑군 / 저도 눈동냥으로.. 흐흐.
  • 길시언 2005/01/10 15:34 # 답글

    좋은 정보 감사합니다.
  • 망상과백합 2005/01/10 17:03 # 답글

    정말 좋은 정보 감사합니다!!
  • 계란소년 2005/01/10 17:17 # 답글

    그렇구만요...라지만 전 언제나 디폴트!
  • 라쿠 2005/01/10 18:27 # 답글

    아아..! 감사합니다:)
  • 久羅大往 2005/01/10 19:45 # 답글

    아....나중에 해봐야겠군요 감사감사^^
  • lchocobo 2005/01/10 20:09 # 답글

    왠지 의외로 귀찮다죠...역시 좋은 이미지 고르는 것이 포인트겠죠...[무슨소리냐]
  • 준아 2005/01/11 01:50 # 삭제 답글

    테터툴즈 쪽은 해볼려면 스타일시트를 건드려야 하는건가(...)
    해보고는 싶은데 난감하네요 ㅠ_-)
  • Sepiroot 2005/01/11 15:40 # 답글

    저거 복잡해서 어떻게...(어이)
  • 오필리아 2005/01/11 19:10 # 답글

    길시언,망상과백합,라쿠,유이,구라대왕 / 도움이 되었다니 다행입니다. ^^;
    계란소년 / 심플 이즈 베스트!?
    초코보 / 그럼요... 좋은~ 이미지 [...]
    준아 / 테터는 써본적이 없는데 어려운가봐요?;
    세피로트 / 안어려워욧!
  • †Agel*Cyan† 2005/01/12 00:43 # 답글

    으음...하다가 막판에 컴이 꺼지는 바람에 죄다 날려먹음[...]우어어;ㅁ;
  • 오필리아 2005/01/12 14:06 # 답글

    소울 / 다시 도전하는거얏! -ㅂ-
  • 하늘빛마야 2005/04/26 06:21 # 답글

    서린언니님의 블로그에서 링크 타고 왔습니다. ^^
    유용한 정보, 감사드립니다.
덧글 입력 영역


야구가 좋아