최근게시글의 뉴스티커 스킨 추가

git-svn-id: http://xe-core.googlecode.com/svn/sandbox@3069 201d5d3c-b55e-5fd7-737f-ddc643e51545

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;}
+

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;}

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;}

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;}
+

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;}

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;}

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;}
+

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 );
+
+}

widgets/newest_document/skins/news_ticker/list.html

@@ -0,0 +1,46 @@
+<!--%import("js/news_ticker.js")-->
+{@ $colorset = "black" }
+<!-- 설정된 컬러셋의 종류에 따라서 css파일을 import 합니다 -->
+<!--@if($colorset=="gray")--> <!--%import("css/gray.css")-->
+<!--@elseif($colorset=="red")--> <!--%import("css/red.css")-->
+<!--@elseif($colorset=="blue")--> <!--%import("css/blue.css")-->
+<!--@elseif($colorset=="green")--> <!--%import("css/green.css")-->
+<!--@elseif($colorset=="yellow")--> <!--%import("css/yellow.css")-->
+<!--@elseif($colorset=="black")--> <!--%import("css/black.css")-->
+<!--@else--> {@ $colorset = "none" } <!--%import("css/none.css")--> <!--@end-->
+
+{@ $_news_ticker_id = "news_ticker_"+time() }
+<div class="news_ticker_{$colorset}">
+    <table cellspacing="0">
+    <col width="15" />
+    <col />
+    <col width="14" />
+    <tr>
+        <td><img src="./images/{$colorset}/left.gif" width="15" height="25" alt="" /></td>
+        <td>
+            <div class="tickerBox" id="{$_news_ticker_id}">
+                <ul>
+                    <!--@foreach($widget_info->document_list as $oDocument)-->
+                    <li>
+                      <span class="date">{$oDocument->getRegdate("Y-m-d")}</span>
+                      <span class="title">
+                        <a href="{$oDocument->getPermanentUrl()}#{$oDocument->getCommentCount()}">{$oDocument->getTitle($widget_info->subject_cut_size)}</a>
+                        <!--@if($oDocument->getCommentCount())-->
+                          <span class="comment">[<a href="{$oDocument->getPermanentUrl()}#comment">{$oDocument->getCommentCount()}</a>]</span>
+                        <!--@end-->
+
+                        {$oDocument->printExtraImages($widget_info->duration_new)}
+                      </span>
+                    </li>
+                    <!--@end-->
+                </ul>
+            </div>
+        </td>
+        <td><img src="./images/{$colorset}/right.gif" width="14" height="25" alt="" /></td>
+    </tr>
+    </table>
+</div>
+
+<script type="text/javascript">
+    xAddEventListener(window, 'load', function() { doStartScroll("{$_news_ticker_id}", 25, 50); });
+</script>

widgets/newest_document/skins/news_ticker/skin.xml

@@ -0,0 +1,33 @@
+<?xml version="1.0" encoding="utf-8"?>
+<skin>
+  <title xml:lang="ko">전광판(뉴스티커) 출력</title>
+  <maker email_address="zero@zeroboard.com" link="http://www.zeroboard.com" date="2007. 11. 26">
+    <name xml:lang="ko">제로</name>
+    <description xml:lang="ko">
+        최근 게시글을 전광판(뉴스티커) 형식으로 한개씩 scroll 되는 방식의 위젯입니다.
+    </description>
+  </maker>
+  <colorset>
+    <color name="none">
+      <title xml:lang="ko">내용만 출력</title>
+    </color>
+    <color name="gray">
+      <title xml:lang="ko">회색 배경</title>
+    </color>
+    <color name="red">
+      <title xml:lang="ko">붉은 배경</title>
+    </color>
+    <color name="blue">
+      <title xml:lang="ko">파란 배경</title>
+    </color>
+    <color name="green">
+      <title xml:lang="ko">녹색 배경</title>
+    </color>
+    <color name="yellow">
+      <title xml:lang="ko">노란 배경</title>
+    </color>
+    <color name="black">
+      <title xml:lang="ko">검은 배경</title>
+    </color>
+  </colorset>
+</skin>