simulz님의 rss reader 추가

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

widgets/rss_reader/skins/sz_select/css/select.css

@@ -0,0 +1,33 @@
+.sz_rss_reader_select { width:100%; padding-bottom:15px; overflow:hidden; position:relative;}
+.sz_rss_reader_select h2 { height:21px; padding:9px 0 0 9px; font-size:1em;}
+.sz_rss_reader_select h2 a,
+.sz_rss_reader_select .tabcontent_rss a { text-decoration:none; color:#000000;} 
+.sz_rss_reader_select h2 a:hover,
+.sz_rss_reader_select .tabcontent_rss a:hover { text-decoration:underline;} 
+
+.sz_rss_reader_select .tabcontentcontainer {width:100%;}
+
+.sz_rss_reader_select .tabcontent_rss {display:none;width:100%; color:#555555;}
+
+.sz_rss_reader_select .date { color:#999999; font:.9em Tahoma; white-space:nowrap; margin-right:5px;}
+
+.sz_rss_reader_select .sz_Box_000{ margin:1px; border:solid 0;padding:0;}
+.sz_rss_reader_select .sz_Box_001{ margin:1px; border:solid 1px;border-color:#E7E7E7;padding:5px 5px 2px 5px;background-color:#F4F4F4;color:#696969;}
+.sz_rss_reader_select .sz_Box_002{ margin:1px; border:solid 1px;border-color:#DDEAA8;padding:5px 5px 2px 5px;background-color:#FBFDF1;color:#99B81A;}
+.sz_rss_reader_select .sz_Box_003{ margin:1px; border:solid 1px;border-color:#F9D5D5;padding:5px 5px 2px 5px;background-color:#FEF6F6;color:#D98383;}
+.sz_rss_reader_select .sz_Box_004{ margin:1px; border:solid 1px;border-color:#EFDAF4;padding:5px 5px 2px 5px;background-color:#FCF7FD;color:#AF69C0;}
+.sz_rss_reader_select .sz_Box_005{ margin:1px; border:solid 1px;border-color:#DCDFF6;padding:5px 5px 2px 5px;background-color:#F6F7FE;color:#7381EA;}
+.sz_rss_reader_select .sz_Box_006{ margin:1px; border:solid 1px;border-color:#DAEAEE;padding:5px 5px 2px 5px;background-color:#F0F6F8;color:#619DAC;}
+.sz_rss_reader_select .sz_Box_007{ margin:1px; border:solid 1px;border-color:#D5EDDD;padding:5px 5px 2px 5px;background-color:#EFF9F2;color:#6FB587;}
+.sz_rss_reader_select .sz_Box_008{ margin:1px; border:solid 1px;border-color:#FFEC15;padding:5px 5px 2px 5px;background-color:#FFFCDF;color:#FF9900;}
+.sz_rss_reader_select .sz_Box_009{ margin:1px; border:solid 1px;border-color:#9DD7E8;padding:5px 5px 2px 5px;background-color:#F8FDFF;color:#0A8DBD;}
+
+.sz_rss_reader_select .sz_Box_001 h2 a { text-decoration:none; color:#696969;}
+.sz_rss_reader_select .sz_Box_002 h2 a { text-decoration:none; color:#99B81A;}
+.sz_rss_reader_select .sz_Box_003 h2 a { text-decoration:none; color:#D98383;}
+.sz_rss_reader_select .sz_Box_004 h2 a { text-decoration:none; color:#AF69C0;}
+.sz_rss_reader_select .sz_Box_005 h2 a { text-decoration:none; color:#7381EA;}
+.sz_rss_reader_select .sz_Box_006 h2 a { text-decoration:none; color:#619DAC;}
+.sz_rss_reader_select .sz_Box_007 h2 a { text-decoration:none; color:#6FB587;}
+.sz_rss_reader_select .sz_Box_008 h2 a { text-decoration:none; color:#FF9900;}
+.sz_rss_reader_select .sz_Box_009 h2 a { text-decoration:none; color:#0A8DBD;}

widgets/rss_reader/skins/sz_select/js/tab.js

@@ -0,0 +1,17 @@
+function tab_menu_select(tab_id, tabs, t, tab_obj){
+    for(var i = 1; i <= tabs; i++) {
+        eval("document.getElementById('tab"+tab_id+i+"')").style.display="none";
+        if ( t == i ) {
+            eval("document.getElementById('tab"+tab_id+i+"')").style.display="block";
+        }
+    }
+    tab_obj.className="current"
+}
+
+/* 높이 조절 */
+function resize_rss_tabcontent(tab_id, ms_height) {
+    var obj = xGetElementById(tab_id)
+
+    if(xHeight(obj) > ms_height) obj.style.height = ms_height + 'px'
+    obj.style.overflow = "auto"
+}

widgets/rss_reader/skins/sz_select/list.html

@@ -0,0 +1,36 @@
+<!--%import("css/select.css")-->
+<!--%import("js/tab.js")-->
+{@ $tab_id = mt_rand()}
+<div class="sz_rss_reader_select">
+<div class="sz_{$colorset}">
+    <!--@if($widget_info->title)-->
+    <h2 title="{date('Y-m-d H:i:s')}">{$widget_info->title}</h2>
+    <!--@else-->
+    <h2 title="{date('Y-m-d H:i:s')}"><a href="{$widget_info->rss->link}" onclick="window.open(this.href);return false">{$widget_info->rss->title}</a></h2>
+    <!--@end-->
+    <table>
+    <tr><td>
+        <div id="tablist">
+        {@$i=1}
+        <select onchange="tab_menu_select({$tab_id}, {count($widget_info->rss_list)}, this.value, this);resize_rss_tabcontent('tab{$tab_id}',{$widget_info->rss_height})">
+        <!--@foreach($widget_info->rss_list as $key => $item)-->
+        <option value="{$i}">{$item->title}</option>
+        {@$i++}
+        <!--@end-->
+        </select>
+        </div>
+    </td></tr>
+    </table>
+
+    {@$i=1}
+    <DIV id="tab{$tab_id}" class="tabcontentcontainer">
+    <!--@foreach($widget_info->rss_list as $key => $item)-->
+    <div id="tab{$tab_id.$i}" class="tabcontent_rss" style="height:{$widget_info->rss_height}px;overflow:auto;<!--@if($i==1)-->display:block;<!--@end-->">
+        <div class="date">{$item->date} | {$item->author} <a href="{$item->link}" onclick="window.open(this.href);return false"><img src="./images/forward.png" align="absmiddle" class="iePngFix"></a></div>
+        {$item->description}
+    </div>
+    {@$i++}
+    <!--@end-->
+    </DIV>
+</div>
+</div>

widgets/rss_reader/skins/sz_select/skin.xml

@@ -0,0 +1,42 @@
+<?xml version="1.0" encoding="utf-8"?>
+<skin>
+  <title xml:lang="ko">Simulz 스킨 (Select 메뉴)</title>
+  <maker email_address="simulz@simulz.com" link="http://php.simulz.com" date="2007. 11. 5">
+    <name xml:lang="ko">Simulz</name>
+    <description xml:lang="ko">
+        Simulz 스킨입니다.
+    </description>
+  </maker>
+  <colorset>
+    <color name="Box_000">
+      <title xml:lang="ko">기본</title>
+    </color>
+    <color name="Box_001">
+      <title xml:lang="ko">회색</title>
+    </color>
+    <color name="Box_002">
+      <title xml:lang="ko">연두</title>
+    </color>
+    <color name="Box_003">
+      <title xml:lang="ko">분홍</title>
+    </color>
+    <color name="Box_004">
+      <title xml:lang="ko">보라</title>
+    </color>
+    <color name="Box_005">
+      <title xml:lang="ko">밝은 파랑</title>
+    </color>
+    <color name="Box_006">
+      <title xml:lang="ko">청록</title>
+    </color>
+    <color name="Box_007">
+      <title xml:lang="ko">초록</title>
+    </color>
+    <color name="Box_008">
+      <title xml:lang="ko">노랑</title>
+    </color>
+    <color name="Box_009">
+      <title xml:lang="ko">파랑</title>
+    </color>
+  </colorset>
+</skin>

widgets/rss_reader/skins/sz_xe/css/default.css

@@ -0,0 +1,32 @@
+.sz_rss_reader { position:relative;}
+.sz_rss_reader h2 { height:21px; padding:9px 0 0 9px; font-size:1em;}
+
+.sz_rss_reader ul li { height:20px; overflow:hidden; list-style:none; white-space:nowrap; }
+
+.sz_rss_reader ul li .title a { color:#555555; font:0.9em Tahoma; text-decoration:none; }
+.sz_rss_reader ul li .title a:hover { text-decoration:underline; }
+
+.sz_rss_reader ul li .date { color:#999999; font:.8em Tahoma; white-space:nowrap; margin-right:5px;}
+
+.sz_rss_reader .sz_Box_000{ margin:1px; border:solid 0;padding:0;}
+.sz_rss_reader .sz_Box_001{ margin:1px; border:solid 1px;border-color:#E7E7E7;padding:5px 5px 2px 5px;background-color:#F4F4F4;color:#696969;}
+.sz_rss_reader .sz_Box_002{ margin:1px; border:solid 1px;border-color:#DDEAA8;padding:5px 5px 2px 5px;background-color:#FBFDF1;color:#99B81A;}
+.sz_rss_reader .sz_Box_003{ margin:1px; border:solid 1px;border-color:#F9D5D5;padding:5px 5px 2px 5px;background-color:#FEF6F6;color:#D98383;}
+.sz_rss_reader .sz_Box_004{ margin:1px; border:solid 1px;border-color:#EFDAF4;padding:5px 5px 2px 5px;background-color:#FCF7FD;color:#AF69C0;}
+.sz_rss_reader .sz_Box_005{ margin:1px; border:solid 1px;border-color:#DCDFF6;padding:5px 5px 2px 5px;background-color:#F6F7FE;color:#7381EA;}
+.sz_rss_reader .sz_Box_006{ margin:1px; border:solid 1px;border-color:#DAEAEE;padding:5px 5px 2px 5px;background-color:#F0F6F8;color:#619DAC;}
+.sz_rss_reader .sz_Box_007{ margin:1px; border:solid 1px;border-color:#D5EDDD;padding:5px 5px 2px 5px;background-color:#EFF9F2;color:#6FB587;}
+.sz_rss_reader .sz_Box_008{ margin:1px; border:solid 1px;border-color:#FFEC15;padding:5px 5px 2px 5px;background-color:#FFFCDF;color:#FF9900;}
+.sz_rss_reader .sz_Box_009{ margin:1px; border:solid 1px;border-color:#9DD7E8;padding:5px 5px 2px 5px;background-color:#F8FDFF;color:#0A8DBD;}
+
+.sz_rss_reader .sz_Box_001 h2 a { text-decoration:none; color:#696969;}
+.sz_rss_reader .sz_Box_002 h2 a { text-decoration:none; color:#99B81A;}
+.sz_rss_reader .sz_Box_003 h2 a { text-decoration:none; color:#D98383;}
+.sz_rss_reader .sz_Box_004 h2 a { text-decoration:none; color:#AF69C0;}
+.sz_rss_reader .sz_Box_005 h2 a { text-decoration:none; color:#7381EA;}
+.sz_rss_reader .sz_Box_006 h2 a { text-decoration:none; color:#619DAC;}
+.sz_rss_reader .sz_Box_007 h2 a { text-decoration:none; color:#6FB587;}
+.sz_rss_reader .sz_Box_008 h2 a { text-decoration:none; color:#FF9900;}
+.sz_rss_reader .sz_Box_009 h2 a { text-decoration:none; color:#0A8DBD;}
+
+.sz_rss_reader h2 a:hover { text-decoration:underline;} 

widgets/rss_reader/skins/sz_xe/list.html

@@ -0,0 +1,19 @@
+<!--%import("css/default.css")-->
+
+<div class="sz_rss_reader">
+<div class="sz_{$colorset}">
+    <!--@if($widget_info->title)-->
+    <h2 title="{date('Y-m-d H:i:s')}">{$widget_info->title}</h2>
+    <!--@else-->
+    <h2 title="{date('Y-m-d H:i:s')}"><a href="{$widget_info->rss->link}" onclick="window.open(this.href);return false">{$widget_info->rss->title}</a></h2>
+    <!--@end-->
+    <ul>
+        <!--@foreach($widget_info->rss_list as $key => $item)-->
+        <li title="{strip_tags($item->description)}">
+            <span class="date">{$item->date}</span>
+            <span class="title"><a href="{$item->link}" onclick="window.open(this.href);return false">{$item->title}</a></span>
+        </li>
+        <!--@end-->
+    </ul>
+</div>
+</div>

widgets/rss_reader/skins/sz_xe/skin.xml

@@ -0,0 +1,42 @@
+<?xml version="1.0" encoding="utf-8"?>
+<skin>
+  <title xml:lang="ko">Simulz 스킨 (목록형)</title>
+  <maker email_address="simulz@simulz.com" link="http://www.simulz.com" date="2007. 10. 26">
+    <name xml:lang="ko">Simulz</name>
+    <description xml:lang="ko">
+        Simulz 스킨입니다.
+    </description>
+  </maker>
+  <colorset>
+    <color name="Box_000">
+      <title xml:lang="ko">기본</title>
+    </color>
+    <color name="Box_001">
+      <title xml:lang="ko">회색</title>
+    </color>
+    <color name="Box_002">
+      <title xml:lang="ko">연두</title>
+    </color>
+    <color name="Box_003">
+      <title xml:lang="ko">분홍</title>
+    </color>
+    <color name="Box_004">
+      <title xml:lang="ko">보라</title>
+    </color>
+    <color name="Box_005">
+      <title xml:lang="ko">밝은 파랑</title>
+    </color>
+    <color name="Box_006">
+      <title xml:lang="ko">청록</title>
+    </color>
+    <color name="Box_007">
+      <title xml:lang="ko">초록</title>
+    </color>
+    <color name="Box_008">
+      <title xml:lang="ko">노랑</title>
+    </color>
+    <color name="Box_009">
+      <title xml:lang="ko">파랑</title>
+    </color>
+  </colorset>
+</skin>

widgets/rss_reader/skins/xe_official/css/black.css

@@ -0,0 +1,13 @@
+.rss_reader_black { width:100%; padding-bottom:15px; overflow:hidden; position:relative;}
+.rss_reader_black h2 { display:block; height:21px; padding:9px 0 0 9px; margin-bottom:12px; color:#ffffff; background:url(../images/black/lineNotice.gif) no-repeat left bottom; font-size:1em;}
+.rss_reader_black h2 a { text-decoration:none; color:#ffffff;} 
+.rss_reader_black h2 a:hover { text-decoration:underline;} 
+
+.rss_reader_black ul li { height:20px; background:url(../images/black/bulletD0.gif) no-repeat left 5px; padding-left:10px; overflow:hidden; list-style:none; white-space:nowrap;}
+
+.rss_reader_black ul li .title a { color:#818181; text-decoration:none; }
+.rss_reader_black ul li .title a:hover { text-decoration:underline; }
+.rss_reader_black ul li .title span.comment { color:#FE6700; font:.8em Tahoma; }
+.rss_reader_black ul li .title span.comment a { color:#FE6700; font:.8em Tahoma; }
+
+.rss_reader_black ul li .date { color:#999999; font:.8em Tahoma; white-space:nowrap; margin-right:5px;}

widgets/rss_reader/skins/xe_official/css/white.css

@@ -0,0 +1,13 @@
+.rss_reader_white { width:100%; padding-bottom:15px; overflow:hidden; position:relative;}
+.rss_reader_white h2 { display:block; height:21px; padding:9px 0 0 9px; margin-bottom:12px; color:#000000; background:url(../images/white/lineNotice.gif) no-repeat left bottom; font-size:1em;}
+.rss_reader_white h2 a { text-decoration:none; color:#000000;} 
+.rss_reader_white h2 a:hover { text-decoration:underline;} 
+
+.rss_reader_white ul li { height:20px; background:url(../images/white/bulletD0.gif) no-repeat left 5px; padding-left:10px; overflow:hidden; list-style:none; white-space:nowrap;}
+
+.rss_reader_white ul li .title a { color:#555555; text-decoration:none; }
+.rss_reader_white ul li .title a:hover { text-decoration:underline; }
+.rss_reader_white ul li .title span.comment { color:#FE6700; font:.8em Tahoma; }
+.rss_reader_white ul li .title span.comment a { color:#FE6700; font:.8em Tahoma; }
+
+.rss_reader_white ul li .date { color:#999999; font:.8em Tahoma; white-space:nowrap; margin-right:5px;}

widgets/rss_reader/skins/xe_official/list.html

@@ -0,0 +1,22 @@
+<!-- 설정된 컬러셋의 종류에 따라서 css파일을 import 합니다 -->
+
+<!--@if($colorset=="black")-->
+    <!--%import("css/black.css")-->
+<!--@else-->
+    <!--%import("css/white.css")-->
+<!--@end-->
+<div class="rss_reader_{$colorset}">
+    <!--@if($widget_info->title)-->
+    <h2 title="{date('Y-m-d H:i:s')}">{$widget_info->title}</h2>
+    <!--@else-->
+    <h2 title="{date('Y-m-d H:i:s')}"><a href="{$widget_info->rss->link}" onclick="window.open(this.href);return false">{$widget_info->rss->title}</a></h2>
+    <!--@end-->
+    <ul>
+        <!--@foreach($widget_info->rss_list as $key => $item)-->
+        <li>
+          <span class="date">{$item->date}</span>
+          <span class="title"><a href="{$item->link}" onclick="window.open(this.href);return false">{$item->title}</a></span>
+        </li>
+        <!--@end-->
+    </ul>
+</div>

widgets/rss_reader/skins/xe_official/skin.xml

@@ -0,0 +1,51 @@
+<?xml version="1.0" encoding="utf-8"?>
+<skin>
+  <title xml:lang="ko">XE 최신글 스킨 (목록형)</title>
+  <title xml:lang="jp">XEデフォルトレイアウト用の最新コンテンツ表示スキン</title>
+  <title xml:lang="zh-CN">XE 官方网站主题列表</title>
+  <title xml:lang="en">XE Official Layout's newest document skin</title>
+  <maker email_address="zero@zeroboard.com" link="http://www.zeroboard.com" date="2007. 8. 1">
+    <name xml:lang="ko">제로</name>
+    <name xml:lang="jp">zero</name>
+    <name xml:lang="zh-CN">zero</name>
+    <name xml:lang="en">zero</name>
+    <description xml:lang="ko">
+        XE 공식 레이아웃에 적합한 최신글 스킨입니다.
+        디자인 : 이소라 (http://ra-ra.pe.kr)
+        퍼블리싱 : 정찬명 (http://naradesign.net)
+        레이아웃 제작 : zero (http://blog.nzeo.com)
+    </description>
+    <description xml:lang="jp">
+        XEデフォルトレイアウトに最も適した最新コンテンツ表示用のスキンです。
+        デザイン：イソラ（http://ra-ra.pe.kr）
+        パブリシング：ジョンチャンミョン（http://naradesign.net）
+        レイアウト作成：Zero (http://blog.nzeo.com)
+    </description>
+    <description xml:lang="zh-CN">
+        适合XE 官方网站的主题列表。
+        设计 : So-Ra Lee(http://ra-ra.pe.kr)
+        HTML/CSS : Chan-Myung Jeong(http://naradesign.net)
+        布局: zero (http://blog.nzeo.com)
+    </description>
+    <description xml:lang="en">
+	It is a skin suitable for the XE official layout.
+	Design : So-Ra Lee (http://ra-ra-.pe.kr)
+	HTML/CSS : Chan-Myung Jeong(http://naradesign.net)
+	Layout : zero (http://blog.nzeo.com)
+    </description>
+  </maker>
+  <colorset>
+    <color name="white">
+      <title xml:lang="ko">흰색 바탕용</title>
+      <title xml:lang="jp">白い背景</title>
+      <title xml:lang="zh-CN">白色背景</title>
+      <title xml:lang="en">White Background</title>
+    </color>
+    <color name="black">
+      <title xml:lang="ko">어두운 바탕용</title>
+      <title xml:lang="jp">暗い背景</title>
+      <title xml:lang="zh-CN">暗色背景</title>
+      <title xml:lang="en">Dark Background</title>
+    </color>
+  </colorset>
+</skin>

widgets/rss_reader/skins/xe_select/css/select.css

@@ -0,0 +1,12 @@
+.tab_menu_latest_select { width:100%; padding-bottom:15px; overflow:hidden; position:relative;}
+.tab_menu_latest_select h2 { display:block; height:21px; padding:9px 0 0 9px; margin-bottom:12px; color:#000000; background:url(../images/black/lineNotice.gif) no-repeat left bottom; font-size:1em;}
+.tab_menu_latest_select h2 a,
+.tab_menu_latest_select .tabcontent_rss a { text-decoration:none; color:#000000;} 
+.tab_menu_latest_select h2 a:hover,
+.tab_menu_latest_select .tabcontent_rss a:hover { text-decoration:underline;} 
+
+.tab_menu_latest_select .tabcontentcontainer {width:100%;}
+
+.tab_menu_latest_select .tabcontent_rss {display:none;width:100%; color:#555555;}
+
+.tab_menu_latest_select .date { color:#999999; font:.9em Tahoma; white-space:nowrap; margin-right:5px;}

widgets/rss_reader/skins/xe_select/js/tab.js

@@ -0,0 +1,17 @@
+function tab_menu_select(tab_id, tabs, t, tab_obj){
+    for(var i = 1; i <= tabs; i++) {
+        eval("document.getElementById('tab"+tab_id+i+"')").style.display="none";
+        if ( t == i ) {
+            eval("document.getElementById('tab"+tab_id+i+"')").style.display="block";
+        }
+    }
+    tab_obj.className="current"
+}
+
+/* 높이 조절 */
+function resize_rss_tabcontent(tab_id, ms_height) {
+    var obj = xGetElementById(tab_id)
+
+    if(xHeight(obj) > ms_height) obj.style.height = ms_height + 'px'
+    obj.style.overflow = "auto"
+}

widgets/rss_reader/skins/xe_select/list.html

@@ -0,0 +1,34 @@
+<!--%import("css/select.css")-->
+<!--%import("js/tab.js")-->
+{@ $tab_id = mt_rand()}
+<div class="tab_menu_latest_{$colorset}">
+    <!--@if($widget_info->title)-->
+    <h2 title="{date('Y-m-d H:i:s')}">{$widget_info->title}</h2>
+    <!--@else-->
+    <h2 title="{date('Y-m-d H:i:s')}"><a href="{$widget_info->rss->link}" onclick="window.open(this.href);return false">{$widget_info->rss->title}</a></h2>
+    <!--@end-->
+    <table>
+    <tr><td>
+        <div id="tablist">
+        {@$i=1}
+        <select onchange="tab_menu_select({$tab_id}, {count($widget_info->rss_list)}, this.value, this);resize_rss_tabcontent('tab{$tab_id}',{$widget_info->rss_height})">
+        <!--@foreach($widget_info->rss_list as $key => $item)-->
+        <option value="{$i}">{$item->title}</option>
+        {@$i++}
+        <!--@end-->
+        </select>
+        </div>
+    </td></tr>
+    </table>
+
+    {@$i=1}
+    <DIV id="tab{$tab_id}" class="tabcontentcontainer">
+    <!--@foreach($widget_info->rss_list as $key => $item)-->
+    <div id="tab{$tab_id.$i}" class="tabcontent_rss" style="height:{$widget_info->rss_height}px;overflow:auto;<!--@if($i==1)-->display:block;<!--@end-->">
+        <div class="date">{$item->date} | {$item->author} <a href="{$item->link}" onclick="window.open(this.href);return false"><img src="./images/forward.png" align="absmiddle" class="iePngFix"></a></div>
+        {$item->description}
+    </div>
+    {@$i++}
+    <!--@end-->
+    </DIV>
+</div>

widgets/rss_reader/skins/xe_select/skin.xml

@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="utf-8"?>
+<skin>
+  <title xml:lang="ko">XE 최신글 스킨 (Select 메뉴)</title>
+  <maker email_address="simulz@simulz.com" link="http://php.simulz.com" date="2007. 11. 5">
+    <name xml:lang="ko">Simulz</name>
+    <description xml:lang="ko">
+        XE 공식 레이아웃에 적합한 최신글 스킨입니다.
+    </description>
+  </maker>
+  <colorset>
+    <color name="select">
+      <title xml:lang="ko">Select</title>
+    </color>
+  </colorset>
+</skin>