diff --git a/widgets/newest_document/skins/news_ticker/css/black.css b/widgets/newest_document/skins/news_ticker/css/black.css new file mode 100644 index 000000000..d0e09c72c --- /dev/null +++ b/widgets/newest_document/skins/news_ticker/css/black.css @@ -0,0 +1,17 @@ +.news_ticker_black { height:25px; overflow:hidden; clear:both; background:#FFFFFF url("../images/black/bg.gif") repeat-x left top; white-space:nowrap; } + +.news_ticker_black table { width:100%; height:25px; margin:0; padding:0; table-layout:fixed;} +.news_ticker_black table td { white-space:nowrap; overflow:hidden; height:25px; vertical-align:top; } + +.news_ticker_black .tickerBox { height:16px; margin:3px 0 3px 0; padding-top:3px; white-space:nowrap; overflow:hidden; } + +.news_ticker_black ul { white-space:nowrap; overflow:hidden; } +.news_ticker_black li { list-style:none; height:25px; overflow:hidden; white-space:nowrap; font-size:9pt;} + +.news_ticker_black ul li .title a { color:#FFFFFF; text-decoration:none; font-size:9pt;} +.news_ticker_black ul li .title a:hover { text-decoration:underline; } +.news_ticker_black ul li .title span.comment { color:#AAAAAA; font:.8em Tahoma; } +.news_ticker_black ul li .title span.comment a { color:#AAAAAA; font:.8em Tahoma; text-decoration:none; } + +.news_ticker_black ul li .date { color:#EEEEEE; font:.8em Tahoma; white-space:nowrap; margin-right:5px;} + diff --git a/widgets/newest_document/skins/news_ticker/css/blue.css b/widgets/newest_document/skins/news_ticker/css/blue.css new file mode 100644 index 000000000..d7d7a9d7d --- /dev/null +++ b/widgets/newest_document/skins/news_ticker/css/blue.css @@ -0,0 +1,16 @@ +.news_ticker_blue { height:25px; overflow:hidden; clear:both; background:#FFFFFF url("../images/blue/bg.gif") repeat-x left top; white-space:nowrap; } + +.news_ticker_blue table { width:100%; height:25px; margin:0; padding:0; table-layout:fixed;} +.news_ticker_blue table td { white-space:nowrap; overflow:hidden; height:25px; vertical-align:top; } + +.news_ticker_blue .tickerBox { height:25px; padding-top:6px; white-space:nowrap; overflow:hidden; } + +.news_ticker_blue ul { white-space:nowrap; overflow:hidden; } +.news_ticker_blue li { list-style:none; height:25px; overflow:hidden; white-space:nowrap; font-size:9pt;} + +.news_ticker_blue ul li .title a { color:#000000; text-decoration:none; font-size:9pt;} +.news_ticker_blue ul li .title a:hover { text-decoration:underline; } +.news_ticker_blue ul li .title span.comment { color:#766C6C; font:.8em Tahoma; } +.news_ticker_blue ul li .title span.comment a { color:#766C6C; font:.8em Tahoma; text-decoration:none; } + +.news_ticker_blue ul li .date { color:#333333; font:.8em Tahoma; white-space:nowrap; margin-right:5px;} diff --git a/widgets/newest_document/skins/news_ticker/css/gray.css b/widgets/newest_document/skins/news_ticker/css/gray.css new file mode 100644 index 000000000..f408135a8 --- /dev/null +++ b/widgets/newest_document/skins/news_ticker/css/gray.css @@ -0,0 +1,16 @@ +.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;} +.news_ticker_gray table td { white-space:nowrap; overflow:hidden; height:25px; vertical-align:top; } + +.news_ticker_gray .tickerBox { height:25px; padding-top:6px; white-space:nowrap; overflow:hidden; } + +.news_ticker_gray ul { white-space:nowrap; overflow:hidden; } +.news_ticker_gray li { list-style:none; height:25px; overflow:hidden; white-space:nowrap; font-size:9pt;} + +.news_ticker_gray ul li .title a { color:#000000; text-decoration:none; font-size:9pt;} +.news_ticker_gray ul li .title a:hover { text-decoration:underline; } +.news_ticker_gray ul li .title span.comment { color:#766C6C; font:.8em Tahoma; } +.news_ticker_gray ul li .title span.comment a { color:#766C6C; font:.8em Tahoma; text-decoration:none; } + +.news_ticker_gray ul li .date { color:#333333; font:.8em Tahoma; white-space:nowrap; margin-right:5px;} diff --git a/widgets/newest_document/skins/news_ticker/css/green.css b/widgets/newest_document/skins/news_ticker/css/green.css new file mode 100644 index 000000000..5335aba80 --- /dev/null +++ b/widgets/newest_document/skins/news_ticker/css/green.css @@ -0,0 +1,17 @@ +.news_ticker_green { height:25px; overflow:hidden; clear:both; background:#FFFFFF url("../images/green/bg.gif") repeat-x left top; white-space:nowrap; } + +.news_ticker_green table { width:100%; height:25px; margin:0; padding:0; table-layout:fixed;} +.news_ticker_green table td { white-space:nowrap; overflow:hidden; height:25px; vertical-align:top; } + +.news_ticker_green .tickerBox { height:25px; padding-top:6px; white-space:nowrap; overflow:hidden; } + +.news_ticker_green ul { white-space:nowrap; overflow:hidden; } +.news_ticker_green li { list-style:none; height:25px; overflow:hidden; white-space:nowrap; font-size:9pt;} + +.news_ticker_green ul li .title a { color:#000000; text-decoration:none; font-size:9pt;} +.news_ticker_green ul li .title a:hover { text-decoration:underline; } +.news_ticker_green ul li .title span.comment { color:#766C6C; font:.8em Tahoma; } +.news_ticker_green ul li .title span.comment a { color:#766C6C; font:.8em Tahoma; text-decoration:none; } + +.news_ticker_green ul li .date { color:#333333; font:.8em Tahoma; white-space:nowrap; margin-right:5px;} + diff --git a/widgets/newest_document/skins/news_ticker/css/none.css b/widgets/newest_document/skins/news_ticker/css/none.css new file mode 100644 index 000000000..328864919 --- /dev/null +++ b/widgets/newest_document/skins/news_ticker/css/none.css @@ -0,0 +1,16 @@ +.news_ticker_none { height:25px; overflow:hidden; clear:both; white-space:nowrap; } + +.news_ticker_none table { width:100%; height:25px; margin:0; padding:0; table-layout:fixed;} +.news_ticker_none table td { white-space:nowrap; overflow:hidden; height:25px; vertical-align:top; } + +.news_ticker_none .tickerBox { height:25px; padding-top:6px; white-space:nowrap; overflow:hidden; } + +.news_ticker_none ul { white-space:nowrap; overflow:hidden; } +.news_ticker_none li { list-style:none; height:25px; overflow:hidden; white-space:nowrap; font-size:9pt;} + +.news_ticker_none ul li .title a { color:#555555; text-decoration:none; font-size:9pt;} +.news_ticker_none ul li .title a:hover { text-decoration:underline; } +.news_ticker_none ul li .title span.comment { color:#FE6700; font:.8em Tahoma; } +.news_ticker_none ul li .title span.comment a { color:#FE6700; font:.8em Tahoma; text-decoration:none; } + +.news_ticker_none ul li .date { color:#999999; font:.8em Tahoma; white-space:nowrap; margin-right:5px;} diff --git a/widgets/newest_document/skins/news_ticker/css/red.css b/widgets/newest_document/skins/news_ticker/css/red.css new file mode 100644 index 000000000..19fbfb01d --- /dev/null +++ b/widgets/newest_document/skins/news_ticker/css/red.css @@ -0,0 +1,16 @@ +.news_ticker_red { height:25px; overflow:hidden; clear:both; background:#FFFFFF url("../images/red/bg.gif") repeat-x left top; white-space:nowrap; } + +.news_ticker_red table { width:100%; height:25px; margin:0; padding:0; table-layout:fixed;} +.news_ticker_red table td { white-space:nowrap; overflow:hidden; height:25px; vertical-align:top; } + +.news_ticker_red .tickerBox { height:25px; padding-top:6px; white-space:nowrap; overflow:hidden; } + +.news_ticker_red ul { white-space:nowrap; overflow:hidden; } +.news_ticker_red li { list-style:none; height:25px; overflow:hidden; white-space:nowrap; font-size:9pt;} + +.news_ticker_red ul li .title a { color:#000000; text-decoration:none; font-size:9pt;} +.news_ticker_red ul li .title a:hover { text-decoration:underline; } +.news_ticker_red ul li .title span.comment { color:#766C6C; font:.8em Tahoma; } +.news_ticker_red ul li .title span.comment a { color:#766C6C; font:.8em Tahoma; text-decoration:none; } + +.news_ticker_red ul li .date { color:#333333; font:.8em Tahoma; white-space:nowrap; margin-right:5px;} diff --git a/widgets/newest_document/skins/news_ticker/css/yellow.css b/widgets/newest_document/skins/news_ticker/css/yellow.css new file mode 100644 index 000000000..4b05e5d9b --- /dev/null +++ b/widgets/newest_document/skins/news_ticker/css/yellow.css @@ -0,0 +1,17 @@ +.news_ticker_yellow { height:25px; overflow:hidden; clear:both; background:#FFFFFF url("../images/yellow/bg.gif") repeat-x left top; white-space:nowrap; } + +.news_ticker_yellow table { width:100%; height:25px; margin:0; padding:0; table-layout:fixed;} +.news_ticker_yellow table td { white-space:nowrap; overflow:hidden; height:25px; vertical-align:top; } + +.news_ticker_yellow .tickerBox { height:25px; padding-top:6px; white-space:nowrap; overflow:hidden; } + +.news_ticker_yellow ul { white-space:nowrap; overflow:hidden; } +.news_ticker_yellow li { list-style:none; height:25px; overflow:hidden; white-space:nowrap; font-size:9pt;} + +.news_ticker_yellow ul li .title a { color:#000000; text-decoration:none; font-size:9pt;} +.news_ticker_yellow ul li .title a:hover { text-decoration:underline; } +.news_ticker_yellow ul li .title span.comment { color:#766C6C; font:.8em Tahoma; } +.news_ticker_yellow ul li .title span.comment a { color:#766C6C; font:.8em Tahoma; text-decoration:none; } + +.news_ticker_yellow ul li .date { color:#333333; font:.8em Tahoma; white-space:nowrap; margin-right:5px;} + diff --git a/widgets/newest_document/skins/news_ticker/images/black/bg.gif b/widgets/newest_document/skins/news_ticker/images/black/bg.gif new file mode 100644 index 000000000..89d443e73 Binary files /dev/null and b/widgets/newest_document/skins/news_ticker/images/black/bg.gif differ diff --git a/widgets/newest_document/skins/news_ticker/images/black/left.gif b/widgets/newest_document/skins/news_ticker/images/black/left.gif new file mode 100644 index 000000000..fc78f4245 Binary files /dev/null and b/widgets/newest_document/skins/news_ticker/images/black/left.gif differ diff --git a/widgets/newest_document/skins/news_ticker/images/black/right.gif b/widgets/newest_document/skins/news_ticker/images/black/right.gif new file mode 100644 index 000000000..a273a58db Binary files /dev/null and b/widgets/newest_document/skins/news_ticker/images/black/right.gif differ diff --git a/widgets/newest_document/skins/news_ticker/images/blue/bg.gif b/widgets/newest_document/skins/news_ticker/images/blue/bg.gif new file mode 100644 index 000000000..86bbdbeff Binary files /dev/null and b/widgets/newest_document/skins/news_ticker/images/blue/bg.gif differ diff --git a/widgets/newest_document/skins/news_ticker/images/blue/left.gif b/widgets/newest_document/skins/news_ticker/images/blue/left.gif new file mode 100644 index 000000000..ae1d28e6d Binary files /dev/null and b/widgets/newest_document/skins/news_ticker/images/blue/left.gif differ diff --git a/widgets/newest_document/skins/news_ticker/images/blue/right.gif b/widgets/newest_document/skins/news_ticker/images/blue/right.gif new file mode 100644 index 000000000..03783ed53 Binary files /dev/null and b/widgets/newest_document/skins/news_ticker/images/blue/right.gif differ diff --git a/widgets/newest_document/skins/news_ticker/images/gray/bg.gif b/widgets/newest_document/skins/news_ticker/images/gray/bg.gif new file mode 100644 index 000000000..85293eeb3 Binary files /dev/null and b/widgets/newest_document/skins/news_ticker/images/gray/bg.gif differ diff --git a/widgets/newest_document/skins/news_ticker/images/gray/left.gif b/widgets/newest_document/skins/news_ticker/images/gray/left.gif new file mode 100644 index 000000000..4bbad9491 Binary files /dev/null and b/widgets/newest_document/skins/news_ticker/images/gray/left.gif differ diff --git a/widgets/newest_document/skins/news_ticker/images/gray/right.gif b/widgets/newest_document/skins/news_ticker/images/gray/right.gif new file mode 100644 index 000000000..9e30f5d0a Binary files /dev/null and b/widgets/newest_document/skins/news_ticker/images/gray/right.gif differ diff --git a/widgets/newest_document/skins/news_ticker/images/green/bg.gif b/widgets/newest_document/skins/news_ticker/images/green/bg.gif new file mode 100644 index 000000000..1c06bc316 Binary files /dev/null and b/widgets/newest_document/skins/news_ticker/images/green/bg.gif differ diff --git a/widgets/newest_document/skins/news_ticker/images/green/left.gif b/widgets/newest_document/skins/news_ticker/images/green/left.gif new file mode 100644 index 000000000..24aeffcf5 Binary files /dev/null and b/widgets/newest_document/skins/news_ticker/images/green/left.gif differ diff --git a/widgets/newest_document/skins/news_ticker/images/green/right.gif b/widgets/newest_document/skins/news_ticker/images/green/right.gif new file mode 100644 index 000000000..001867bc8 Binary files /dev/null and b/widgets/newest_document/skins/news_ticker/images/green/right.gif differ diff --git a/widgets/newest_document/skins/news_ticker/images/red/bg.gif b/widgets/newest_document/skins/news_ticker/images/red/bg.gif new file mode 100644 index 000000000..78bc77e02 Binary files /dev/null and b/widgets/newest_document/skins/news_ticker/images/red/bg.gif differ diff --git a/widgets/newest_document/skins/news_ticker/images/red/left.gif b/widgets/newest_document/skins/news_ticker/images/red/left.gif new file mode 100644 index 000000000..2e3ded5e5 Binary files /dev/null and b/widgets/newest_document/skins/news_ticker/images/red/left.gif differ diff --git a/widgets/newest_document/skins/news_ticker/images/red/right.gif b/widgets/newest_document/skins/news_ticker/images/red/right.gif new file mode 100644 index 000000000..02bf6e346 Binary files /dev/null and b/widgets/newest_document/skins/news_ticker/images/red/right.gif differ diff --git a/widgets/newest_document/skins/news_ticker/images/yellow/bg.gif b/widgets/newest_document/skins/news_ticker/images/yellow/bg.gif new file mode 100644 index 000000000..c345e8bc0 Binary files /dev/null and b/widgets/newest_document/skins/news_ticker/images/yellow/bg.gif differ diff --git a/widgets/newest_document/skins/news_ticker/images/yellow/left.gif b/widgets/newest_document/skins/news_ticker/images/yellow/left.gif new file mode 100644 index 000000000..d8f1d283c Binary files /dev/null and b/widgets/newest_document/skins/news_ticker/images/yellow/left.gif differ diff --git a/widgets/newest_document/skins/news_ticker/images/yellow/right.gif b/widgets/newest_document/skins/news_ticker/images/yellow/right.gif new file mode 100644 index 000000000..c6975189f Binary files /dev/null and b/widgets/newest_document/skins/news_ticker/images/yellow/right.gif differ diff --git a/widgets/newest_document/skins/news_ticker/js/news_ticker.js b/widgets/newest_document/skins/news_ticker/js/news_ticker.js new file mode 100644 index 000000000..fe34ee6ae --- /dev/null +++ b/widgets/newest_document/skins/news_ticker/js/news_ticker.js @@ -0,0 +1,41 @@ +/** + * @brief 뉴스티커 형식으로 표시하기 위한 초기화 작업 + **/ + +var newsTickerMoveUpStep = new Array(); +function doStartScroll(id, itemHeight, scrollSpeed) { + var pObj = xGetElementById(id); + var childObj = pObj.firstChild; + + while(childObj) { + if(childObj.nodeName == 'UL') { + childObj.id = id+'_first'; + var cloneObj = childObj.cloneNode(true); + cloneObj.id = id+'_second'; + childObj.parentNode.insertBefore(cloneObj, childObj); + + var ticker = {"pObj":pObj, "child":childObj, "itemHeight":itemHeight, "scrollSpeed":scrollSpeed} + + newsTickerMoveUpStep[id] = 1; + + xAddEventListener(pObj, 'mouseover', function() { newsTickerMoveUpStep[id] = 0; } ); + xAddEventListener(pObj, 'mouseout', function() { newsTickerMoveUpStep[id] = 1; } ); + + doScroll(ticker); + return; + } + childObj = childObj.nextSibling; + } + +} +function doScroll(obj) { + var st = obj.pObj.scrollTop; + st += newsTickerMoveUpStep[obj.pObj.id]; + + if(st > xHeight(obj.child)) st = 0; + obj.pObj.scrollTop = st; + + if(obj.pObj.scrollTop % obj.itemHeight == 0) setTimeout( function() { doScroll(obj); }, 1000 ); + else setTimeout( function() { doScroll(obj); }, obj.scrollSpeed ); + +} diff --git a/widgets/newest_document/skins/news_ticker/list.html b/widgets/newest_document/skins/news_ticker/list.html new file mode 100644 index 000000000..48be117bc --- /dev/null +++ b/widgets/newest_document/skins/news_ticker/list.html @@ -0,0 +1,46 @@ + +{@ $colorset = "black" } + + + + + + + + {@ $colorset = "none" } + +{@ $_news_ticker_id = "news_ticker_"+time() } +
+ + + + + + + + + +
+
+ +
+
+
+ + diff --git a/widgets/newest_document/skins/news_ticker/skin.xml b/widgets/newest_document/skins/news_ticker/skin.xml new file mode 100644 index 000000000..8afac9621 --- /dev/null +++ b/widgets/newest_document/skins/news_ticker/skin.xml @@ -0,0 +1,33 @@ + + + 전광판(뉴스티커) 출력 + + 제로 + + 최근 게시글을 전광판(뉴스티커) 형식으로 한개씩 scroll 되는 방식의 위젯입니다. + + + + + 내용만 출력 + + + 회색 배경 + + + 붉은 배경 + + + 파란 배경 + + + 녹색 배경 + + + 노란 배경 + + + 검은 배경 + + +