웹마스터 팁
page_full_width" class="col-xs-12" |cond="$__Context->page_full_width">
수정파일 /zbxe/modules/board/skins/xe_board/css/common.css를 열어서 112줄 부터 있는 reply사항에 배경을 넣어 주시면 됩니다.
댓글 입력창에 배경 이미지 삽입하는 방법
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;}
.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; }
.replyBox .replyContent { clear:left; background:#ffffff url(../images/image.gif) no-repeat right top; }
댓글 4
-
gnee
2008.07.11 19:24
-
은바가지
2008.07.13 17:32
사용하고픈 팁이었습니다. 감사합니다.
-
e~세상쉼터
2008.07.19 06:21
좋은 팁 감사를 드립니다^^
-
아기둘
2008.07.19 10:18
감사합니다.
제목 | 글쓴이 | 날짜 |
---|---|---|
배경음악과 동영상 삽입 <embed> [7] | 제이지라 | 2002.04.26 |
게시판에 구글 SyntaxHighlighter 3.0.83(구문강조) 적용하기 - 본문에 코드삽입시 유용 | 으아악. | 2010.10.20 |
이미지 삽입시 아래에 한줄 띄우고 클릭가능하게 하여 편히 입력하게 만들자~ [8] | xemall | 2010.10.13 |
이미지 여러개 삽입시 이미지 사이에 공백 및 글 쓸 수 있도록 [1] | sejin7940 | 2010.07.07 |
레이아웃 삽입 후 최근 설문조사 가져오기 | ilovesyr | 2010.05.18 |
XE최신버전에 믹시(Mixsh) 위젯(widget) 삽입하는 방법 [2] | 곰이v | 2010.03.21 |
[초보] 본문 하단에 구글 애드센스 삽입방법 [2] | BigSeong | 2009.10.10 |
본문에 삽입된 그림의 확대기능이 작동하지 않는경우(XE Official Ver2 layout) [2] | 분홍곰 | 2009.08.14 |
엄지 추천 기능 본문에 삽입 하고자 하실때 (급조) [2] | thejeon | 2009.07.29 |
제로보드 XE나 개인 블로그에 GPS 로그(궤적)를 나타낸 구글맵 삽입하기 | 상오기 | 2009.03.21 |
왕초보용 xe 1.2.0 버전 사용 기본 레이아웃 좌측에 배너 삽입 방법. [7] | 『june™』 | 2009.03.20 |
메인화면에 플래시 쉽게 삽입하는 방법.. [12] | 청개구리00 | 2008.08.30 |
댓글 입력창에 배경 이미지 삽입하는 방법 [4] | 팔공산 | 2008.07.11 |
이미지 삽입후 이미지 위에 노란색 박스 사라지게하는 법 [5] | dhseo | 2008.05.28 |
[수정 했습니다.]본문 입력없이 확장 변수로만 글작성 작성하기(그림삽입포함) [13] | 대암지기 | 2008.03.09 |
제로보드XE 외부페이지에 javascrip 삽입하기 [3] | BlueGATE | 2008.01.22 |
MSN로그인 상태를 홈피좌측 메뉴에 삽입하는 방법 [9] | 팔공산 | 2007.11.27 |
(0.1.2) 이모티콘 삽입 후 그림 안보일 때 [5] | Simulz | 2007.09.02 |
와~~ 개인용 홈페이지 같은데에선 참 좋겠어요.
예를들어서 간단한 공지멘트를 적어놓거나 하면 유용하겠군요^^