먼저 /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개의 전광판은 스크롤이 되지를 않는군요.
댓글 3
-
-
-
극찬을 해 주시니 몸둘봐를 모르겟네요.
-
-
-
지금 적용하고 왔읍니다.
너무너무 맘에 듭니다.
잘 됍니다.
감사 합니다.
식사 대접은 못하드라도 저녁식사 맛있고 풍성하게 드십시요.
추신
글자 가 번쩍이는 문제는 바탕색을 넎었더니 반짝임이 없어 졌읍니다.
그런데 2개을 설치 하니 한개는 움직이질 않네요.
이런식으로 본문도 읽어와서 스크롤 돼었으면 좋겠단 생각 을 합니다.
다시 한번 고마움 전합니다.
-
정말 대단 하시네요...
정말 감사 드립니다.
이렇게 하나하나 모두 다 답변 과 혜결책 을 마련 해주시니
초보자에겐 보물섬 과 같은 곳 입니다.