위젯 아래 숙지황님 답변입니다.
먼저 /zbxe/widgets/newest_document/skins/news_ticker/css 안에 해당 컬러의 css를 편집기로 여시면(예; gray.css)
[변경전]
[변경후]
위의 이미지와 같이 됩니다.
참고로 height:25px가 한줄의 높이입니다. 5줄이라 125px했으니 줄수에 맞추어서 높이 정하시면 됩니다.
그리고 repeat-x를 repeat으로 한 것은 배경이미지를 줄마다 나오게 한 것입니다.(이게 글이 스크롤되니 보기가 어렵습니다)
만약 위에 한칸만 나오게 할려면 repeat-x를 그대로 두시고 background:#FFFFFF를 흰색이 아닌 회색이나 다른색으로 주시면 됩니다.
그것도 아니고 전부를 이미지가 안 나오게 할려면 스킨을 내용만출력으로 선택하시면 됩니다.
[문제점]
한페이지에 2개의 전광판은 스크롤이 되지를 않는군요.
[변경전]
.news_ticker_gray { height:25px; overflow:hidden; clear:both; background:#FFFFFF url(../images/gray/bg.gif) repeat-x left top; white-space:nowrap; }
.news_ticker_gray table { width:100%; height:25px; margin:0; padding:0; table-layout:fixed; border-left:1px solid #000000; border-right:1px solid #000000; }
.news_ticker_gray table td { white-space:nowrap; overflow:hidden; height:25px; vertical-align:top; padding:0 6px 0 6px;}
.news_ticker_gray .tickerBox { height:25px; padding-top:6px; white-space:nowrap; overflow:hidden; }
.news_ticker_gray table { width:100%; height:25px; margin:0; padding:0; table-layout:fixed; border-left:1px solid #000000; border-right:1px solid #000000; }
.news_ticker_gray table td { white-space:nowrap; overflow:hidden; height:25px; vertical-align:top; padding:0 6px 0 6px;}
.news_ticker_gray .tickerBox { height:25px; padding-top:6px; white-space:nowrap; overflow:hidden; }
[변경후]
.news_ticker_gray { height:125px; overflow:hidden; clear:both; background:#FFFFFF url(../images/gray/bg.gif) repeat left top; white-space:nowrap; }
.news_ticker_gray table { width:100%; height:25px; margin:0; padding:0; table-layout:fixed; border-left:1px solid #000000; border-right:1px solid #000000; }
.news_ticker_gray table td { white-space:nowrap; overflow:hidden; height:25px; vertical-align:top; padding:0 6px 0 6px;}
.news_ticker_gray .tickerBox { height:125px; padding-top:6px; white-space:nowrap; overflow:hidden; }
.news_ticker_gray table { width:100%; height:25px; margin:0; padding:0; table-layout:fixed; border-left:1px solid #000000; border-right:1px solid #000000; }
.news_ticker_gray table td { white-space:nowrap; overflow:hidden; height:25px; vertical-align:top; padding:0 6px 0 6px;}
.news_ticker_gray .tickerBox { height:125px; padding-top:6px; white-space:nowrap; overflow:hidden; }
위의 이미지와 같이 됩니다.
참고로 height:25px가 한줄의 높이입니다. 5줄이라 125px했으니 줄수에 맞추어서 높이 정하시면 됩니다.
그리고 repeat-x를 repeat으로 한 것은 배경이미지를 줄마다 나오게 한 것입니다.(이게 글이 스크롤되니 보기가 어렵습니다)
만약 위에 한칸만 나오게 할려면 repeat-x를 그대로 두시고 background:#FFFFFF를 흰색이 아닌 회색이나 다른색으로 주시면 됩니다.
그것도 아니고 전부를 이미지가 안 나오게 할려면 스킨을 내용만출력으로 선택하시면 됩니다.
[문제점]
한페이지에 2개의 전광판은 스크롤이 되지를 않는군요.
팔공산
첨부 1
- news.jpg 54.9KB · 18
정말 대단 하시네요...
정말 감사 드립니다.
이렇게 하나하나 모두 다 답변 과 혜결책 을 마련 해주시니
초보자에겐 보물섬 과 같은 곳 입니다.