웹마스터 팁

  2. Support
  3. 웹마스터 팁

댓글 입력창에 배경 이미지 삽입하는 방법

2008.07.11 11:54

팔공산


수정파일 /zbxe/modules/board/skins/xe_board/css/common.css를 열어서 112줄 부터 있는 reply사항에 배경을 넣어 주시면 됩니다.
.replyBox { padding:10px; color:#666666; border:1px solid#e0e1db; margin-top:.5em;}
.replyBox .replyItem { background-color:#FFFFFF; padding:.6em .8em .6em .6em; line-height:1.25em; clear:both; border-bottom:1px dotted#EEEEEE; list-style:none;} // 칸 전체를 차지
.replyBox p { display:inline; margin-bottom:1em;}
.replyBox .author { float:left; padding:0 .3em 0 0; font-size:.9em; color:#3074a5; margin:0 .3em .5em 0;}
.replyBox .author a { color:#3074a5; margin-right:.3em; text-decoration:none; }
.replyBox .voted { float:left; font-size:.9em; color:#AAAAAA; margin:0 .3em .5em 1em;}
.replyBox .date { float:right; font:.8em Tahoma; color:#cccccc; margin:.3em 0 .5em 0;}

.replyBox .replyOption { height:20px; float:right; white-space:nowrap; margin-left:.2em;}
.replyBox .replyOption img { vertical-align:middle;}

.replyBox .replyContent { clear:left; } // 아이콘 아래부분 차지
.replyBox .replyContent p { display:block; }
.replyBox .reply { background-color:#F4F4F4; border-bottom:1px dotted#DDDDDD;} // 댓글의 댓글에만 적용
.replyBox .replyIndent { background:url(../images/common/iconReplyArrow.gif) no-repeat .0em .3em; padding-left:1.3em;}

위에 빨간색으로 보이는 행에 배경을 넣어 주시면 됩니다.
두 곳중 한군데를 선택해서 넣어시면 되는데 차이점은 한번 해보시면 아실 수 있을 것입니다.

아래에 있는 예제를 보기삼아서 repeat나 위치를 조절하세요.

.replyBox .replyItem { background:#ffffff url(../images/image.gif) no-repeat left top; padding:.6em .8em .6em .6em; line-height:1.25em; clear:both; border-bottom:1px dotted#f60; list-style:none;}

.replyBox .replyContent { clear:left; background:#ffffff url(../images/image.gif) no-repeat right top; }
아래의 이미지는 둘중 아래 것 적용한 형태입니다.


적용된사이트보기
이 게시물을
Profile
좋아요(+3)
목록
제목 글쓴이 날짜
아이프레임속 링크를 기존페이지에서 이동하기 [1] file 정다운804 2008.06.19
업그레이드 쉽고,안전하게 하기 [5] wannabewize 2008.06.21
Autolink에 주소 복사 추가 & 본문 글 주소 복사 추가 [4] file 탑심 2008.06.22
[1원짜리팁] 큰 이미지 썸네일 못생성& 확장변수 원하는 곳에 배치하기 ^^ [2] 파파민 2008.06.23
동일한 계정내에서의 포워딩 방법 [2] file 하이쿠 2008.07.01
위지웍 에디터를 오페라 브라우져에서는 사용 안하기 라르게덴 2008.07.02
[팁]페이지별 댓글 출력 초간단 팁.. [4] 키티나 2008.07.04
1차 메뉴에서 하위 메뉴 없을때 생기는 여백 없애는 방법 [7] 제로시오 2008.07.04
메뉴에 이미지 버튼 사용하기 팁이요~ 이미지첨부! [3] file Zzini.net 2008.07.05
list게시판 목록 제목 줄바꿈 안하기 [4] 팔공산 2008.07.05
폼메일 응용해서 쓰세요... [6] file 코리아프럼 2008.07.08
1.04 엡데이트후 재설치등으로 로그인안될때 해결법 [5] 좀비이 2008.07.08
다른 브라우저에서 내 사이트가 어떻게 보이나 확인하자~ [3] 비나무 2008.07.10
최근게시물에 권한주어서 회원만 내용물보게하기 [1] 팔공산 2008.07.11
댓글 입력창에 배경 이미지 삽입하는 방법 [4] 팔공산 2008.07.11
조건별로 스킨 바꾸기 file 라르게덴 2008.07.11
업그레이드 쉽고,안전하게 하기(예제 포함해서 다시 올림) [2] file wannabewize 2008.07.13
초보 헤메다가 팁//인쇄영역 확장변수 포함 [8] file 리히토 2008.07.14
자료 첨부 문제 단풍534 2008.07.15
winxp IE7 rwapm에서 한글이름파일 업로드 [7] file 공수래 2008.07.15
태그 쓰기