멀티즘님 안녕하세요.수정파일 /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; }
여기에 파일을 끌어 놓거나 왼쪽의 버튼을 클릭하세요.
파일 용량 제한 : 0MB (허용 확장자 : *.*)
업로드 중... (0%)
멀티즘님 안녕하세요.
수정파일 /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; }