fanbinit/rhymix
1
0
Fork 0
mirror of https://github.com/Lastorder-DC/rhymix.git synced 2026-01-05 09:41:40 +09:00
Code Issues Projects Releases Packages Wiki Activity

위젯 스타일 이름 및 분류 재정의

Browse source 
git-svn-id: http://xe-core.googlecode.com/svn/sandbox@5937 201d5d3c-b55e-5fd7-737f-ddc643e51545
This commit is contained in:
ChanMyeong 2009-03-23 10:10:51 +00:00
parent f49953c7d7
commit 9a3a7619a6
99 changed files with 1132 additions and 547 deletions
Download patch file Download diff file Expand all files Collapse all files

124
modules/widget/tpl/css/widget.css
View file

@ -1,62 +1,62 @@
@charset "utf-8"; @charset "utf-8";
.widget_title { border:1px solid #DDDDDD; margin:10px 5px 5px 0; padding:3px; } .widget_title { border:1px solid #DDDDDD; margin:10px 5px 5px 0; padding:3px; }
.widget_mid_list { margin:0 0 5px 10px; } .widget_mid_list { margin:0 0 5px 10px; }
.widget_description { color:#AAAAAA; border-top:1px dotted #EEEEEE; margin:5px 0 0 0; padding:5px 0 0 0; } .widget_description { color:#AAAAAA; border-top:1px dotted #EEEEEE; margin:5px 0 0 0; padding:5px 0 0 0; }
#colorset_area { margin-top:.5em; } #colorset_area { margin-top:.5em; }
#colorset_area .header { float:left; margin-right:.5em; padding-top:.2em;} #colorset_area .header { float:left; margin-right:.5em; padding-top:.2em;}
#colorset_area .footer { float:left; } #colorset_area .footer { float:left; }
#zonePageContent { overflow:hidden; width:100%; padding:none !important; margin:none !important;} #zonePageContent { overflow:hidden; width:100%; padding:none !important; margin:none !important;}
.pageAddContent { width:700px; } .pageAddContent { width:700px; }
.widgetOutput { float:left; cursor:move; z-index:998; overflow:hidden; position:relative; width:100%; } .widgetOutput { float:left; cursor:move; z-index:998; overflow:hidden; position:relative; width:100%; }
.widgetOutput .widgetBorder { border:1px solid #C7DBE9; z-index:999; } .widgetOutput .widgetBorder { border:1px solid #C7DBE9; z-index:999; }
.widgetOutput .widgetBoxBorder { border:1px solid #D2E9C7; z-index:999; } .widgetOutput .widgetBoxBorder { border:1px solid #D2E9C7; z-index:999; }
.widgetOutput .widgetResize { background:transparent url("../images/btn_resize.gif") no-repeat left bottom; width:12px; height:12px; position:absolute; bottom:1px; right:1px; cursor:pointer; z-index:1000;} .widgetOutput .widgetResize { background:transparent url("../images/btn_resize.gif") no-repeat left bottom; width:12px; height:12px; position:absolute; bottom:1px; right:1px; cursor:pointer; z-index:1000;}
.widgetOutput .widgetResizeLeft { background:transparent url("../images/btn_resize_left.gif") no-repeat left bottom; width:12px; height:12px; position:absolute; bottom:0; left:1px; cursor:pointer; z-index:1000;} .widgetOutput .widgetResizeLeft { background:transparent url("../images/btn_resize_left.gif") no-repeat left bottom; width:12px; height:12px; position:absolute; bottom:0; left:1px; cursor:pointer; z-index:1000;}
.widgetOutput .widgetBoxResize { background:transparent url("../images/btn_resize.gif") no-repeat left bottom; width:12px; height:12px; position:absolute; bottom:1px; right:1px; cursor:pointer; z-index:1000;} .widgetOutput .widgetBoxResize { background:transparent url("../images/btn_resize.gif") no-repeat left bottom; width:12px; height:12px; position:absolute; bottom:1px; right:1px; cursor:pointer; z-index:1000;}
.widgetOutput .widgetBoxResizeLeft { background:transparent url("../images/btn_resize_left.gif") no-repeat left bottom; width:12px; height:12px; position:absolute; bottom:0; left:1px; cursor:pointer; z-index:1000;} .widgetOutput .widgetBoxResizeLeft { background:transparent url("../images/btn_resize_left.gif") no-repeat left bottom; width:12px; height:12px; position:absolute; bottom:0; left:1px; cursor:pointer; z-index:1000;}
.widgetButtons { z-index:9999; overflow:hidden; *zoom:1; float:left; padding:3px; position:absolute; visibility:hidden;} .widgetButtons { z-index:9999; overflow:hidden; *zoom:1; float:left; padding:3px; position:absolute; visibility:hidden;}
#widgetButton { background-color:#C7DBE9;left:0; top:0;} #widgetButton { background-color:#C7DBE9;left:0; top:0;}
#widgetBoxButton { background-color:#D2E9C7; right:0; top:0;} #widgetBoxButton { background-color:#D2E9C7; right:0; top:0;}
.widgetButtons div { float:left; } .widgetButtons div { float:left; }
.widgetButtons .widgetStyle { background:transparent url("../images/widgetstyle_setup.gif") no-repeat 1px 1px; width:14px; height:14px; cursor:pointer; z-index:1000;} .widgetButtons .widgetStyle { background:transparent url("../images/widgetstyle_setup.gif") no-repeat 1px 1px; width:14px; height:14px; cursor:pointer; z-index:1000;}
.widgetButtons .widgetSetup { background:transparent url("../images/widget_setup.gif") no-repeat 1px 1px; width:14px; height:14px; cursor:pointer; z-index:1000;} .widgetButtons .widgetSetup { background:transparent url("../images/widget_setup.gif") no-repeat 1px 1px; width:14px; height:14px; cursor:pointer; z-index:1000;}
.widgetButtons .widgetCopy { background:transparent url("../images/widget_copy.gif") no-repeat 1px 1px; width:14px; height:14px; cursor:pointer; z-index:1000;} .widgetButtons .widgetCopy { background:transparent url("../images/widget_copy.gif") no-repeat 1px 1px; width:14px; height:14px; cursor:pointer; z-index:1000;}
.widgetButtons .widgetSize { background:transparent url("../images/widget_size.gif") no-repeat 1px 1px; width:14px; height:14px; cursor:pointer; z-index:1000;} .widgetButtons .widgetSize { background:transparent url("../images/widget_size.gif") no-repeat 1px 1px; width:14px; height:14px; cursor:pointer; z-index:1000;}
.widgetButtons .widgetRemove { background:transparent url("../images/widget_remove.gif") no-repeat 1px 1px; width:14px; height:14px; cursor:pointer; z-index:1000;} .widgetButtons .widgetRemove { background:transparent url("../images/widget_remove.gif") no-repeat 1px 1px; width:14px; height:14px; cursor:pointer; z-index:1000;}
.widgetButtons .widgetBoxCopy { background:transparent url("../images/widget_copy.gif") no-repeat 1px 1px; width:14px; height:14px; cursor:pointer; z-index:1000;} .widgetButtons .widgetBoxCopy { background:transparent url("../images/widget_copy.gif") no-repeat 1px 1px; width:14px; height:14px; cursor:pointer; z-index:1000;}
.widgetButtons .widgetBoxSize { background:transparent url("../images/widget_size.gif") no-repeat 1px 1px; width:14px; height:14px; cursor:pointer; z-index:1000;} .widgetButtons .widgetBoxSize { background:transparent url("../images/widget_size.gif") no-repeat 1px 1px; width:14px; height:14px; cursor:pointer; z-index:1000;}
.widgetButtons .widgetBoxRemove { background:transparent url("../images/widget_remove.gif") no-repeat 1px 1px; width:14px; height:14px; cursor:pointer; z-index:1000;} .widgetButtons .widgetBoxRemove { background:transparent url("../images/widget_remove.gif") no-repeat 1px 1px; width:14px; height:14px; cursor:pointer; z-index:1000;}
#pageSizeLayer { width:500px; overflow:hidden; border:1px solid #888888; background:#FFFFFF; z-index:2000; position:absolute; } #pageSizeLayer { width:500px; overflow:hidden; border:1px solid #888888; background:#FFFFFF; z-index:2000; position:absolute; }
#pageSizeLayer table { border:0; width:100%; table-layout:fixed; } #pageSizeLayer table { border:0; width:100%; table-layout:fixed; }
#pageSizeLayer table th { padding:4px 0 4px 0; background-color:#DEDEDE; text-align:center; color:#888888;} #pageSizeLayer table th { padding:4px 0 4px 0; background-color:#DEDEDE; text-align:center; color:#888888;}
#pageSizeLayer table th.line { border-top:1px dotted #EEEEEE; } #pageSizeLayer table th.line { border-top:1px dotted #EEEEEE; }
#pageSizeLayer table td { padding:4px 10px 4px 10px; background-color:#EFEFEF;} #pageSizeLayer table td { padding:4px 10px 4px 10px; background-color:#EFEFEF;}
#pageSizeLayer table td div { margin-bottom:5px; } #pageSizeLayer table td div { margin-bottom:5px; }
#pageSizeLayer table td.line { border-top:1px dotted #999999; } #pageSizeLayer table td.line { border-top:1px dotted #999999; }
#pageSizeLayer table td.buttonBox { background-color:#FFFFFF; white-space:nowrap; overflow:hidden; vertical-align:top; text-align:center; border-top:1px solid #888888; color:#DDDDDD;} #pageSizeLayer table td.buttonBox { background-color:#FFFFFF; white-space:nowrap; overflow:hidden; vertical-align:top; text-align:center; border-top:1px solid #888888; color:#DDDDDD;}
#pageSizeLayer .input { background:#FFFFFF; border:1px solid #AAAAAA; padding:1px; font:8pt verdana; width:60px; } #pageSizeLayer .input { background:#FFFFFF; border:1px solid #AAAAAA; padding:1px; font:8pt verdana; width:60px; }
#pageSizeLayer .full_input { background:#FFFFFF; border:1px solid #AAAAAA; padding:1px; font:8pt verdana; width:90%; } #pageSizeLayer .full_input { background:#FFFFFF; border:1px solid #AAAAAA; padding:1px; font:8pt verdana; width:90%; }
#pageSizeLayer .small_input { background:#FFFFFF; border:1px solid #AAAAAA; padding:1px; font:8pt verdana; width:20px; } #pageSizeLayer .small_input { background:#FFFFFF; border:1px solid #AAAAAA; padding:1px; font:8pt verdana; width:20px; }
#pageSizeLayer .color_input { background:#FFFFFF; border:1px solid #AAAAAA; padding:1px; font:8pt verdana; width:44px; } #pageSizeLayer .color_input { background:#FFFFFF; border:1px solid #AAAAAA; padding:1px; font:8pt verdana; width:44px; }
#pageSizeLayer .submit { width:90%; border:1px solid #DEDEDE; background-color:#FFFFFF;} #pageSizeLayer .submit { width:90%; border:1px solid #DEDEDE; background-color:#FFFFFF;}
div.editor { width:700px; } div.editor { width:700px; }
.help { padding:5px 0; background-color:#EFEFEF; border-top:1px solid #CCCCCC; } .help { padding:5px 0; background-color:#EFEFEF; border-top:1px solid #CCCCCC; }
ul.midCommand { float:left; margin:0 0 0 10px;; padding:0; *zoom:1; } ul.midCommand { float:left; margin:0 0 0 10px;; padding:0; *zoom:1; }
ul.midCommand li { display:block; margin-bottom:5px; list-style:none;} ul.midCommand li { display:block; margin-bottom:5px; list-style:none;}
a.widgetStyle { float:left; margin:0 10px 10px 0; border:1px solid #CCC; overflow:hidden; *zoom:1; width:96px; height:96px;} a.widgetStyle { float:left; margin:0 10px 10px 0; border:1px solid #fff; overflow:hidden; *zoom:1; width:96px; height:96px;}
a.widgetStyle:hover { border:1px solid #444; } a.widgetStyle:hover { border:1px dashed #eee; }
a.widgetStyle.selected { border:1px solid #000; } a.widgetStyle.selected { border:1px dashed #ccc; }
a.widgetStyle img {width:96px; height:96px; margin:1px; } a.widgetStyle img {width:96px; height:96px; margin:1px; }

21
widgetstyles/box/css/default.css
View file

@ -1,21 +0,0 @@
.shadow_box_type01 {position:relative;overflow:hidden;padding:0 3px 3px 0;}
.shadow_box_type01 .shadow_level_01 {position:relative;top:3px;left:3px;padding:0 1px 1px 0;background-color:#ebebeb;} /* 그림자전체(옅은회색) */
.shadow_box_type01 .shadow_level_02 {position:relative;top:-1px;left:-1px;background-color:#bcbcbc;} /* 컨텐츠와그림자사이(진한회색) */
.shadow_box_type01 .box_contents {position:relative;top:-2px;left:-2px;background:#fff;border:2px solid #777;}
* html .shadow_box_type01 .box_contents {height:1%;}
*:first-child+html .shadow_box_type01 .box_contents {height:1%;}
.box_contents *{ line-height:normal;}
.box_contents img, .box_contents fieldset{ border:none;}
.box_contents .layer_content{ border:2px solid #777777; background:#ffffff; position:relative; z-index:2;}
.box_contents .layer_header{ padding:8px 0 7px 11px; margin:0 0 5px 0; color:#000000; font:bold 13px "굴림", Gulim, "돋움", Dotum, AppleGothic, Sans-serif; background:#E0E0E0;}
.box_contents .layer_body{ padding:15px 0 4px 0; margin:0 20px;}
.box_contents .layer_body *{ font-size:12px; font-family:"돋움", Dotum, "굴림", Gulim, AppleGothic, Sans-serif; color:#444444;}
.box_contents .layer_body dt{ margin:0 0 9px 0;}
.box_contents .layer_body dd{ margin:0 0 6px 0;}
.box_contents .layer_body .input_radio{ vertical-align:middle; _margin:-3px;}
.box_contents .layer_footer{ border-top:1px solid #e8e8e8; margin:0 20px; padding:10px 0 15px 0; text-align:center;}
.box_contents .layer_footer *{ vertical-align:top;}
.box_contents .layer_footer input,
.box_contents .layer_footer a{ margin:0 1px 0 0;}
.box_contents .close_layer{ position:absolute; top:9px; right:9px;}

BIN
widgetstyles/box/images/arrowNextB1.gif
View file

Binary file not shown.
Side by side

Before

Width:  |  Height:  |  Size: 51 B

BIN
widgetstyles/box/preview.jpg
View file

Binary file not shown.
Side by side

Before

Width:  |  Height:  |  Size: 11 KiB

85
widgetstyles/box/skin.xml
View file

@ -1,85 +0,0 @@
<?xml version="1.0" encoding="UTF-8"?>
<widgetstyle>
<title xml:lang="ko">박스 위젯스타일</title>
<title xml:lang="zh-CN">盒状控件样式</title>
<title xml:lang="zh-TW">外框樣式</title>
<description xml:lang="ko">박스 위젯스타일</description>
<description xml:lang="zh-CN">可指定控件盒的样式。</description>
<description xml:lang="zh-TW">可指定控件箱的外框樣式。</description>
<version>0.1</version>
<date>2009-02-03</date>
<author email_address="sol@ngleader.com" link="http://www.ngleader.com">
<name xml:lang="ko">sol</name>
<name xml:lang="jp">sol</name>
<name xml:lang="en">sol</name>
<name xml:lang="es">sol</name>
<name xml:lang="zh-CN">sol</name>
<name xml:lang="zh-TW">sol</name>
</author>
<extra_vars>
<var name="ws_title_image" type="filebox" filter="jpg,jpeg,gif,png">
<name xml:lang="ko">제목</name>
<name xml:lang="zh-CN">栏目图片</name>
<name xml:lang="zh-TW">標題圖片</name>
<description xml:lang="ko">제목 이미지를 등록합니다.</description>
<description xml:lang="zh-CN">栏目名可以使用图片。</description>
<description xml:lang="zh-TW">可使用圖片取代標題。</description>
</var>
<var name="ws_title" type="text">
<name xml:lang="ko">제목</name>
<name xml:lang="zh-CN">栏目名</name>
<name xml:lang="zh-TW">標題</name>
<description xml:lang="ko">제목 텍스트</description>
<description xml:lang="zh-CN">输入文本形式的栏目名。</description>
<description xml:lang="zh-TW">請輸入標題文字。</description>
</var>
<var name="ws_title_color" type="text">
<name xml:lang="ko">제목 글자색</name>
<name xml:lang="zh-CN">栏目字体色</name>
<name xml:lang="zh-TW">標題顏色</name>
</var>
<var name="ws_title_bgcolor" type="text">
<name xml:lang="ko">제목 배경색</name>
<name xml:lang="zh-CN">栏目背景色</name>
<name xml:lang="zh-TW">標題背景顏色</name>
</var>
<var name="ws_title_icon" type="filebox" filter="jpg,jpeg,gif,png">
<name xml:lang="ko">아이콘 이미지</name>
<name xml:lang="zh-CN">栏目图标</name>
<name xml:lang="zh-TW">標題圖示</name>
<description xml:lang="ko">제목 앞 아이콘 이미지를 등록합니다.</description>
<description xml:lang="zh-CN">可以给栏目名指定个性图标。</description>
<description xml:lang="zh-TW">可指定標題前方的圖示。</description>
</var>
<var name="ws_more_url" type="text">
<name xml:lang="ko">더보기 URL</name>
<name xml:lang="zh-CN">查看更多(链接)</name>
<name xml:lang="zh-TW">more URL</name>
<description xml:lang="ko">http:// 제외한 URL를 등록합니다.</description>
<description xml:lang="zh-CN">请输入除http://以外的URL地址。</description>
<description xml:lang="zh-TW">請輸入http://以外的URL網址。</description>
</var>
<var name="ws_more_image" type="filebox" filter="jpg,jpeg,gif,png">
<name xml:lang="ko">더보기 이미지</name>
<name xml:lang="zh-CN">查看更多(图片)</name>
<name xml:lang="zh-TW">more Image</name>
</var>
<var name="ws_more_text" type="text">
<name xml:lang="ko">더보기 텍스트</name>
<name xml:lang="zh-CN">查看更多(文本)</name>
<name xml:lang="zh-TW">more TEXT</name>
<description xml:lang="ko">더보기 텍스트</description>
<description xml:lang="zh-CN">文本形式的"查看更多"。</description>
<description xml:lang="zh-TW">純文字格式。</description>
</var>
<var name="ws_border_color" type="text">
<name xml:lang="ko">보더색</name>
<name xml:lang="zh-CN">边框色</name>
<name xml:lang="zh-CN">邊框顏色</name>
</var>
</extra_vars>
</widgetstyle>

BIN
widgetstyles/line/img/moreBgG.gif
View file

Binary file not shown.
Side by side

Before

Width:  |  Height:  |  Size: 59 B

BIN
widgetstyles/memo/preview.gif
View file

Binary file not shown.
Side by side

Before

Width:  |  Height:  |  Size: 2.4 KiB

68
widgetstyles/postitFace/css/widgetBoxStyle.css Normal file
View file

@ -0,0 +1,68 @@
@charset "utf-8";
/* NHN > UIT Center > Open UI Technology Team > Jeong Chan Myeong(dece24@nhncorp.com) */
.widgetBoxContainer{ position:relative;}
.widgetBox{ position:relative;}
.widgetBox .widgetBoxHeader{ font-size:16px; font-family:Tahoma; margin:0; z-index:10;}
.widgetBox .widgetContainer{ position:relative; z-index:10;}
.widgetBox .widgetMore{ position:absolute; display:block; text-decoration:none; font-size:11px !important; white-space:nowrap; font-family:Tahoma; color:#000; text-align:center; z-index:20;}
.widgetBox .widgetMore img{ border:0;}
.widgetBox .rcContainer{ display:block; width:100%; font-size:0; line-height:0; z-index:1; *zoom:1;}
.widgetBox .rc{ position:absolute; display:block; font-size:0; line-height:0; overflow:hidden;}
.widgetBox .rcTop .tl{ top:0;}
.widgetBox .rcTop .tr{ top:0;}
.widgetBox .rcBottom .bl{ top:0;}
.widgetBox .rcBottom .br{ top:0;}
.widgetBoxIyellow{ padding-top:50px;}
.widgetBoxIyellow .widgetBox{ background:#fdf59b; padding-top:10px; padding-bottom:5px;}
.widgetBoxIyellow .widgetBoxHeader{ position:relative; padding:3px 0; text-indent:15px; margin-top:-50px !important; margin-bottom:50px !important;}
.widgetBoxIyellow .widgetContainer{ margin-top:-50px;}
.widgetBoxIyellow .widgetMore{ top:-31px; right:50px;}
.widgetBoxIyellow .rcContainer{ position:absolute;}
.widgetBoxIyellow .rcTop{ top:-50px; height:50px;}
.widgetBoxIyellow .rcBottom{ display:none !important;}
.widgetBoxIyellow .rc { width:50%; background-image:url(../img/widgetBoxIyellow.png); _background-image:url(../img/widgetBoxIyellow.gif); background-repeat:no-repeat;}
.widgetBoxIyellow .rcTop .rc{ height:50px;}
.widgetBoxIyellow .rcTop .tl{ background-position:0 0;}
.widgetBoxIyellow .rcTop .tr{ background-position:right 0; left:50%; *left:auto; _left:50%; right:auto; *right:0; _right:auto;}
.widgetBoxIred{ padding-top:50px;}
.widgetBoxIred .widgetBox{ background:#fd9bda; padding-top:10px; padding-bottom:5px;}
.widgetBoxIred .widgetBoxHeader{ position:relative; padding:3px 0; text-indent:15px; margin-top:-50px !important; margin-bottom:50px !important;}
.widgetBoxIred .widgetContainer{ margin-top:-50px;}
.widgetBoxIred .widgetMore{ top:-31px; right:50px;}
.widgetBoxIred .rcContainer{ position:absolute;}
.widgetBoxIred .rcTop{ top:-50px; height:50px;}
.widgetBoxIred .rcBottom{ display:none !important;}
.widgetBoxIred .rc { width:50%; background-image:url(../img/widgetBoxIred.png); _background-image:url(../img/widgetBoxIred.gif); background-repeat:no-repeat;}
.widgetBoxIred .rcTop .rc{ height:50px;}
.widgetBoxIred .rcTop .tl{ background-position:0 0;}
.widgetBoxIred .rcTop .tr{ background-position:right 0; left:50%; *left:auto; _left:50%; right:auto; *right:0; _right:auto;}
.widgetBoxIgreen{ padding-top:50px;}
.widgetBoxIgreen .widgetBox{ background:#9bfda3; padding-top:10px; padding-bottom:5px;}
.widgetBoxIgreen .widgetBoxHeader{ position:relative; padding:3px 0; text-indent:15px; margin-top:-50px !important; margin-bottom:50px !important;}
.widgetBoxIgreen .widgetContainer{ margin-top:-50px;}
.widgetBoxIgreen .widgetMore{ top:-31px; right:50px;}
.widgetBoxIgreen .rcContainer{ position:absolute;}
.widgetBoxIgreen .rcTop{ top:-50px; height:50px;}
.widgetBoxIgreen .rcBottom{ display:none !important;}
.widgetBoxIgreen .rc { width:50%; background-image:url(../img/widgetBoxIgreen.png); _background-image:url(../img/widgetBoxIgreen.gif); background-repeat:no-repeat;}
.widgetBoxIgreen .rcTop .rc{ height:50px;}
.widgetBoxIgreen .rcTop .tl{ background-position:0 0;}
.widgetBoxIgreen .rcTop .tr{ background-position:right 0; left:50%; *left:auto; _left:50%; right:auto; *right:0; _right:auto;}
.widgetBoxIblue{ padding-top:50px;}
.widgetBoxIblue .widgetBox{ background:#9bf4fd; padding-top:10px; padding-bottom:5px;}
.widgetBoxIblue .widgetBoxHeader{ position:relative; padding:3px 0; text-indent:15px; margin-top:-50px !important; margin-bottom:50px !important;}
.widgetBoxIblue .widgetContainer{ margin-top:-50px;}
.widgetBoxIblue .widgetMore{ top:-31px; right:50px;}
.widgetBoxIblue .rcContainer{ position:absolute;}
.widgetBoxIblue .rcTop{ top:-50px; height:50px;}
.widgetBoxIblue .rcBottom{ display:none !important;}
.widgetBoxIblue .rc { width:50%; background-image:url(../img/widgetBoxIblue.png); _background-image:url(../img/widgetBoxIblue.gif); background-repeat:no-repeat;}
.widgetBoxIblue .rcTop .rc{ height:50px;}
.widgetBoxIblue .rcTop .tl{ background-position:0 0;}
.widgetBoxIblue .rcTop .tr{ background-position:right 0; left:50%; *left:auto; _left:50%; right:auto; *right:0; _right:auto;}

0
widgetstyles/memo/img/widgetBoxIblue.gif → widgetstyles/postitFace/img/widgetBoxIblue.gif
View file

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 6.5 KiB

After

Width:  |  Height:  |  Size: 6.5 KiB

Before After
Before After

0
widgetstyles/memo/img/widgetBoxIblue.png → widgetstyles/postitFace/img/widgetBoxIblue.png
View file

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 4.6 KiB

After

Width:  |  Height:  |  Size: 4.6 KiB

Before After
Before After

0
widgetstyles/memo/img/widgetBoxIgreen.gif → widgetstyles/postitFace/img/widgetBoxIgreen.gif
View file

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 6.3 KiB

After

Width:  |  Height:  |  Size: 6.3 KiB

Before After
Before After

0
widgetstyles/memo/img/widgetBoxIgreen.png → widgetstyles/postitFace/img/widgetBoxIgreen.png
View file

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 4.9 KiB

After

Width:  |  Height:  |  Size: 4.9 KiB

Before After
Before After

0
widgetstyles/memo/img/widgetBoxIred.gif → widgetstyles/postitFace/img/widgetBoxIred.gif
View file

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 6.4 KiB

After

Width:  |  Height:  |  Size: 6.4 KiB

Before After
Before After

0
widgetstyles/memo/img/widgetBoxIred.png → widgetstyles/postitFace/img/widgetBoxIred.png
View file

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 4.8 KiB

After

Width:  |  Height:  |  Size: 4.8 KiB

Before After
Before After

0
widgetstyles/memo/img/widgetBoxIyellow.gif → widgetstyles/postitFace/img/widgetBoxIyellow.gif
View file

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 6.5 KiB

After

Width:  |  Height:  |  Size: 6.5 KiB

Before After
Before After

0
widgetstyles/memo/img/widgetBoxIyellow.png → widgetstyles/postitFace/img/widgetBoxIyellow.png
View file

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 4.6 KiB

After

Width:  |  Height:  |  Size: 4.6 KiB

Before After
Before After

BIN
widgetstyles/postitFace/preview.gif Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 2.5 KiB

19
widgetstyles/memo/skin.xml → widgetstyles/postitFace/skin.xml
View file

@ -1,6 +1,6 @@
<?xml version="1.0" encoding="UTF-8"?> <?xml version="1.0" encoding="UTF-8"?>
<widgetstyle> <widgetstyle>
<title xml:lang="ko">메모 위젯스타일</title> <title xml:lang="ko">포스트잇 페이스</title>
<title xml:lang="zh-TW">留言樣式</title> <title xml:lang="zh-TW">留言樣式</title>
<description xml:lang="ko">메모지 처럼 꾸며진 위젯스타일 입니다.</description> <description xml:lang="ko">메모지 처럼 꾸며진 위젯스타일 입니다.</description>
<description xml:lang="zh-TW">可變換多種留言外框的控件樣式。</description> <description xml:lang="zh-TW">可變換多種留言外框的控件樣式。</description>
@ -20,23 +20,6 @@
<var name="ws_style" type="select"> <var name="ws_style" type="select">
<name xml:lang="ko">스타일</name> <name xml:lang="ko">스타일</name>
<name xml:lang="zh-TW">樣式</name> <name xml:lang="zh-TW">樣式</name>
<options>
<value>widgetBoxHgray</value>
<name xml:lang="ko">회색</name>
<name xml:lang="zh-TW">白色</name>
</options>
<options>
<value>widgetBoxHred</value>
<name xml:lang="ko">빨강</name>
</options>
<options>
<value>widgetBoxHgreen</value>
<name xml:lang="ko">초록</name>
</options>
<options>
<value>widgetBoxHblue</value>
<name xml:lang="ko">파랑</name>
</options>
<options> <options>
<value>widgetBoxIyellow</value> <value>widgetBoxIyellow</value>
<name xml:lang="ko">노랑</name> <name xml:lang="ko">노랑</name>

0
widgetstyles/colorbox/widgetstyle.html → widgetstyles/postitFace/widgetstyle.html
View file

52
widgetstyles/memo/css/widgetBoxStyle.css → widgetstyles/postitWire/css/widgetBoxStyle.css
View file

@ -78,55 +78,3 @@
.widgetBoxHblue .rcTop .tr{ background-position:right 0; left:50%; *left:auto; _left:50%; right:auto; *right:-1px; _right:auto; padding-left:1px;} .widgetBoxHblue .rcTop .tr{ background-position:right 0; left:50%; *left:auto; _left:50%; right:auto; *right:-1px; _right:auto; padding-left:1px;}
.widgetBoxHblue .rcBottom .bl{ background-position:0 bottom; left:-1px; padding-right:1px;} .widgetBoxHblue .rcBottom .bl{ background-position:0 bottom; left:-1px; padding-right:1px;}
.widgetBoxHblue .rcBottom .br{ background-position:right bottom; left:50%; *left:auto; right:auto; *right:-1px; _right:auto; _left:50%; padding-left:1px;} .widgetBoxHblue .rcBottom .br{ background-position:right bottom; left:50%; *left:auto; right:auto; *right:-1px; _right:auto; _left:50%; padding-left:1px;}
.widgetBoxIyellow{ padding-top:50px;}
.widgetBoxIyellow .widgetBox{ background:#fdf59b; padding-top:10px; padding-bottom:5px;}
.widgetBoxIyellow .widgetBoxHeader{ position:relative; padding:3px 0; text-indent:15px; margin-top:-50px !important; margin-bottom:50px !important;}
.widgetBoxIyellow .widgetContainer{ margin-top:-50px;}
.widgetBoxIyellow .widgetMore{ top:-31px; right:50px;}
.widgetBoxIyellow .rcContainer{ position:absolute;}
.widgetBoxIyellow .rcTop{ top:-50px; height:50px;}
.widgetBoxIyellow .rcBottom{ display:none !important;}
.widgetBoxIyellow .rc { width:50%; background-image:url(../img/widgetBoxIyellow.png); _background-image:url(../img/widgetBoxIyellow.gif); background-repeat:no-repeat;}
.widgetBoxIyellow .rcTop .rc{ height:50px;}
.widgetBoxIyellow .rcTop .tl{ background-position:0 0;}
.widgetBoxIyellow .rcTop .tr{ background-position:right 0; left:50%; *left:auto; _left:50%; right:auto; *right:0; _right:auto;}
.widgetBoxIred{ padding-top:50px;}
.widgetBoxIred .widgetBox{ background:#fd9bda; padding-top:10px; padding-bottom:5px;}
.widgetBoxIred .widgetBoxHeader{ position:relative; padding:3px 0; text-indent:15px; margin-top:-50px !important; margin-bottom:50px !important;}
.widgetBoxIred .widgetContainer{ margin-top:-50px;}
.widgetBoxIred .widgetMore{ top:-31px; right:50px;}
.widgetBoxIred .rcContainer{ position:absolute;}
.widgetBoxIred .rcTop{ top:-50px; height:50px;}
.widgetBoxIred .rcBottom{ display:none !important;}
.widgetBoxIred .rc { width:50%; background-image:url(../img/widgetBoxIred.png); _background-image:url(../img/widgetBoxIred.gif); background-repeat:no-repeat;}
.widgetBoxIred .rcTop .rc{ height:50px;}
.widgetBoxIred .rcTop .tl{ background-position:0 0;}
.widgetBoxIred .rcTop .tr{ background-position:right 0; left:50%; *left:auto; _left:50%; right:auto; *right:0; _right:auto;}
.widgetBoxIgreen{ padding-top:50px;}
.widgetBoxIgreen .widgetBox{ background:#9bfda3; padding-top:10px; padding-bottom:5px;}
.widgetBoxIgreen .widgetBoxHeader{ position:relative; padding:3px 0; text-indent:15px; margin-top:-50px !important; margin-bottom:50px !important;}
.widgetBoxIgreen .widgetContainer{ margin-top:-50px;}
.widgetBoxIgreen .widgetMore{ top:-31px; right:50px;}
.widgetBoxIgreen .rcContainer{ position:absolute;}
.widgetBoxIgreen .rcTop{ top:-50px; height:50px;}
.widgetBoxIgreen .rcBottom{ display:none !important;}
.widgetBoxIgreen .rc { width:50%; background-image:url(../img/widgetBoxIgreen.png); _background-image:url(../img/widgetBoxIgreen.gif); background-repeat:no-repeat;}
.widgetBoxIgreen .rcTop .rc{ height:50px;}
.widgetBoxIgreen .rcTop .tl{ background-position:0 0;}
.widgetBoxIgreen .rcTop .tr{ background-position:right 0; left:50%; *left:auto; _left:50%; right:auto; *right:0; _right:auto;}
.widgetBoxIblue{ padding-top:50px;}
.widgetBoxIblue .widgetBox{ background:#9bf4fd; padding-top:10px; padding-bottom:5px;}
.widgetBoxIblue .widgetBoxHeader{ position:relative; padding:3px 0; text-indent:15px; margin-top:-50px !important; margin-bottom:50px !important;}
.widgetBoxIblue .widgetContainer{ margin-top:-50px;}
.widgetBoxIblue .widgetMore{ top:-31px; right:50px;}
.widgetBoxIblue .rcContainer{ position:absolute;}
.widgetBoxIblue .rcTop{ top:-50px; height:50px;}
.widgetBoxIblue .rcBottom{ display:none !important;}
.widgetBoxIblue .rc { width:50%; background-image:url(../img/widgetBoxIblue.png); _background-image:url(../img/widgetBoxIblue.gif); background-repeat:no-repeat;}
.widgetBoxIblue .rcTop .rc{ height:50px;}
.widgetBoxIblue .rcTop .tl{ background-position:0 0;}
.widgetBoxIblue .rcTop .tr{ background-position:right 0; left:50%; *left:auto; _left:50%; right:auto; *right:0; _right:auto;}

0
widgetstyles/memo/img/widgetBoxHblue.gif → widgetstyles/postitWire/img/widgetBoxHblue.gif
View file

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 3.5 KiB

After

Width:  |  Height:  |  Size: 3.5 KiB

Before After
Before After

0
widgetstyles/memo/img/widgetBoxHblue.png → widgetstyles/postitWire/img/widgetBoxHblue.png
View file

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 3.7 KiB

After

Width:  |  Height:  |  Size: 3.7 KiB

Before After
Before After

0
widgetstyles/memo/img/widgetBoxHgray.gif → widgetstyles/postitWire/img/widgetBoxHgray.gif
View file

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 3.5 KiB

After

Width:  |  Height:  |  Size: 3.5 KiB

Before After
Before After

0
widgetstyles/memo/img/widgetBoxHgray.png → widgetstyles/postitWire/img/widgetBoxHgray.png
View file

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 3.1 KiB

After

Width:  |  Height:  |  Size: 3.1 KiB

Before After
Before After

0
widgetstyles/memo/img/widgetBoxHgreen.gif → widgetstyles/postitWire/img/widgetBoxHgreen.gif
View file

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 3.8 KiB

After

Width:  |  Height:  |  Size: 3.8 KiB

Before After
Before After

0
widgetstyles/memo/img/widgetBoxHgreen.png → widgetstyles/postitWire/img/widgetBoxHgreen.png
View file

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 3.8 KiB

After

Width:  |  Height:  |  Size: 3.8 KiB

Before After
Before After

0
widgetstyles/memo/img/widgetBoxHred.gif → widgetstyles/postitWire/img/widgetBoxHred.gif
View file

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 3.7 KiB

After

Width:  |  Height:  |  Size: 3.7 KiB

Before After
Before After

0
widgetstyles/memo/img/widgetBoxHred.png → widgetstyles/postitWire/img/widgetBoxHred.png
View file

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 3.7 KiB

After

Width:  |  Height:  |  Size: 3.7 KiB

Before After
Before After

BIN
widgetstyles/postitWire/preview.gif Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 2.3 KiB

93
widgetstyles/postitWire/skin.xml Normal file
View file

@ -0,0 +1,93 @@
<?xml version="1.0" encoding="UTF-8"?>
<widgetstyle>
<title xml:lang="ko">포스트잇 와이어</title>
<title xml:lang="zh-TW">留言樣式</title>
<description xml:lang="ko">메모지 처럼 꾸며진 위젯스타일 입니다.</description>
<description xml:lang="zh-TW">可變換多種留言外框的控件樣式。</description>
<version>0.1</version>
<date>2009-03-10</date>
<preview>preview.gif</preview>
<author email_address="sol@ngleader.com" link="http://www.ngleader.com">
<name xml:lang="ko">sol</name>
<name xml:lang="jp">sol</name>
<name xml:lang="en">sol</name>
<name xml:lang="es">sol</name>
<name xml:lang="zh-CN">sol</name>
<name xml:lang="zh-TW">sol</name>
</author>
<extra_vars>
<var name="ws_style" type="select">
<name xml:lang="ko">스타일</name>
<name xml:lang="zh-TW">樣式</name>
<options>
<value>widgetBoxHgray</value>
<name xml:lang="ko">회색</name>
<name xml:lang="zh-TW">白色</name>
</options>
<options>
<value>widgetBoxHred</value>
<name xml:lang="ko">빨강</name>
</options>
<options>
<value>widgetBoxHgreen</value>
<name xml:lang="ko">초록</name>
</options>
<options>
<value>widgetBoxHblue</value>
<name xml:lang="ko">파랑</name>
</options>
</var>
<var name="ws_title_image" type="filebox" filter="jpg,jpeg,gif,png">
<name xml:lang="ko">제목</name>
<name xml:lang="zh-CN">栏目图片</name>
<name xml:lang="zh-TW">標題圖片</name>
<description xml:lang="ko">제목 이미지를 등록합니다.</description>
<description xml:lang="zh-CN">栏目名可以使用图片。</description>
<description xml:lang="zh-TW">可使用圖片取代標題。</description>
</var>
<var name="ws_title" type="text">
<name xml:lang="ko">제목</name>
<name xml:lang="zh-CN">栏目名</name>
<name xml:lang="zh-TW">標題</name>
<description xml:lang="ko">제목 텍스트</description>
<description xml:lang="zh-CN">输入文本形式的栏目名。</description>
<description xml:lang="zh-TW">請輸入標題文字。</description>
</var>
<var name="ws_title_color" type="color">
<name xml:lang="ko">제목 글자색</name>
<name xml:lang="zh-CN">栏目字体色</name>
<name xml:lang="zh-TW">標題顏色</name>
</var>
<var name="ws_title_icon" type="filebox" filter="jpg,jpeg,gif,png">
<name xml:lang="ko">아이콘 이미지</name>
<name xml:lang="zh-CN">栏目图标</name>
<name xml:lang="zh-TW">標題圖示</name>
<description xml:lang="ko">제목 앞 아이콘 이미지를 등록합니다.</description>
<description xml:lang="zh-CN">可以给栏目名指定个性图标。</description>
<description xml:lang="zh-TW">可指定標題前方的圖示。</description>
</var>
<var name="ws_more_url" type="text">
<name xml:lang="ko">더보기 URL</name>
<name xml:lang="zh-CN">查看更多(链接)</name>
<name xml:lang="zh-TW">more URL</name>
<description xml:lang="ko">http:// 제외한 URL를 등록합니다.</description>
<description xml:lang="zh-CN">请输入除http://以外的URL地址。</description>
<description xml:lang="zh-TW">請輸入http://以外的URL網址。</description>
</var>
<var name="ws_more_image" type="filebox" filter="jpg,jpeg,gif,png">
<name xml:lang="ko">더보기 이미지</name>
<name xml:lang="zh-CN">查看更多(图片)</name>
<name xml:lang="zh-TW">more Image</name>
</var>
<var name="ws_more_text" type="text">
<name xml:lang="ko">더보기 텍스트</name>
<name xml:lang="zh-CN">查看更多(文本)</name>
<name xml:lang="zh-TW">more TEXT</name>
<description xml:lang="ko">더보기 텍스트</description>
<description xml:lang="zh-CN">文本形式的"查看更多"。</description>
<description xml:lang="zh-TW">純文字格式。</description>
</var>
</extra_vars>
</widgetstyle>

0
widgetstyles/line/widgetstyle.html → widgetstyles/postitWire/widgetstyle.html
View file

BIN
widgetstyles/round/img/moreBgDblue.gif
View file

Binary file not shown.
Side by side

Before

Width:  |  Height:  |  Size: 64 B

BIN
widgetstyles/round/img/moreBgDgreen.gif
View file

Binary file not shown.
Side by side

Before

Width:  |  Height:  |  Size: 64 B

BIN
widgetstyles/round/img/moreBgDred.gif
View file

Binary file not shown.
Side by side

Before

Width:  |  Height:  |  Size: 64 B

BIN
widgetstyles/round/img/moreBgEblue.gif
View file

Binary file not shown.
Side by side

Before

Width:  |  Height:  |  Size: 64 B

BIN
widgetstyles/round/img/moreBgEgreen.gif
View file

Binary file not shown.
Side by side

Before

Width:  |  Height:  |  Size: 64 B

BIN
widgetstyles/round/img/moreBgEred.gif
View file

Binary file not shown.
Side by side

Before

Width:  |  Height:  |  Size: 64 B

BIN
widgetstyles/round/preview.gif
View file

Binary file not shown.
Side by side

Before

Width:  |  Height:  |  Size: 969 B

64
widgetstyles/roundFace/css/widgetBoxStyle.css Normal file
View file

@ -0,0 +1,64 @@
@charset "utf-8";
/* NHN > UIT Center > Open UI Technology Team > Jeong Chan Myeong(dece24@nhncorp.com) */
.widgetBoxContainer{ position:relative;}
.widgetBox{ position:relative;}
.widgetBox .widgetBoxHeader{ font-size:16px; font-family:Tahoma; margin:0; z-index:10;}
.widgetBox .widgetContainer{ position:relative; z-index:10;}
.widgetBox .widgetMore{ position:absolute; display:block; text-decoration:none; font-size:11px !important; white-space:nowrap; font-family:Tahoma; color:#000; text-align:center; z-index:20;}
.widgetBox .widgetMore img{ border:0;}
.widgetBox .rcContainer{ display:block; width:100%; font-size:0; line-height:0; z-index:1; *zoom:1;}
.widgetBox .rc{ position:absolute; display:block; font-size:0; line-height:0; overflow:hidden;}
.widgetBox .rcTop .tl{ top:0;}
.widgetBox .rcTop .tr{ top:0;}
.widgetBox .rcBottom .bl{ top:0;}
.widgetBox .rcBottom .br{ top:0;}
.widgetBoxEred{ padding:3px 0;}
.widgetBoxEred .widgetBox{ background:#ff3333; *zoom:1}
.widgetBoxEred .widgetBoxHeader{ position:relative; padding:5px 0; text-indent:15px; color:#fff;}
.widgetBoxEred .widgetContainer,
.widgetBoxEred .widgetContainer a{ color:#fff;}
.widgetBoxEred .widgetMore{ top:10px; right:15px; width:35px; background:url(../img/moreBgEred.gif) no-repeat; color:#ff3333;}
.widgetBoxEred .rcTop,
.widgetBoxEred .rcBottom{ height:3px;}
.widgetBoxEred .rcTop{ position:absolute; top:-3px;}
.widgetBoxEred .rcBottom{ position:relative; bottom:-3px;}
.widgetBoxEred .rc { width:50%; height:3px; background-image:url(../img/roundedCornerEred.gif); background-repeat:no-repeat;}
.widgetBoxEred .rcTop .tl{ background-position:0 0;}
.widgetBoxEred .rcTop .tr{ background-position:right 0; left:50%;}
.widgetBoxEred .rcBottom .bl{ background-position:0 bottom;}
.widgetBoxEred .rcBottom .br{ background-position:right bottom; left:50%;}
.widgetBoxEgreen{ padding:3px 0;}
.widgetBoxEgreen .widgetBox{ background:#90d133; *zoom:1}
.widgetBoxEgreen .widgetBoxHeader{ position:relative; padding:5px 0; text-indent:15px; color:#fff;}
.widgetBoxEgreen .widgetContainer,
.widgetBoxEgreen .widgetContainer a{ color:#fff;}
.widgetBoxEgreen .widgetMore{ top:10px; right:15px; width:35px; background:url(../img/moreBgEgreen.gif) no-repeat; color:#90d133;}
.widgetBoxEgreen .rcTop,
.widgetBoxEgreen .rcBottom{ height:3px;}
.widgetBoxEgreen .rcTop{ position:absolute; top:-3px;}
.widgetBoxEgreen .rcBottom{ position:relative; bottom:-3px;}
.widgetBoxEgreen .rc { width:50%; height:3px; background-image:url(../img/roundedCornerEgreen.gif); background-repeat:no-repeat;}
.widgetBoxEgreen .rcTop .tl{ background-position:0 0;}
.widgetBoxEgreen .rcTop .tr{ background-position:right 0; left:50%;}
.widgetBoxEgreen .rcBottom .bl{ background-position:0 bottom;}
.widgetBoxEgreen .rcBottom .br{ background-position:right bottom; left:50%;}
.widgetBoxEblue{ padding:3px 0;}
.widgetBoxEblue .widgetBox{ background:#55ccdd; *zoom:1}
.widgetBoxEblue .widgetBoxHeader{ position:relative; padding:5px 0; text-indent:15px; color:#fff;}
.widgetBoxEblue .widgetContainer,
.widgetBoxEblue .widgetContainer a{ color:#fff;}
.widgetBoxEblue .widgetMore{ top:10px; right:15px; width:35px; background:url(../img/moreBgEblue.gif) no-repeat; color:#55ccdd;}
.widgetBoxEblue .rcTop,
.widgetBoxEblue .rcBottom{ height:3px;}
.widgetBoxEblue .rcTop{ position:absolute; top:-3px;}
.widgetBoxEblue .rcBottom{ position:relative; bottom:-3px;}
.widgetBoxEblue .rc { width:50%; height:3px; background-image:url(../img/roundedCornerEblue.gif); background-repeat:no-repeat;}
.widgetBoxEblue .rcTop .tl{ background-position:0 0;}
.widgetBoxEblue .rcTop .tr{ background-position:right 0; left:50%;}
.widgetBoxEblue .rcBottom .bl{ background-position:0 bottom;}
.widgetBoxEblue .rcBottom .br{ background-position:right bottom; left:50%;}

0
widgetstyles/line/img/moreBgEblue.gif → widgetstyles/roundFace/img/moreBgEblue.gif
View file

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 64 B

After

Width:  |  Height:  |  Size: 64 B

Before After
Before After

0
widgetstyles/line/img/moreBgEgreen.gif → widgetstyles/roundFace/img/moreBgEgreen.gif
View file

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 64 B

After

Width:  |  Height:  |  Size: 64 B

Before After
Before After

0
widgetstyles/line/img/moreBgEred.gif → widgetstyles/roundFace/img/moreBgEred.gif
View file

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 64 B

After

Width:  |  Height:  |  Size: 64 B

Before After
Before After

0
widgetstyles/round/img/roundedCornerEblue.gif → widgetstyles/roundFace/img/roundedCornerEblue.gif
View file

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 217 B

After

Width:  |  Height:  |  Size: 217 B

Before After
Before After

0
widgetstyles/round/img/roundedCornerEgreen.gif → widgetstyles/roundFace/img/roundedCornerEgreen.gif
View file

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 217 B

After

Width:  |  Height:  |  Size: 217 B

Before After
Before After

0
widgetstyles/round/img/roundedCornerEred.gif → widgetstyles/roundFace/img/roundedCornerEred.gif
View file

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 217 B

After

Width:  |  Height:  |  Size: 217 B

Before After
Before After

BIN
widgetstyles/roundFace/preview.gif Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 945 B

195
widgetstyles/round/skin.xml → widgetstyles/roundFace/skin.xml
View file

@ -1,106 +1,91 @@
<?xml version="1.0" encoding="UTF-8"?> <?xml version="1.0" encoding="UTF-8"?>
<widgetstyle> <widgetstyle>
<title xml:lang="ko">라운드 위젯스타일</title> <title xml:lang="ko">라운드 페이스</title>
<title xml:lang="zh-TW">圓角外框樣式</title> <title xml:lang="zh-TW">圓角外框樣式</title>
<description xml:lang="ko">외각이 라운드로 꾸며진 위젯스타일 입니다.</description> <description xml:lang="ko">둥근 면으로 꾸며진 위젯스타일 입니다.</description>
<description xml:lang="zh-TW">可變換多種圓角外框的控件樣式。</description> <description xml:lang="zh-TW">可變換多種圓角外框的控件樣式。</description>
<version>0.1</version> <version>0.1</version>
<date>2009-03-10</date> <date>2009-03-10</date>
<preview>preview.gif</preview> <preview>preview.gif</preview>
<author email_address="sol@ngleader.com" link="http://www.ngleader.com"> <author email_address="sol@ngleader.com" link="http://www.ngleader.com">
<name xml:lang="ko">sol</name> <name xml:lang="ko">sol</name>
<name xml:lang="jp">sol</name> <name xml:lang="jp">sol</name>
<name xml:lang="en">sol</name> <name xml:lang="en">sol</name>
<name xml:lang="es">sol</name> <name xml:lang="es">sol</name>
<name xml:lang="zh-CN">sol</name> <name xml:lang="zh-CN">sol</name>
<name xml:lang="zh-TW">sol</name> <name xml:lang="zh-TW">sol</name>
</author> </author>
<extra_vars> <extra_vars>
<var name="ws_style" type="select"> <var name="ws_style" type="select">
<name xml:lang="ko">스타일</name> <name xml:lang="ko">스타일</name>
<name xml:lang="zh-TW">樣式</name> <name xml:lang="zh-TW">樣式</name>
<options> <options>
<value>widgetBoxDred</value> <value>widgetBoxEred</value>
<name xml:lang="ko">빨강색 선</name> <name xml:lang="ko">빨강</name>
<name xml:lang="zh-TW">紅框</name> <name xml:lang="zh-TW">紅色</name>
</options> </options>
<options> <options>
<value>widgetBoxDgreen</value> <value>widgetBoxEgreen</value>
<name xml:lang="ko">녹색 선</name> <name xml:lang="ko">초록</name>
<name xml:lang="zh-TW">綠框</name> <name xml:lang="zh-TW">綠色</name>
</options> </options>
<options> <options>
<value>widgetBoxDblue</value> <value>widgetBoxEblue</value>
<name xml:lang="ko">파랑색 선</name> <name xml:lang="ko">파랑</name>
<name xml:lang="zh-TW">藍框</name> <name xml:lang="zh-TW">藍色</name>
</options> </options>
<options> </var>
<value>widgetBoxEred</value> <var name="ws_title_image" type="filebox" filter="jpg,jpeg,gif,png">
<name xml:lang="ko">빨강색</name> <name xml:lang="ko">제목</name>
<name xml:lang="zh-TW">紅色</name> <name xml:lang="zh-CN">栏目图片</name>
</options> <name xml:lang="zh-TW">標題圖片</name>
<options> <description xml:lang="ko">제목 이미지를 등록합니다.</description>
<value>widgetBoxEgreen</value> <description xml:lang="zh-CN">栏目名可以使用图片。</description>
<name xml:lang="ko">녹색</name> <description xml:lang="zh-TW">可使用圖片取代標題。</description>
<name xml:lang="zh-TW">綠色</name> </var>
</options> <var name="ws_title" type="text">
<options> <name xml:lang="ko">제목</name>
<value>widgetBoxEblue</value> <name xml:lang="zh-CN">栏目名</name>
<name xml:lang="ko">파랑색</name> <name xml:lang="zh-TW">標題</name>
<name xml:lang="zh-TW">藍色</name> <description xml:lang="ko">제목 텍스트</description>
</options> <description xml:lang="zh-CN">输入文本形式的栏目名。</description>
</var> <description xml:lang="zh-TW">請輸入標題文字。</description>
<var name="ws_title_image" type="filebox" filter="jpg,jpeg,gif,png"> </var>
<name xml:lang="ko">제목</name> <var name="ws_title_color" type="color">
<name xml:lang="zh-CN">栏目图片</name> <name xml:lang="ko">제목 글자색</name>
<name xml:lang="zh-TW">標題圖片</name> <name xml:lang="zh-CN">栏目字体色</name>
<description xml:lang="ko">제목 이미지를 등록합니다.</description> <name xml:lang="zh-TW">標題顏色</name>
<description xml:lang="zh-CN">栏目名可以使用图片。</description> </var>
<description xml:lang="zh-TW">可使用圖片取代標題。</description> <var name="ws_title_icon" type="filebox" filter="jpg,jpeg,gif,png">
</var> <name xml:lang="ko">아이콘 이미지</name>
<var name="ws_title" type="text"> <name xml:lang="zh-CN">栏目图标</name>
<name xml:lang="ko">제목</name> <name xml:lang="zh-TW">標題圖示</name>
<name xml:lang="zh-CN">栏目名</name> <description xml:lang="ko">제목 앞 아이콘 이미지를 등록합니다.</description>
<name xml:lang="zh-TW">標題</name> <description xml:lang="zh-CN">可以给栏目名指定个性图标。</description>
<description xml:lang="ko">제목 텍스트</description> <description xml:lang="zh-TW">可指定標題前方的圖示。</description>
<description xml:lang="zh-CN">输入文本形式的栏目名。</description> </var>
<description xml:lang="zh-TW">請輸入標題文字。</description>
</var> <var name="ws_more_url" type="text">
<var name="ws_title_color" type="color"> <name xml:lang="ko">더보기 URL</name>
<name xml:lang="ko">제목 글자색</name> <name xml:lang="zh-CN">查看更多(链接)</name>
<name xml:lang="zh-CN">栏目字体色</name> <name xml:lang="zh-TW">more URL</name>
<name xml:lang="zh-TW">標題顏色</name> <description xml:lang="ko">http:// 제외한 URL를 등록합니다.</description>
</var> <description xml:lang="zh-CN">请输入除http://以外的URL地址。</description>
<var name="ws_title_icon" type="filebox" filter="jpg,jpeg,gif,png"> <description xml:lang="zh-TW">請輸入http://以外的URL網址。</description>
<name xml:lang="ko">아이콘 이미지</name> </var>
<name xml:lang="zh-CN">栏目图标</name> <var name="ws_more_image" type="filebox" filter="jpg,jpeg,gif,png">
<name xml:lang="zh-TW">標題圖示</name> <name xml:lang="ko">더보기 이미지</name>
<description xml:lang="ko">제목 앞 아이콘 이미지를 등록합니다.</description> <name xml:lang="zh-CN">查看更多(图片)</name>
<description xml:lang="zh-CN">可以给栏目名指定个性图标。</description> <name xml:lang="zh-TW">more Image</name>
<description xml:lang="zh-TW">可指定標題前方的圖示。</description> </var>
</var> <var name="ws_more_text" type="text">
<name xml:lang="ko">더보기 텍스트</name>
<var name="ws_more_url" type="text"> <name xml:lang="zh-CN">查看更多(文本)</name>
<name xml:lang="ko">더보기 URL</name> <name xml:lang="zh-TW">more TEXT</name>
<name xml:lang="zh-CN">查看更多(链接)</name> <description xml:lang="ko">더보기 텍스트</description>
<name xml:lang="zh-TW">more URL</name> <description xml:lang="zh-CN">文本形式的"查看更多"。</description>
<description xml:lang="ko">http:// 제외한 URL를 등록합니다.</description> <description xml:lang="zh-TW">純文字格式。</description>
<description xml:lang="zh-CN">请输入除http://以外的URL地址。</description> </var>
<description xml:lang="zh-TW">請輸入http://以外的URL網址。</description> </extra_vars>
</var>
<var name="ws_more_image" type="filebox" filter="jpg,jpeg,gif,png">
<name xml:lang="ko">더보기 이미지</name>
<name xml:lang="zh-CN">查看更多(图片)</name>
<name xml:lang="zh-TW">more Image</name>
</var>
<var name="ws_more_text" type="text">
<name xml:lang="ko">더보기 텍스트</name>
<name xml:lang="zh-CN">查看更多(文本)</name>
<name xml:lang="zh-TW">more TEXT</name>
<description xml:lang="ko">더보기 텍스트</description>
<description xml:lang="zh-CN">文本形式的"查看更多"。</description>
<description xml:lang="zh-TW">純文字格式。</description>
</var>
</extra_vars>
</widgetstyle> </widgetstyle>

0
widgetstyles/round/widgetstyle.html → widgetstyles/roundFace/widgetstyle.html
View file

48
widgetstyles/round/css/widgetBoxStyle.css → widgetstyles/roundWire/css/widgetBoxStyle.css
View file

@ -56,51 +56,3 @@
.widgetBoxDblue .rcTop .tr{ background-position:right 0; left:5px;} .widgetBoxDblue .rcTop .tr{ background-position:right 0; left:5px;}
.widgetBoxDblue .rcBottom .bl{ background-position:0 bottom; left:-5px;} .widgetBoxDblue .rcBottom .bl{ background-position:0 bottom; left:-5px;}
.widgetBoxDblue .rcBottom .br{ background-position:right bottom; left:5px;} .widgetBoxDblue .rcBottom .br{ background-position:right bottom; left:5px;}
.widgetBoxEred{ padding:3px 0;}
.widgetBoxEred .widgetBox{ background:#ff3333; *zoom:1}
.widgetBoxEred .widgetBoxHeader{ position:relative; padding:5px 0; text-indent:15px; color:#fff;}
.widgetBoxEred .widgetContainer,
.widgetBoxEred .widgetContainer a{ color:#fff;}
.widgetBoxEred .widgetMore{ top:10px; right:15px; width:35px; background:url(../img/moreBgEred.gif) no-repeat; color:#ff3333;}
.widgetBoxEred .rcTop,
.widgetBoxEred .rcBottom{ height:3px;}
.widgetBoxEred .rcTop{ position:absolute; top:-3px;}
.widgetBoxEred .rcBottom{ position:relative; bottom:-3px;}
.widgetBoxEred .rc { width:50%; height:3px; background-image:url(../img/roundedCornerEred.gif); background-repeat:no-repeat;}
.widgetBoxEred .rcTop .tl{ background-position:0 0;}
.widgetBoxEred .rcTop .tr{ background-position:right 0; left:50%;}
.widgetBoxEred .rcBottom .bl{ background-position:0 bottom;}
.widgetBoxEred .rcBottom .br{ background-position:right bottom; left:50%;}
.widgetBoxEgreen{ padding:3px 0;}
.widgetBoxEgreen .widgetBox{ background:#90d133; *zoom:1}
.widgetBoxEgreen .widgetBoxHeader{ position:relative; padding:5px 0; text-indent:15px; color:#fff;}
.widgetBoxEgreen .widgetContainer,
.widgetBoxEgreen .widgetContainer a{ color:#fff;}
.widgetBoxEgreen .widgetMore{ top:10px; right:15px; width:35px; background:url(../img/moreBgEgreen.gif) no-repeat; color:#90d133;}
.widgetBoxEgreen .rcTop,
.widgetBoxEgreen .rcBottom{ height:3px;}
.widgetBoxEgreen .rcTop{ position:absolute; top:-3px;}
.widgetBoxEgreen .rcBottom{ position:relative; bottom:-3px;}
.widgetBoxEgreen .rc { width:50%; height:3px; background-image:url(../img/roundedCornerEgreen.gif); background-repeat:no-repeat;}
.widgetBoxEgreen .rcTop .tl{ background-position:0 0;}
.widgetBoxEgreen .rcTop .tr{ background-position:right 0; left:50%;}
.widgetBoxEgreen .rcBottom .bl{ background-position:0 bottom;}
.widgetBoxEgreen .rcBottom .br{ background-position:right bottom; left:50%;}
.widgetBoxEblue{ padding:3px 0;}
.widgetBoxEblue .widgetBox{ background:#55ccdd; *zoom:1}
.widgetBoxEblue .widgetBoxHeader{ position:relative; padding:5px 0; text-indent:15px; color:#fff;}
.widgetBoxEblue .widgetContainer,
.widgetBoxEblue .widgetContainer a{ color:#fff;}
.widgetBoxEblue .widgetMore{ top:10px; right:15px; width:35px; background:url(../img/moreBgEblue.gif) no-repeat; color:#55ccdd;}
.widgetBoxEblue .rcTop,
.widgetBoxEblue .rcBottom{ height:3px;}
.widgetBoxEblue .rcTop{ position:absolute; top:-3px;}
.widgetBoxEblue .rcBottom{ position:relative; bottom:-3px;}
.widgetBoxEblue .rc { width:50%; height:3px; background-image:url(../img/roundedCornerEblue.gif); background-repeat:no-repeat;}
.widgetBoxEblue .rcTop .tl{ background-position:0 0;}
.widgetBoxEblue .rcTop .tr{ background-position:right 0; left:50%;}
.widgetBoxEblue .rcBottom .bl{ background-position:0 bottom;}
.widgetBoxEblue .rcBottom .br{ background-position:right bottom; left:50%;}

0
widgetstyles/line/img/moreBgDblue.gif → widgetstyles/roundWire/img/moreBgDblue.gif
View file

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 64 B

After

Width:  |  Height:  |  Size: 64 B

Before After
Before After

0
widgetstyles/line/img/moreBgDgreen.gif → widgetstyles/roundWire/img/moreBgDgreen.gif
View file

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 64 B

After

Width:  |  Height:  |  Size: 64 B

Before After
Before After

0
widgetstyles/line/img/moreBgDred.gif → widgetstyles/roundWire/img/moreBgDred.gif
View file

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 64 B

After

Width:  |  Height:  |  Size: 64 B

Before After
Before After

0
widgetstyles/round/img/roundedCornerDblue.gif → widgetstyles/roundWire/img/roundedCornerDblue.gif
View file

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 686 B

After

Width:  |  Height:  |  Size: 686 B

Before After
Before After

0
widgetstyles/round/img/roundedCornerDblue.png → widgetstyles/roundWire/img/roundedCornerDblue.png
View file

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 704 B

After

Width:  |  Height:  |  Size: 704 B

Before After
Before After

0
widgetstyles/round/img/roundedCornerDgreen.gif → widgetstyles/roundWire/img/roundedCornerDgreen.gif
View file

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 692 B

After

Width:  |  Height:  |  Size: 692 B

Before After
Before After

0
widgetstyles/round/img/roundedCornerDgreen.png → widgetstyles/roundWire/img/roundedCornerDgreen.png
View file

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 705 B

After

Width:  |  Height:  |  Size: 705 B

Before After
Before After

0
widgetstyles/round/img/roundedCornerDred.gif → widgetstyles/roundWire/img/roundedCornerDred.gif
View file

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 633 B

After

Width:  |  Height:  |  Size: 633 B

Before After
Before After

0
widgetstyles/round/img/roundedCornerDred.png → widgetstyles/roundWire/img/roundedCornerDred.png
View file

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 679 B

After

Width:  |  Height:  |  Size: 679 B

Before After
Before After

BIN
widgetstyles/roundWire/preview.gif Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 1.1 KiB

91
widgetstyles/roundWire/skin.xml Normal file
View file

@ -0,0 +1,91 @@
<?xml version="1.0" encoding="UTF-8"?>
<widgetstyle>
<title xml:lang="ko">라운드 와이어</title>
<title xml:lang="zh-TW">圓角外框樣式</title>
<description xml:lang="ko">둥근 선으로 꾸며진 위젯스타일 입니다.</description>
<description xml:lang="zh-TW">可變換多種圓角外框的控件樣式。</description>
<version>0.1</version>
<date>2009-03-10</date>
<preview>preview.gif</preview>
<author email_address="sol@ngleader.com" link="http://www.ngleader.com">
<name xml:lang="ko">sol</name>
<name xml:lang="jp">sol</name>
<name xml:lang="en">sol</name>
<name xml:lang="es">sol</name>
<name xml:lang="zh-CN">sol</name>
<name xml:lang="zh-TW">sol</name>
</author>
<extra_vars>
<var name="ws_style" type="select">
<name xml:lang="ko">스타일</name>
<name xml:lang="zh-TW">樣式</name>
<options>
<value>widgetBoxDred</value>
<name xml:lang="ko">빨강</name>
<name xml:lang="zh-TW">紅框</name>
</options>
<options>
<value>widgetBoxDgreen</value>
<name xml:lang="ko">초록</name>
<name xml:lang="zh-TW">綠框</name>
</options>
<options>
<value>widgetBoxDblue</value>
<name xml:lang="ko">파랑</name>
<name xml:lang="zh-TW">藍框</name>
</options>
</var>
<var name="ws_title_image" type="filebox" filter="jpg,jpeg,gif,png">
<name xml:lang="ko">제목</name>
<name xml:lang="zh-CN">栏目图片</name>
<name xml:lang="zh-TW">標題圖片</name>
<description xml:lang="ko">제목 이미지를 등록합니다.</description>
<description xml:lang="zh-CN">栏目名可以使用图片。</description>
<description xml:lang="zh-TW">可使用圖片取代標題。</description>
</var>
<var name="ws_title" type="text">
<name xml:lang="ko">제목</name>
<name xml:lang="zh-CN">栏目名</name>
<name xml:lang="zh-TW">標題</name>
<description xml:lang="ko">제목 텍스트</description>
<description xml:lang="zh-CN">输入文本形式的栏目名。</description>
<description xml:lang="zh-TW">請輸入標題文字。</description>
</var>
<var name="ws_title_color" type="color">
<name xml:lang="ko">제목 글자색</name>
<name xml:lang="zh-CN">栏目字体色</name>
<name xml:lang="zh-TW">標題顏色</name>
</var>
<var name="ws_title_icon" type="filebox" filter="jpg,jpeg,gif,png">
<name xml:lang="ko">아이콘 이미지</name>
<name xml:lang="zh-CN">栏目图标</name>
<name xml:lang="zh-TW">標題圖示</name>
<description xml:lang="ko">제목 앞 아이콘 이미지를 등록합니다.</description>
<description xml:lang="zh-CN">可以给栏目名指定个性图标。</description>
<description xml:lang="zh-TW">可指定標題前方的圖示。</description>
</var>
<var name="ws_more_url" type="text">
<name xml:lang="ko">더보기 URL</name>
<name xml:lang="zh-CN">查看更多(链接)</name>
<name xml:lang="zh-TW">more URL</name>
<description xml:lang="ko">http:// 제외한 URL를 등록합니다.</description>
<description xml:lang="zh-CN">请输入除http://以外的URL地址。</description>
<description xml:lang="zh-TW">請輸入http://以外的URL網址。</description>
</var>
<var name="ws_more_image" type="filebox" filter="jpg,jpeg,gif,png">
<name xml:lang="ko">더보기 이미지</name>
<name xml:lang="zh-CN">查看更多(图片)</name>
<name xml:lang="zh-TW">more Image</name>
</var>
<var name="ws_more_text" type="text">
<name xml:lang="ko">더보기 텍스트</name>
<name xml:lang="zh-CN">查看更多(文本)</name>
<name xml:lang="zh-TW">more TEXT</name>
<description xml:lang="ko">더보기 텍스트</description>
<description xml:lang="zh-CN">文本形式的"查看更多"。</description>
<description xml:lang="zh-TW">純文字格式。</description>
</var>
</extra_vars>
</widgetstyle>

24
widgetstyles/box/widgetstyle.html → widgetstyles/roundWire/widgetstyle.html
View file

@ -1,12 +1,10 @@
<!--%import("css/default.css")--> <!--%import("css/widgetBoxStyle.css")-->
<div class="shadow_box_type01"> <div class="widgetBoxContainer {$widgetstyle_extar_var->ws_style}">
<div class="shadow_level_01"> <div class="widgetBox">
<div class="shadow_level_02">
<div class="box_contents" <!--@if($widgetstyle_extar_var->ws_border_color)-->style="border:2px solid {$widgetstyle_extar_var->ws_border_color}"<!--@end-->>
<!--@if($widgetstyle_extar_var->ws_title_image || $widgetstyle_extar_var->ws_title)--> <!--@if($widgetstyle_extar_var->ws_title_image || $widgetstyle_extar_var->ws_title)-->
<h3 class="layer_header" style="<!--@if($widgetstyle_extar_var->ws_title_bgcolor)-->background-color:{$widgetstyle_extar_var->ws_title_bgcolor};<!--@end-->"<!--@if($widgetstyle_extar_var->ws_title_color)-->color:{$widgetstyle_extar_var->ws_title_color};<!--@end-->"> <h3 class="widgetBoxHeader" <!--@if($widgetstyle_extar_var->ws_title_color)-->style="color:{$widgetstyle_extar_var->ws_title_color};"<!--@end-->>
<!--@if($widgetstyle_extar_var->ws_title_icon)--> <!--@if($widgetstyle_extar_var->ws_title_icon)-->
<img src="{$widgetstyle_extar_var->ws_title_icon}" /> <img src="{$widgetstyle_extar_var->ws_title_icon}" />
<!--@end--> <!--@end-->
@ -20,11 +18,11 @@
<!--@end--> <!--@end-->
</h3> </h3>
<!--@end--> <!--@end-->
{$widget_content} {$widget_content}
<!--@if($widgetstyle_extar_var->ws_more_url)--> <!--@if($widgetstyle_extar_var->ws_more_url)-->
<a href="http://{$widgetstyle_extar_var->ws_more_url}" style="position:absolute;right:15px;top:10px;"> <a href="http://{$widgetstyle_extar_var->ws_more_url}" class="widgetMore">
<!--@if($widgetstyle_extar_var->ws_more_image)--> <!--@if($widgetstyle_extar_var->ws_more_image)-->
<img src="{$widgetstyle_extar_var->ws_more_image}" /> <img src="{$widgetstyle_extar_var->ws_more_image}" />
<!--@else if($widgetstyle_extar_var->ws_more_text)--> <!--@else if($widgetstyle_extar_var->ws_more_text)-->
@ -34,7 +32,13 @@
<!--@end--> <!--@end-->
</a> </a>
<!--@end--> <!--@end-->
</div> <span class="rcContainer rcTop">
</div> <span class="rc tl"></span>
<span class="rc tr"></span>
</span>
<span class="rcContainer rcBottom">
<span class="rc bl"></span>
<span class="rc br"></span>
</span>
</div> </div>
</div> </div>

BIN
widgetstyles/simple/preview.jpg
View file

Binary file not shown.
Side by side

Before

Width:  |  Height:  |  Size: 2.8 KiB

62
widgetstyles/simple/skin.xml
View file

@ -1,62 +0,0 @@
<?xml version="1.0" encoding="UTF-8"?>
<widgetstyle>
<title xml:lang="ko">제목, more버튼 위젯스타일</title>
<title xml:lang="zh-CN">简易控件样式</title>
<title xml:lang="zh-TW">簡單樣式</title>
<description xml:lang="ko">제목과 more버튼만 있는 간단한 위젯 스타일</description>
<description xml:lang="zh-CN">只有栏目名和查看更多(more)选项的简易控件样式。</description>
<description xml:lang="zh-TW">只有標題與more按紐的簡單控件樣式。</description>
<version>0.1</version>
<date>2009-02-03</date>
<author email_address="sol@ngleader.com" link="http://www.ngleader.com">
<name xml:lang="ko">sol</name>
<name xml:lang="zh-CN">sol</name>
<name xml:lang="zh-TW">sol</name>
</author>
<extra_vars>
<var name="ws_colorset" type="select">
<title xml:lang="ko">컬러셋</title>
<title xml:lang="zh-CN">颜色</title>
<title xml:lang="zh-TW">顏色</title>
<description xml:lang="ko">컬러셋을 지정해주세요</description>
<description xml:lang="zh-CN">请指定适当的颜色。</description>
<description xml:lang="zh-TW">請選擇顏色。</description>
<options>
<name xml:lang="ko">하얀색</name>
<name xml:lang="zh-CN">白色</name>
<name xml:lang="zh-TW">白色</name>
<value>white</value>
</options>
<options>
<name xml:lang="ko">검은색</name>
<name xml:lang="zh-CN">黑色</name>
<name xml:lang="zh-TW">黑色</name>
<value>black</value>
</options>
</var>
<var name="ws_title" type="text">
<name xml:lang="ko">제목</name>
<name xml:lang="zh-CN">栏目名</name>
<name xml:lang="zh-TW">標題</name>
<description xml:lang="ko">제목 텍스트</description>
<description xml:lang="zh-CN">请输入栏目名。</description>
<description xml:lang="zh-TW">請輸入標題。</description>
</var>
<var name="ws_more_url" type="text">
<name xml:lang="ko">더보기 URL</name>
<name xml:lang="zh-CN">查看更多(链接)</name>
<name xml:lang="zh-TW">more URL</name>
<description xml:lang="ko">http:// 포함한 URL를 등록합니다.</description>
</var>
<var name="ws_more_text" type="text">
<name xml:lang="ko">더보기 텍스트</name>
<name xml:lang="zh-CN">查看更多(文本)</name>
<name xml:lang="zh-TW">more TEXT</name>
<description xml:lang="ko">더보기 텍스트</description>
<description xml:lang="zh-CN">文本形式的"查看更多"。</description>
<description xml:lang="zh-TW">純文字格式。</description>
</var>
</extra_vars>
</widgetstyle>

5
widgetstyles/simple/style.css
View file

@ -1,5 +0,0 @@
div.simpleWidgetStyle { position:relative;margin-bottom:20px; overflow:hidden; *zoom:1;}
div.simpleWidgetStyle h2 { margin:0 0 10px 0; padding:0 0 5px 0; font:bold 16px "Malgun Gothic", AppleGothic, Dotum, Sans-serif; border-bottom:2px solid #434343;}
div.simpleWidgetStyle a.widgetMoreLink { position:absolute; top:8px; right:0; font:11px Dotum; text-decoration:none; color:#888;}
div.simpleWidgetStyle.black h2 { color:#333; }
div.simpleWidgetStyle.black h2 { color:#999; }

15
widgetstyles/simple/widgetstyle.html
View file

@ -1,15 +0,0 @@
<!--@if($widgetstyle_extar_var->ws_colorset == "black")-->
{@ $_wsClassName = "black"}
<!--@elseif($widgetstyle_extar_var->ws_colorset == "white")-->
{@ $_wsClassName = "white"}
<!--@else-->
{@ $_wsClassName = $layout_info->colorset}
<!--@end-->
<!--%import("style.css")-->
<div class="simpleWidgetStyle {$_wsClassName}">
<h2>{$widgetstyle_extar_var->ws_title}</h2>
<!--@if($widgetstyle_extar_var->ws_more_url)--><a href="{$widgetstyle_extar_var->ws_more_url}" class="widgetMoreLink">{$widgetstyle_extar_var->ws_more_text}</a><!--@end-->
{$widget_content}
</div>

20
widgetstyles/simpleLite/css/widgetBoxStyle.css Normal file
View file

@ -0,0 +1,20 @@
@charset "utf-8";
/* NHN > UIT Center > Open UI Technology Team > Jeong Chan Myeong(dece24@nhncorp.com) */
.widgetBoxContainer{ position:relative;}
.widgetBox{ position:relative;}
.widgetBox .widgetBoxHeader{ font-size:16px; font-family:Tahoma; margin:0; z-index:10;}
.widgetBox .widgetContainer{ position:relative; z-index:10;}
.widgetBox .widgetMore{ position:absolute; display:block; text-decoration:none; font-size:11px !important; white-space:nowrap; font-family:Tahoma; color:#000; text-align:center; z-index:20;}
.widgetBox .widgetMore img{ border:0;}
.widgetBox .rcContainer{ display:block; width:100%; font-size:0; line-height:0; z-index:1; *zoom:1;}
.widgetBox .rc{ position:absolute; display:block; font-size:0; line-height:0; overflow:hidden;}
.widgetBox .rcTop .tl{ top:0;}
.widgetBox .rcTop .tr{ top:0;}
.widgetBox .rcBottom .bl{ top:0;}
.widgetBox .rcBottom .br{ top:0;}
.widgetBoxA .widgetBoxHeader{ position:relative; padding:4px 0; margin:1px; border-bottom:1px solid #ccc;}
.widgetBoxA .widgetMore{ top:10px; right:0; color:#888;}
.widgetBoxA .rcContainer{ display:none !important;}

BIN
widgetstyles/simpleLite/preview.gif Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 1 KiB

21
widgetstyles/line/skin.xml → widgetstyles/simpleLite/skin.xml
View file

@ -1,8 +1,8 @@
<?xml version="1.0" encoding="UTF-8"?> <?xml version="1.0" encoding="UTF-8"?>
<widgetstyle> <widgetstyle>
<title xml:lang="ko">라인 위젯스타일</title> <title xml:lang="ko">심플 라이트</title>
<title xml:lang="zh-TW">線條樣式</title> <title xml:lang="zh-TW">線條樣式</title>
<description xml:lang="ko">선으로 꾸며진 위젯스타일 입니다.</description> <description xml:lang="ko">선 하나만으로 꾸며진 위젯스타일 입니다.</description>
<description xml:lang="zh-TW">可變換多種線條外框的控件樣式。</description> <description xml:lang="zh-TW">可變換多種線條外框的控件樣式。</description>
<version>0.1</version> <version>0.1</version>
<date>2009-03-10</date> <date>2009-03-10</date>
@ -22,24 +22,9 @@
<name xml:lang="zh-TW">樣式</name> <name xml:lang="zh-TW">樣式</name>
<options> <options>
<value>widgetBoxA</value> <value>widgetBoxA</value>
<name xml:lang="ko">구분선</name> <name xml:lang="ko">심플 라이트</name>
<name xml:lang="zh-TW">分隔線</name> <name xml:lang="zh-TW">分隔線</name>
</options> </options>
<options>
<value>widgetBoxB</value>
<name xml:lang="ko">박스</name>
<name xml:lang="zh-TW">外框</name>
</options>
<options>
<value>widgetBoxC</value>
<name xml:lang="ko">라운드 박스</name>
<name xml:lang="zh-TW">圓角外框</name>
</options>
<options>
<value>widgetBoxG</value>
<name xml:lang="ko">제목 박스</name>
<name xml:lang="zh-TW">標題框</name>
</options>
</var> </var>
<var name="ws_title_image" type="filebox" filter="jpg,jpeg,gif,png"> <var name="ws_title_image" type="filebox" filter="jpg,jpeg,gif,png">
<name xml:lang="ko">제목</name> <name xml:lang="ko">제목</name>

0
widgetstyles/memo/widgetstyle.html → widgetstyles/simpleLite/widgetstyle.html
View file

13
widgetstyles/line/css/widgetBoxStyle.css → widgetstyles/simpleRound/css/widgetBoxStyle.css
View file

@ -15,15 +15,6 @@
.widgetBox .rcBottom .bl{ top:0;} .widgetBox .rcBottom .bl{ top:0;}
.widgetBox .rcBottom .br{ top:0;} .widgetBox .rcBottom .br{ top:0;}
.widgetBoxA .widgetBoxHeader{ position:relative; padding:4px 0; margin:1px; border-bottom:1px solid #ccc;}
.widgetBoxA .widgetMore{ top:10px; right:0; color:#888;}
.widgetBoxA .rcContainer{ display:none !important;}
.widgetBoxB .widgetBox{ border:1px solid #ccc;}
.widgetBoxB .widgetBoxHeader{ position:relative; padding:4px 0; margin:1px; text-indent:15px; border-bottom:1px solid #ddd; background:url(../img/headerBgB.gif) repeat-x;}
.widgetBoxB .widgetMore{ top:7px; right:15px;}
.widgetBoxB .rcContainer{ display:none !important;}
.widgetBoxC{ padding:3px 0;} .widgetBoxC{ padding:3px 0;}
.widgetBoxC .widgetBox{ border-left:1px solid #ccc; border-right:1px solid #ccc;} .widgetBoxC .widgetBox{ border-left:1px solid #ccc; border-right:1px solid #ccc;}
.widgetBoxC .widgetBoxHeader{ position:relative; padding:4px 0; margin:1px; text-indent:15px; border-bottom:1px solid #ddd; background:url(../img/headerBgC.gif) repeat-x;} .widgetBoxC .widgetBoxHeader{ position:relative; padding:4px 0; margin:1px; text-indent:15px; border-bottom:1px solid #ddd; background:url(../img/headerBgC.gif) repeat-x;}
@ -37,7 +28,3 @@
.widgetBoxC .rcTop .tr{ background-position:right 0; left:50%;} .widgetBoxC .rcTop .tr{ background-position:right 0; left:50%;}
.widgetBoxC .rcBottom .bl{ background-position:0 bottom; left:0px;} .widgetBoxC .rcBottom .bl{ background-position:0 bottom; left:0px;}
.widgetBoxC .rcBottom .br{ background-position:right bottom; left:50%;} .widgetBoxC .rcBottom .br{ background-position:right bottom; left:50%;}
.widgetBoxG .widgetBoxHeader{ position:relative; border:1px solid #ccc; padding:4px 0; text-indent:15px; background:url(../img/headerBgG.gif) repeat-x 0 center;}
.widgetBoxG .widgetMore{ top:7px; right:15px;}
.widgetBoxG .rcContainer{ display:none !important;}

0
widgetstyles/line/img/buttonMoreC.gif → widgetstyles/simpleRound/img/buttonMoreC.gif
View file

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 605 B

After

Width:  |  Height:  |  Size: 605 B

Before After
Before After

0
widgetstyles/line/img/headerBgC.gif → widgetstyles/simpleRound/img/headerBgC.gif
View file

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 280 B

After

Width:  |  Height:  |  Size: 280 B

Before After
Before After

0
widgetstyles/line/img/roundedCornerC.gif → widgetstyles/simpleRound/img/roundedCornerC.gif
View file

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 300 B

After

Width:  |  Height:  |  Size: 300 B

Before After
Before After

BIN
widgetstyles/simpleRound/preview.gif Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 1.9 KiB

80
widgetstyles/simpleRound/skin.xml Normal file
View file

@ -0,0 +1,80 @@
<?xml version="1.0" encoding="UTF-8"?>
<widgetstyle>
<title xml:lang="ko">심플 라운드</title>
<title xml:lang="zh-TW">線條樣式</title>
<description xml:lang="ko">둥근 선으로 꾸며진 위젯스타일 입니다.</description>
<description xml:lang="zh-TW">可變換多種線條外框的控件樣式。</description>
<version>0.1</version>
<date>2009-03-10</date>
<preview>preview.gif</preview>
<author email_address="sol@ngleader.com" link="http://www.ngleader.com">
<name xml:lang="ko">sol</name>
<name xml:lang="jp">sol</name>
<name xml:lang="en">sol</name>
<name xml:lang="es">sol</name>
<name xml:lang="zh-CN">sol</name>
<name xml:lang="zh-TW">sol</name>
</author>
<extra_vars>
<var name="ws_style" type="select">
<name xml:lang="ko">스타일</name>
<name xml:lang="zh-TW">樣式</name>
<options>
<value>widgetBoxC</value>
<name xml:lang="ko">심플 라운드</name>
</options>
</var>
<var name="ws_title_image" type="filebox" filter="jpg,jpeg,gif,png">
<name xml:lang="ko">제목</name>
<name xml:lang="zh-CN">栏目图片</name>
<name xml:lang="zh-TW">標題圖片</name>
<description xml:lang="ko">제목 이미지를 등록합니다.</description>
<description xml:lang="zh-CN">栏目名可以使用图片。</description>
<description xml:lang="zh-TW">可使用圖片取代標題。</description>
</var>
<var name="ws_title" type="text">
<name xml:lang="ko">제목</name>
<name xml:lang="zh-CN">栏目名</name>
<name xml:lang="zh-TW">標題</name>
<description xml:lang="ko">제목 텍스트</description>
<description xml:lang="zh-CN">输入文本形式的栏目名。</description>
<description xml:lang="zh-TW">請輸入標題文字。</description>
</var>
<var name="ws_title_color" type="color">
<name xml:lang="ko">제목 글자색</name>
<name xml:lang="zh-CN">栏目字体色</name>
<name xml:lang="zh-TW">標題顏色</name>
</var>
<var name="ws_title_icon" type="filebox" filter="jpg,jpeg,gif,png">
<name xml:lang="ko">아이콘 이미지</name>
<name xml:lang="zh-CN">栏目图标</name>
<name xml:lang="zh-TW">標題圖示</name>
<description xml:lang="ko">제목 앞 아이콘 이미지를 등록합니다.</description>
<description xml:lang="zh-CN">可以给栏目名指定个性图标。</description>
<description xml:lang="zh-TW">可指定標題前方的圖示。</description>
</var>
<var name="ws_more_url" type="text">
<name xml:lang="ko">더보기 URL</name>
<name xml:lang="zh-CN">查看更多(链接)</name>
<name xml:lang="zh-TW">more URL</name>
<description xml:lang="ko">http:// 제외한 URL를 등록합니다.</description>
<description xml:lang="zh-CN">请输入除http://以外的URL地址。</description>
<description xml:lang="zh-TW">請輸入http://以外的URL網址。</description>
</var>
<var name="ws_more_image" type="filebox" filter="jpg,jpeg,gif,png">
<name xml:lang="ko">더보기 이미지</name>
<name xml:lang="zh-CN">查看更多(图片)</name>
<name xml:lang="zh-TW">more Image</name>
</var>
<var name="ws_more_text" type="text">
<name xml:lang="ko">더보기 텍스트</name>
<name xml:lang="zh-CN">查看更多(文本)</name>
<name xml:lang="zh-TW">more TEXT</name>
<description xml:lang="ko">더보기 텍스트</description>
<description xml:lang="zh-CN">文本形式的"查看更多"。</description>
<description xml:lang="zh-TW">純文字格式。</description>
</var>
</extra_vars>
</widgetstyle>

44
widgetstyles/simpleRound/widgetstyle.html Normal file
View file

@ -0,0 +1,44 @@
<!--%import("css/widgetBoxStyle.css")-->
<div class="widgetBoxContainer {$widgetstyle_extar_var->ws_style}">
<div class="widgetBox">
<!--@if($widgetstyle_extar_var->ws_title_image || $widgetstyle_extar_var->ws_title)-->
<h3 class="widgetBoxHeader" <!--@if($widgetstyle_extar_var->ws_title_color)-->style="color:{$widgetstyle_extar_var->ws_title_color};"<!--@end-->>
<!--@if($widgetstyle_extar_var->ws_title_icon)-->
<img src="{$widgetstyle_extar_var->ws_title_icon}" />
<!--@end-->
<!--@if($widgetstyle_extar_var->ws_title_image)-->
<img src="{$widgetstyle_extar_var->ws_title_image}" />
<!--@else-->
<!--@if($widgetstyle_extar_var->ws_title)-->
{$widgetstyle_extar_var->ws_title}
<!--@end-->
<!--@end-->
</h3>
<!--@end-->
{$widget_content}
<!--@if($widgetstyle_extar_var->ws_more_url)-->
<a href="http://{$widgetstyle_extar_var->ws_more_url}" class="widgetMore">
<!--@if($widgetstyle_extar_var->ws_more_image)-->
<img src="{$widgetstyle_extar_var->ws_more_image}" />
<!--@else if($widgetstyle_extar_var->ws_more_text)-->
{$widgetstyle_extar_var->ws_more_text}
<!--@else-->
more
<!--@end-->
</a>
<!--@end-->
<span class="rcContainer rcTop">
<span class="rc tl"></span>
<span class="rc tr"></span>
</span>
<span class="rcContainer rcBottom">
<span class="rc bl"></span>
<span class="rc br"></span>
</span>
</div>
</div>

21
widgetstyles/simpleSquare/css/widgetBoxStyle.css Normal file
View file

@ -0,0 +1,21 @@
@charset "utf-8";
/* NHN > UIT Center > Open UI Technology Team > Jeong Chan Myeong(dece24@nhncorp.com) */
.widgetBoxContainer{ position:relative;}
.widgetBox{ position:relative;}
.widgetBox .widgetBoxHeader{ font-size:16px; font-family:Tahoma; margin:0; z-index:10;}
.widgetBox .widgetContainer{ position:relative; z-index:10;}
.widgetBox .widgetMore{ position:absolute; display:block; text-decoration:none; font-size:11px !important; white-space:nowrap; font-family:Tahoma; color:#000; text-align:center; z-index:20;}
.widgetBox .widgetMore img{ border:0;}
.widgetBox .rcContainer{ display:block; width:100%; font-size:0; line-height:0; z-index:1; *zoom:1;}
.widgetBox .rc{ position:absolute; display:block; font-size:0; line-height:0; overflow:hidden;}
.widgetBox .rcTop .tl{ top:0;}
.widgetBox .rcTop .tr{ top:0;}
.widgetBox .rcBottom .bl{ top:0;}
.widgetBox .rcBottom .br{ top:0;}
.widgetBoxB .widgetBox{ border:1px solid #ccc;}
.widgetBoxB .widgetBoxHeader{ position:relative; padding:4px 0; margin:1px; text-indent:15px; border-bottom:1px solid #ddd; background:url(../img/headerBgB.gif) repeat-x;}
.widgetBoxB .widgetMore{ top:7px; right:15px;}
.widgetBoxB .rcContainer{ display:none !important;}

0
widgetstyles/line/img/buttonMoreB.gif → widgetstyles/simpleSquare/img/buttonMoreB.gif
View file

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 605 B

After

Width:  |  Height:  |  Size: 605 B

Before After
Before After

0
widgetstyles/line/img/headerBgB.gif → widgetstyles/simpleSquare/img/headerBgB.gif
View file

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 280 B

After

Width:  |  Height:  |  Size: 280 B

Before After
Before After

0
widgetstyles/line/preview.gif → widgetstyles/simpleSquare/preview.gif
View file

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.9 KiB

After

Width:  |  Height:  |  Size: 1.9 KiB

Before After
Before After

80
widgetstyles/simpleSquare/skin.xml Normal file
View file

@ -0,0 +1,80 @@
<?xml version="1.0" encoding="UTF-8"?>
<widgetstyle>
<title xml:lang="ko">심플 스퀘어</title>
<title xml:lang="zh-TW">線條樣式</title>
<description xml:lang="ko">각진 선으로 꾸며진 위젯스타일 입니다.</description>
<description xml:lang="zh-TW">可變換多種線條外框的控件樣式。</description>
<version>0.1</version>
<date>2009-03-10</date>
<preview>preview.gif</preview>
<author email_address="sol@ngleader.com" link="http://www.ngleader.com">
<name xml:lang="ko">sol</name>
<name xml:lang="jp">sol</name>
<name xml:lang="en">sol</name>
<name xml:lang="es">sol</name>
<name xml:lang="zh-CN">sol</name>
<name xml:lang="zh-TW">sol</name>
</author>
<extra_vars>
<var name="ws_style" type="select">
<name xml:lang="ko">스타일</name>
<name xml:lang="zh-TW">樣式</name>
<options>
<value>widgetBoxB</value>
<name xml:lang="ko">심플 스퀘어</name>
</options>
</var>
<var name="ws_title_image" type="filebox" filter="jpg,jpeg,gif,png">
<name xml:lang="ko">제목</name>
<name xml:lang="zh-CN">栏目图片</name>
<name xml:lang="zh-TW">標題圖片</name>
<description xml:lang="ko">제목 이미지를 등록합니다.</description>
<description xml:lang="zh-CN">栏目名可以使用图片。</description>
<description xml:lang="zh-TW">可使用圖片取代標題。</description>
</var>
<var name="ws_title" type="text">
<name xml:lang="ko">제목</name>
<name xml:lang="zh-CN">栏目名</name>
<name xml:lang="zh-TW">標題</name>
<description xml:lang="ko">제목 텍스트</description>
<description xml:lang="zh-CN">输入文本形式的栏目名。</description>
<description xml:lang="zh-TW">請輸入標題文字。</description>
</var>
<var name="ws_title_color" type="color">
<name xml:lang="ko">제목 글자색</name>
<name xml:lang="zh-CN">栏目字体色</name>
<name xml:lang="zh-TW">標題顏色</name>
</var>
<var name="ws_title_icon" type="filebox" filter="jpg,jpeg,gif,png">
<name xml:lang="ko">아이콘 이미지</name>
<name xml:lang="zh-CN">栏目图标</name>
<name xml:lang="zh-TW">標題圖示</name>
<description xml:lang="ko">제목 앞 아이콘 이미지를 등록합니다.</description>
<description xml:lang="zh-CN">可以给栏目名指定个性图标。</description>
<description xml:lang="zh-TW">可指定標題前方的圖示。</description>
</var>
<var name="ws_more_url" type="text">
<name xml:lang="ko">더보기 URL</name>
<name xml:lang="zh-CN">查看更多(链接)</name>
<name xml:lang="zh-TW">more URL</name>
<description xml:lang="ko">http:// 제외한 URL를 등록합니다.</description>
<description xml:lang="zh-CN">请输入除http://以外的URL地址。</description>
<description xml:lang="zh-TW">請輸入http://以外的URL網址。</description>
</var>
<var name="ws_more_image" type="filebox" filter="jpg,jpeg,gif,png">
<name xml:lang="ko">더보기 이미지</name>
<name xml:lang="zh-CN">查看更多(图片)</name>
<name xml:lang="zh-TW">more Image</name>
</var>
<var name="ws_more_text" type="text">
<name xml:lang="ko">더보기 텍스트</name>
<name xml:lang="zh-CN">查看更多(文本)</name>
<name xml:lang="zh-TW">more TEXT</name>
<description xml:lang="ko">더보기 텍스트</description>
<description xml:lang="zh-CN">文本形式的"查看更多"。</description>
<description xml:lang="zh-TW">純文字格式。</description>
</var>
</extra_vars>
</widgetstyle>

44
widgetstyles/simpleSquare/widgetstyle.html Normal file
View file

@ -0,0 +1,44 @@
<!--%import("css/widgetBoxStyle.css")-->
<div class="widgetBoxContainer {$widgetstyle_extar_var->ws_style}">
<div class="widgetBox">
<!--@if($widgetstyle_extar_var->ws_title_image || $widgetstyle_extar_var->ws_title)-->
<h3 class="widgetBoxHeader" <!--@if($widgetstyle_extar_var->ws_title_color)-->style="color:{$widgetstyle_extar_var->ws_title_color};"<!--@end-->>
<!--@if($widgetstyle_extar_var->ws_title_icon)-->
<img src="{$widgetstyle_extar_var->ws_title_icon}" />
<!--@end-->
<!--@if($widgetstyle_extar_var->ws_title_image)-->
<img src="{$widgetstyle_extar_var->ws_title_image}" />
<!--@else-->
<!--@if($widgetstyle_extar_var->ws_title)-->
{$widgetstyle_extar_var->ws_title}
<!--@end-->
<!--@end-->
</h3>
<!--@end-->
{$widget_content}
<!--@if($widgetstyle_extar_var->ws_more_url)-->
<a href="http://{$widgetstyle_extar_var->ws_more_url}" class="widgetMore">
<!--@if($widgetstyle_extar_var->ws_more_image)-->
<img src="{$widgetstyle_extar_var->ws_more_image}" />
<!--@else if($widgetstyle_extar_var->ws_more_text)-->
{$widgetstyle_extar_var->ws_more_text}
<!--@else-->
more
<!--@end-->
</a>
<!--@end-->
<span class="rcContainer rcTop">
<span class="rc tl"></span>
<span class="rc tr"></span>
</span>
<span class="rcContainer rcBottom">
<span class="rc bl"></span>
<span class="rc br"></span>
</span>
</div>
</div>

20
widgetstyles/simpleTitle/css/widgetBoxStyle.css Normal file
View file

@ -0,0 +1,20 @@
@charset "utf-8";
/* NHN > UIT Center > Open UI Technology Team > Jeong Chan Myeong(dece24@nhncorp.com) */
.widgetBoxContainer{ position:relative;}
.widgetBox{ position:relative;}
.widgetBox .widgetBoxHeader{ font-size:16px; font-family:Tahoma; margin:0; z-index:10;}
.widgetBox .widgetContainer{ position:relative; z-index:10;}
.widgetBox .widgetMore{ position:absolute; display:block; text-decoration:none; font-size:11px !important; white-space:nowrap; font-family:Tahoma; color:#000; text-align:center; z-index:20;}
.widgetBox .widgetMore img{ border:0;}
.widgetBox .rcContainer{ display:block; width:100%; font-size:0; line-height:0; z-index:1; *zoom:1;}
.widgetBox .rc{ position:absolute; display:block; font-size:0; line-height:0; overflow:hidden;}
.widgetBox .rcTop .tl{ top:0;}
.widgetBox .rcTop .tr{ top:0;}
.widgetBox .rcBottom .bl{ top:0;}
.widgetBox .rcBottom .br{ top:0;}
.widgetBoxG .widgetBoxHeader{ position:relative; border:1px solid #ccc; padding:4px 0; text-indent:15px; background:url(../img/headerBgG.gif) repeat-x 0 center;}
.widgetBoxG .widgetMore{ top:7px; right:15px;}
.widgetBoxG .rcContainer{ display:none !important;}

0
widgetstyles/line/img/headerBgG.gif → widgetstyles/simpleTitle/img/headerBgG.gif
View file

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 163 B

After

Width:  |  Height:  |  Size: 163 B

Before After
Before After

BIN
widgetstyles/simpleTitle/preview.gif Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 1.8 KiB

80
widgetstyles/simpleTitle/skin.xml Normal file
View file

@ -0,0 +1,80 @@
<?xml version="1.0" encoding="UTF-8"?>
<widgetstyle>
<title xml:lang="ko">심플 타이틀</title>
<title xml:lang="zh-TW">線條樣式</title>
<description xml:lang="ko">제목을 강조하는 위젯스타일 입니다.</description>
<description xml:lang="zh-TW">可變換多種線條外框的控件樣式。</description>
<version>0.1</version>
<date>2009-03-10</date>
<preview>preview.gif</preview>
<author email_address="sol@ngleader.com" link="http://www.ngleader.com">
<name xml:lang="ko">sol</name>
<name xml:lang="jp">sol</name>
<name xml:lang="en">sol</name>
<name xml:lang="es">sol</name>
<name xml:lang="zh-CN">sol</name>
<name xml:lang="zh-TW">sol</name>
</author>
<extra_vars>
<var name="ws_style" type="select">
<name xml:lang="ko">스타일</name>
<name xml:lang="zh-TW">樣式</name>
<options>
<value>widgetBoxG</value>
<name xml:lang="ko">심플 타이틀</name>
</options>
</var>
<var name="ws_title_image" type="filebox" filter="jpg,jpeg,gif,png">
<name xml:lang="ko">제목</name>
<name xml:lang="zh-CN">栏目图片</name>
<name xml:lang="zh-TW">標題圖片</name>
<description xml:lang="ko">제목 이미지를 등록합니다.</description>
<description xml:lang="zh-CN">栏目名可以使用图片。</description>
<description xml:lang="zh-TW">可使用圖片取代標題。</description>
</var>
<var name="ws_title" type="text">
<name xml:lang="ko">제목</name>
<name xml:lang="zh-CN">栏目名</name>
<name xml:lang="zh-TW">標題</name>
<description xml:lang="ko">제목 텍스트</description>
<description xml:lang="zh-CN">输入文本形式的栏目名。</description>
<description xml:lang="zh-TW">請輸入標題文字。</description>
</var>
<var name="ws_title_color" type="color">
<name xml:lang="ko">제목 글자색</name>
<name xml:lang="zh-CN">栏目字体色</name>
<name xml:lang="zh-TW">標題顏色</name>
</var>
<var name="ws_title_icon" type="filebox" filter="jpg,jpeg,gif,png">
<name xml:lang="ko">아이콘 이미지</name>
<name xml:lang="zh-CN">栏目图标</name>
<name xml:lang="zh-TW">標題圖示</name>
<description xml:lang="ko">제목 앞 아이콘 이미지를 등록합니다.</description>
<description xml:lang="zh-CN">可以给栏目名指定个性图标。</description>
<description xml:lang="zh-TW">可指定標題前方的圖示。</description>
</var>
<var name="ws_more_url" type="text">
<name xml:lang="ko">더보기 URL</name>
<name xml:lang="zh-CN">查看更多(链接)</name>
<name xml:lang="zh-TW">more URL</name>
<description xml:lang="ko">http:// 제외한 URL를 등록합니다.</description>
<description xml:lang="zh-CN">请输入除http://以外的URL地址。</description>
<description xml:lang="zh-TW">請輸入http://以外的URL網址。</description>
</var>
<var name="ws_more_image" type="filebox" filter="jpg,jpeg,gif,png">
<name xml:lang="ko">더보기 이미지</name>
<name xml:lang="zh-CN">查看更多(图片)</name>
<name xml:lang="zh-TW">more Image</name>
</var>
<var name="ws_more_text" type="text">
<name xml:lang="ko">더보기 텍스트</name>
<name xml:lang="zh-CN">查看更多(文本)</name>
<name xml:lang="zh-TW">more TEXT</name>
<description xml:lang="ko">더보기 텍스트</description>
<description xml:lang="zh-CN">文本形式的"查看更多"。</description>
<description xml:lang="zh-TW">純文字格式。</description>
</var>
</extra_vars>
</widgetstyle>

44
widgetstyles/simpleTitle/widgetstyle.html Normal file
View file

@ -0,0 +1,44 @@
<!--%import("css/widgetBoxStyle.css")-->
<div class="widgetBoxContainer {$widgetstyle_extar_var->ws_style}">
<div class="widgetBox">
<!--@if($widgetstyle_extar_var->ws_title_image || $widgetstyle_extar_var->ws_title)-->
<h3 class="widgetBoxHeader" <!--@if($widgetstyle_extar_var->ws_title_color)-->style="color:{$widgetstyle_extar_var->ws_title_color};"<!--@end-->>
<!--@if($widgetstyle_extar_var->ws_title_icon)-->
<img src="{$widgetstyle_extar_var->ws_title_icon}" />
<!--@end-->
<!--@if($widgetstyle_extar_var->ws_title_image)-->
<img src="{$widgetstyle_extar_var->ws_title_image}" />
<!--@else-->
<!--@if($widgetstyle_extar_var->ws_title)-->
{$widgetstyle_extar_var->ws_title}
<!--@end-->
<!--@end-->
</h3>
<!--@end-->
{$widget_content}
<!--@if($widgetstyle_extar_var->ws_more_url)-->
<a href="http://{$widgetstyle_extar_var->ws_more_url}" class="widgetMore">
<!--@if($widgetstyle_extar_var->ws_more_image)-->
<img src="{$widgetstyle_extar_var->ws_more_image}" />
<!--@else if($widgetstyle_extar_var->ws_more_text)-->
{$widgetstyle_extar_var->ws_more_text}
<!--@else-->
more
<!--@end-->
</a>
<!--@end-->
<span class="rcContainer rcTop">
<span class="rc tl"></span>
<span class="rc tr"></span>
</span>
<span class="rcContainer rcBottom">
<span class="rc bl"></span>
<span class="rc br"></span>
</span>
</div>
</div>

15
widgetstyles/colorbox/css/widgetBoxStyle.css → widgetstyles/squareFace/css/widgetBoxStyle.css
View file

@ -15,21 +15,6 @@
.widgetBox .rcBottom .bl{ top:0;} .widgetBox .rcBottom .bl{ top:0;}
.widgetBox .rcBottom .br{ top:0;} .widgetBox .rcBottom .br{ top:0;}
.widgetBoxFred .widgetBox{ border:1px solid #ffcccc; border-top-width:5px; border-bottom-width:5px;}
.widgetBoxFred .widgetBoxHeader{ position:relative; padding:4px 0; text-indent:15px; repeat-x 0 center; border-bottom:1px solid #ffcccc; color:#ff3333;}
.widgetBoxFred .widgetMore{ top:7px; right:15px; color:#888;}
.widgetBoxFred .rcContainer{ display:none !important;;}
.widgetBoxFgreen .widgetBox{ border:1px solid #d9efb9; border-top-width:5px; border-bottom-width:5px;}
.widgetBoxFgreen .widgetBoxHeader{ padding:4px 0; text-indent:15px; repeat-x 0 center; border-bottom:1px solid #d9efb9; color:#ff3333;}
.widgetBoxFgreen .widgetMore{ top:7px; right:15px; color:#888;}
.widgetBoxFgreen .rcContainer{ display:none !important;;}
.widgetBoxFblue .widgetBox{ border:1px solid #d8e6e7; border-top-width:5px; border-bottom-width:5px;}
.widgetBoxFblue .widgetBoxHeader{ position:relative; padding:4px 0; text-indent:15px; repeat-x 0 center; border-bottom:1px solid #d8e6e7; color:#55ccdd;}
.widgetBoxFblue .widgetMore{ top:7px; right:15px; color:#888;}
.widgetBoxFblue .rcContainer{ display:none !important;}
.widgetBoxJgray .widgetBox{ background:#efefed; padding-bottom:5px; background-image:url(../img/widgetBgJgray.gif); background-repeat:repeat-x;} .widgetBoxJgray .widgetBox{ background:#efefed; padding-bottom:5px; background-image:url(../img/widgetBgJgray.gif); background-repeat:repeat-x;}
.widgetBoxJgray .widgetBoxHeader{ position:relative; padding:7px 0; text-indent:15px; border-bottom:1px solid #fff;} .widgetBoxJgray .widgetBoxHeader{ position:relative; padding:7px 0; text-indent:15px; border-bottom:1px solid #fff;}
.widgetBoxJgray .widgetMore{ top:10px; right:15px;} .widgetBoxJgray .widgetMore{ top:10px; right:15px;}

0
widgetstyles/colorbox/img/widgetBgJblue.gif → widgetstyles/squareFace/img/widgetBgJblue.gif
View file

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 169 B

After

Width:  |  Height:  |  Size: 169 B

Before After
Before After

0
widgetstyles/colorbox/img/widgetBgJgray.gif → widgetstyles/squareFace/img/widgetBgJgray.gif
View file

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 171 B

After

Width:  |  Height:  |  Size: 171 B

Before After
Before After

0
widgetstyles/colorbox/img/widgetBgJgreen.gif → widgetstyles/squareFace/img/widgetBgJgreen.gif
View file

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 169 B

After

Width:  |  Height:  |  Size: 169 B

Before After
Before After

0
widgetstyles/colorbox/img/widgetBgJred.gif → widgetstyles/squareFace/img/widgetBgJred.gif
View file

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 170 B

After

Width:  |  Height:  |  Size: 170 B

Before After
Before After

BIN
widgetstyles/squareFace/preview.gif Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 2 KiB

92
widgetstyles/squareFace/skin.xml Normal file
View file

@ -0,0 +1,92 @@
<?xml version="1.0" encoding="UTF-8"?>
<widgetstyle>
<title xml:lang="ko">스퀘어 페이스</title>
<title xml:lang="zh-TW">彩色框樣式</title>
<description xml:lang="ko">각진 면으로 꾸며진 위젯스타일 입니다.</description>
<description xml:lang="zh-TW">可變換多種色彩外框的控件樣式。</description>
<version>0.1</version>
<date>2009-03-10</date>
<preview>preview.gif</preview>
<author email_address="sol@ngleader.com" link="http://www.ngleader.com">
<name xml:lang="ko">sol</name>
<name xml:lang="jp">sol</name>
<name xml:lang="en">sol</name>
<name xml:lang="es">sol</name>
<name xml:lang="zh-CN">sol</name>
<name xml:lang="zh-TW">sol</name>
</author>
<extra_vars>
<var name="ws_style" type="select">
<name xml:lang="ko">스타일</name>
<name xml:lang="zh-TW">樣式</name>
<options>
<value>widgetBoxJgray</value>
<name xml:lang="ko">회색</name>
</options>
<options>
<value>widgetBoxJred</value>
<name xml:lang="ko">빨강</name>
</options>
<options>
<value>widgetBoxJgreen</value>
<name xml:lang="ko">초록</name>
</options>
<options>
<value>widgetBoxJblue</value>
<name xml:lang="ko">파랑</name>
</options>
</var>
<var name="ws_title_image" type="filebox" filter="jpg,jpeg,gif,png">
<name xml:lang="ko">제목</name>
<name xml:lang="zh-CN">栏目图片</name>
<name xml:lang="zh-TW">標題圖片</name>
<description xml:lang="ko">제목 이미지를 등록합니다.</description>
<description xml:lang="zh-CN">栏目名可以使用图片。</description>
<description xml:lang="zh-TW">可使用圖片取代標題。</description>
</var>
<var name="ws_title" type="text">
<name xml:lang="ko">제목</name>
<name xml:lang="zh-CN">栏目名</name>
<name xml:lang="zh-TW">標題</name>
<description xml:lang="ko">제목 텍스트</description>
<description xml:lang="zh-CN">输入文本形式的栏目名。</description>
<description xml:lang="zh-TW">請輸入標題文字。</description>
</var>
<var name="ws_title_color" type="color">
<name xml:lang="ko">제목 글자색</name>
<name xml:lang="zh-CN">栏目字体色</name>
<name xml:lang="zh-TW">標題顏色</name>
</var>
<var name="ws_title_icon" type="filebox" filter="jpg,jpeg,gif,png">
<name xml:lang="ko">아이콘 이미지</name>
<name xml:lang="zh-CN">栏目图标</name>
<name xml:lang="zh-TW">標題圖示</name>
<description xml:lang="ko">제목 앞 아이콘 이미지를 등록합니다.</description>
<description xml:lang="zh-CN">可以给栏目名指定个性图标。</description>
<description xml:lang="zh-TW">可指定標題前方的圖示。</description>
</var>
<var name="ws_more_url" type="text">
<name xml:lang="ko">더보기 URL</name>
<name xml:lang="zh-CN">查看更多(链接)</name>
<name xml:lang="zh-TW">more URL</name>
<description xml:lang="ko">http:// 제외한 URL를 등록합니다.</description>
<description xml:lang="zh-CN">请输入除http://以外的URL地址。</description>
<description xml:lang="zh-TW">請輸入http://以外的URL網址。</description>
</var>
<var name="ws_more_image" type="filebox" filter="jpg,jpeg,gif,png">
<name xml:lang="ko">더보기 이미지</name>
<name xml:lang="zh-CN">查看更多(图片)</name>
<name xml:lang="zh-TW">more Image</name>
</var>
<var name="ws_more_text" type="text">
<name xml:lang="ko">더보기 텍스트</name>
<name xml:lang="zh-CN">查看更多(文本)</name>
<name xml:lang="zh-TW">more TEXT</name>
<description xml:lang="ko">더보기 텍스트</description>
<description xml:lang="zh-CN">文本形式的"查看更多"。</description>
<description xml:lang="zh-TW">純文字格式。</description>
</var>
</extra_vars>
</widgetstyle>

44
widgetstyles/squareFace/widgetstyle.html Normal file
View file

@ -0,0 +1,44 @@
<!--%import("css/widgetBoxStyle.css")-->
<div class="widgetBoxContainer {$widgetstyle_extar_var->ws_style}">
<div class="widgetBox">
<!--@if($widgetstyle_extar_var->ws_title_image || $widgetstyle_extar_var->ws_title)-->
<h3 class="widgetBoxHeader" <!--@if($widgetstyle_extar_var->ws_title_color)-->style="color:{$widgetstyle_extar_var->ws_title_color};"<!--@end-->>
<!--@if($widgetstyle_extar_var->ws_title_icon)-->
<img src="{$widgetstyle_extar_var->ws_title_icon}" />
<!--@end-->
<!--@if($widgetstyle_extar_var->ws_title_image)-->
<img src="{$widgetstyle_extar_var->ws_title_image}" />
<!--@else-->
<!--@if($widgetstyle_extar_var->ws_title)-->
{$widgetstyle_extar_var->ws_title}
<!--@end-->
<!--@end-->
</h3>
<!--@end-->
{$widget_content}
<!--@if($widgetstyle_extar_var->ws_more_url)-->
<a href="http://{$widgetstyle_extar_var->ws_more_url}" class="widgetMore">
<!--@if($widgetstyle_extar_var->ws_more_image)-->
<img src="{$widgetstyle_extar_var->ws_more_image}" />
<!--@else if($widgetstyle_extar_var->ws_more_text)-->
{$widgetstyle_extar_var->ws_more_text}
<!--@else-->
more
<!--@end-->
</a>
<!--@end-->
<span class="rcContainer rcTop">
<span class="rc tl"></span>
<span class="rc tr"></span>
</span>
<span class="rcContainer rcBottom">
<span class="rc bl"></span>
<span class="rc br"></span>
</span>
</div>
</div>

31
widgetstyles/squareWire/css/widgetBoxStyle.css Normal file
View file

@ -0,0 +1,31 @@
@charset "utf-8";
/* NHN > UIT Center > Open UI Technology Team > Jeong Chan Myeong(dece24@nhncorp.com) */
.widgetBoxContainer{ position:relative;}
.widgetBox{ position:relative;}
.widgetBox .widgetBoxHeader{ font-size:16px; font-family:Tahoma; margin:0; z-index:10;}
.widgetBox .widgetContainer{ position:relative; z-index:10;}
.widgetBox .widgetMore{ position:absolute; display:block; text-decoration:none; font-size:11px !important; white-space:nowrap; font-family:Tahoma; color:#000; text-align:center; z-index:20;}
.widgetBox .widgetMore img{ border:0;}
.widgetBox .rcContainer{ display:block; width:100%; font-size:0; line-height:0; z-index:1; *zoom:1;}
.widgetBox .rc{ position:absolute; display:block; font-size:0; line-height:0; overflow:hidden;}
.widgetBox .rcTop .tl{ top:0;}
.widgetBox .rcTop .tr{ top:0;}
.widgetBox .rcBottom .bl{ top:0;}
.widgetBox .rcBottom .br{ top:0;}
.widgetBoxFred .widgetBox{ border:1px solid #ffcccc; border-top-width:5px; border-bottom-width:5px;}
.widgetBoxFred .widgetBoxHeader{ position:relative; padding:4px 0; text-indent:15px; repeat-x 0 center; border-bottom:1px solid #ffcccc; color:#ff3333;}
.widgetBoxFred .widgetMore{ top:7px; right:15px; color:#888;}
.widgetBoxFred .rcContainer{ display:none !important;;}
.widgetBoxFgreen .widgetBox{ border:1px solid #d9efb9; border-top-width:5px; border-bottom-width:5px;}
.widgetBoxFgreen .widgetBoxHeader{ padding:4px 0; text-indent:15px; repeat-x 0 center; border-bottom:1px solid #d9efb9; color:#ff3333;}
.widgetBoxFgreen .widgetMore{ top:7px; right:15px; color:#888;}
.widgetBoxFgreen .rcContainer{ display:none !important;;}
.widgetBoxFblue .widgetBox{ border:1px solid #d8e6e7; border-top-width:5px; border-bottom-width:5px;}
.widgetBoxFblue .widgetBoxHeader{ position:relative; padding:4px 0; text-indent:15px; repeat-x 0 center; border-bottom:1px solid #d8e6e7; color:#55ccdd;}
.widgetBoxFblue .widgetMore{ top:7px; right:15px; color:#888;}
.widgetBoxFblue .rcContainer{ display:none !important;}

BIN
widgetstyles/colorbox/preview.gif → widgetstyles/squareWire/preview.gif
View file

Binary file not shown.
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1 KiB

After

Width:  |  Height:  |  Size: 1 KiB

Before After
Before After

20
widgetstyles/colorbox/skin.xml → widgetstyles/squareWire/skin.xml
View file

@ -1,8 +1,8 @@
<?xml version="1.0" encoding="UTF-8"?> <?xml version="1.0" encoding="UTF-8"?>
<widgetstyle> <widgetstyle>
<title xml:lang="ko">칼라박스 위젯스타일</title> <title xml:lang="ko">스퀘어 와이어</title>
<title xml:lang="zh-TW">彩色框樣式</title> <title xml:lang="zh-TW">彩色框樣式</title>
<description xml:lang="ko">색상이 있는 박스로 꾸며진 위젯스타일 입니다.</description> <description xml:lang="ko">각진 선으로 꾸며진 위젯스타일 입니다.</description>
<description xml:lang="zh-TW">可變換多種色彩外框的控件樣式。</description> <description xml:lang="zh-TW">可變換多種色彩外框的控件樣式。</description>
<version>0.1</version> <version>0.1</version>
<date>2009-03-10</date> <date>2009-03-10</date>
@ -35,22 +35,6 @@
<name xml:lang="ko">파랑</name> <name xml:lang="ko">파랑</name>
<name xml:lang="zh-TW">藍色</name> <name xml:lang="zh-TW">藍色</name>
</options> </options>
<options>
<value>widgetBoxJgray</value>
<name xml:lang="ko">회색</name>
</options>
<options>
<value>widgetBoxJred</value>
<name xml:lang="ko">빨강</name>
</options>
<options>
<value>widgetBoxJgreen</value>
<name xml:lang="ko">초록</name>
</options>
<options>
<value>widgetBoxJblue</value>
<name xml:lang="ko">파랑</name>
</options>
</var> </var>
<var name="ws_title_image" type="filebox" filter="jpg,jpeg,gif,png"> <var name="ws_title_image" type="filebox" filter="jpg,jpeg,gif,png">
<name xml:lang="ko">제목</name> <name xml:lang="ko">제목</name>

44
widgetstyles/squareWire/widgetstyle.html Normal file
View file

@ -0,0 +1,44 @@
<!--%import("css/widgetBoxStyle.css")-->
<div class="widgetBoxContainer {$widgetstyle_extar_var->ws_style}">
<div class="widgetBox">
<!--@if($widgetstyle_extar_var->ws_title_image || $widgetstyle_extar_var->ws_title)-->
<h3 class="widgetBoxHeader" <!--@if($widgetstyle_extar_var->ws_title_color)-->style="color:{$widgetstyle_extar_var->ws_title_color};"<!--@end-->>
<!--@if($widgetstyle_extar_var->ws_title_icon)-->
<img src="{$widgetstyle_extar_var->ws_title_icon}" />
<!--@end-->
<!--@if($widgetstyle_extar_var->ws_title_image)-->
<img src="{$widgetstyle_extar_var->ws_title_image}" />
<!--@else-->
<!--@if($widgetstyle_extar_var->ws_title)-->
{$widgetstyle_extar_var->ws_title}
<!--@end-->
<!--@end-->
</h3>
<!--@end-->
{$widget_content}
<!--@if($widgetstyle_extar_var->ws_more_url)-->
<a href="http://{$widgetstyle_extar_var->ws_more_url}" class="widgetMore">
<!--@if($widgetstyle_extar_var->ws_more_image)-->
<img src="{$widgetstyle_extar_var->ws_more_image}" />
<!--@else if($widgetstyle_extar_var->ws_more_text)-->
{$widgetstyle_extar_var->ws_more_text}
<!--@else-->
more
<!--@end-->
</a>
<!--@end-->
<span class="rcContainer rcTop">
<span class="rc tl"></span>
<span class="rc tr"></span>
</span>
<span class="rcContainer rcBottom">
<span class="rc bl"></span>
<span class="rc br"></span>
</span>
</div>
</div>