add widget style

git-svn-id: http://xe-core.googlecode.com/svn/sandbox@5848 201d5d3c-b55e-5fd7-737f-ddc643e51545
This commit is contained in:
ngleader 2009-03-12 01:40:26 +00:00
parent 584ef1a104
commit a88d057dbf
48 changed files with 774 additions and 0 deletions

View file

@ -0,0 +1,30 @@
@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;}
.widgetBox .rcTop{ position:absolute;}
.widgetBox .rcBottom{ position:relative;}
.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{ background:#fff; 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;}
.widgetBoxFgreen .widgetBox{ position:relative; background:#fff; 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;}
.widgetBoxFblue .widgetBox{ background:#fff; 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;}

Binary file not shown.

After

Width:  |  Height:  |  Size: 1 KiB

View file

@ -0,0 +1,85 @@
<?xml version="1.0" encoding="UTF-8"?>
<widgetstyle>
<title xml:lang="ko">칼라박스 위젯스타일</title>
<description xml:lang="ko">색상이 있는 박스로 꾸며진 위젯스타일 입니다.</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>
<options>
<value>widgetBoxFblue</value>
<name xml:lang="ko">파랑색</name>
</options>
<options>
<value>widgetBoxFgreen</value>
<name xml:lang="ko">녹색</name>
</options>
<options>
<value>widgetBoxFred</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>

View file

@ -0,0 +1,46 @@
<!--%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-->
<div class="widgetContainer">
{$widget_content}
</div>
<!--@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>

View file

@ -0,0 +1,53 @@
@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;}
.widgetBox .rcTop{ position:absolute;}
.widgetBox .rcBottom{ position:relative;}
.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 .widgetBox{ background:#fff;}
.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;}
.widgetBoxB .widgetBox{ background:#fff;}
.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;}
.widgetBoxC{ padding:3px 0; background:#fff;}
.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 .widgetMore{ top:5px; right:15px;}
.widgetBoxC .rcTop,
.widgetBoxC .rcBottom{ height:3px;}
.widgetBoxC .rcTop{ top:-3px;}
.widgetBoxC .rcBottom{ bottom:-3px;}
.widgetBoxC .rc { width:50%; height:3px; background-image:url(../img/roundedCornerC.gif); background-repeat:no-repeat;}
.widgetBoxC .rcTop .tl{ background-position:0 0; left:0px;}
.widgetBoxC .rcTop .tr{ background-position:right 0; left:50%;}
.widgetBoxC .rcBottom .bl{ background-position:0 bottom; left:0px;}
.widgetBoxC .rcBottom .br{ background-position:right bottom; left:50%;}
.widgetBoxG .widgetBox{ background:#fff;}
.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;}
.widgetBoxJ .widgetBox{ background:#efefed; padding-bottom:5px; background-image:url(../img/widgetBgJ.gif); background-repeat:repeat-x;}
.widgetBoxJ .widgetBoxHeader{ position:relative; padding:7px 0; text-indent:15px; border-bottom:1px solid #fff;}
.widgetBoxJ .widgetMore{ top:10px; right:15px;}
.widgetBoxJ .rcTop,
.widgetBoxJ .rcBottom{ display:none;}

Binary file not shown.

After

Width:  |  Height:  |  Size: 605 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 605 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 280 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 280 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 163 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 64 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 64 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 64 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 64 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 64 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 64 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 59 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 171 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.9 KiB

View file

@ -0,0 +1,93 @@
<?xml version="1.0" encoding="UTF-8"?>
<widgetstyle>
<title xml:lang="ko">라인 위젯스타일</title>
<description xml:lang="ko">선으로 꾸며진 위젯스타일 입니다.</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>
<options>
<value>widgetBoxA</value>
<name xml:lang="ko">구분선</name>
</options>
<options>
<value>widgetBoxB</value>
<name xml:lang="ko">박스</name>
</options>
<options>
<value>widgetBoxC</value>
<name xml:lang="ko">라운드 박스</name>
</options>
<options>
<value>widgetBoxG</value>
<name xml:lang="ko">제목 박스</name>
</options>
<options>
<value>widgetBoxJ</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>

View file

@ -0,0 +1,46 @@
<!--%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-->
<div class="widgetContainer">
{$widget_content}
</div>
<!--@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>

View file

@ -0,0 +1,43 @@
@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;}
.widgetBox .rcTop{ position:absolute;}
.widgetBox .rcBottom{ position:relative;}
.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;}
.widgetBoxH{ padding:50px 0 4px 0;}
.widgetBoxH .widgetBox{ background:#fff; border-left:1px solid #e9e9e9; border-right:1px solid #e9e9e9;}
.widgetBoxH .widgetBoxHeader{ position:absolute; width:100%; left:0; top:-40px; padding:3px 0; text-indent:15px;}
.widgetBoxH .widgetMore{ top:-32px; right:50px;}
.widgetBoxH .rcTop{ top:-50px; height:50px;}
.widgetBoxH .rcBottom{ bottom:-4px; height:4px;}
.widgetBoxH .rc { width:50%; background-image:url(../img/widgetBoxH.png); _background-image:url(../img/widgetBoxH.gif); background-repeat:no-repeat;}
.widgetBoxH .rcTop .rc{ height:50px;}
.widgetBoxH .rcBottom .rc{ height:4px;}
.widgetBoxH .rcTop .tl{ background-position:0 0; left:-1px !important; padding-right:1px;}
.widgetBoxH .rcTop .tr{ background-position:right 0; left:50%; *left:auto; _left:50%; right:auto; *right:-1px; _right:auto; padding-left:1px;}
.widgetBoxH .rcBottom .bl{ background-position:0 bottom; left:-1px; padding-right:1px;}
.widgetBoxH .rcBottom .br{ background-position:right bottom; left:50%; *left:auto; right:auto; *right:-1px; _right:auto; _left:50%; padding-left:1px;}
.widgetBoxI{ padding-top:50px;}
.widgetBoxI .widgetBox{ background:#fdf59b; padding-bottom:5px;}
.widgetBoxI .widgetBoxHeader{ position:absolute; width:100%; left:0; top:-40px; padding:3px 0; text-indent:15px;}
.widgetBoxI .widgetMore{ top:-32px; right:50px;}
.widgetBoxI .rcTop{ top:-50px; height:50px;}
.widgetBoxI .rcBottom{ display:none;}
.widgetBoxI .rc { width:50%; background-image:url(../img/widgetBoxI.png); _background-image:url(../img/widgetBoxI.gif); background-repeat:no-repeat;}
.widgetBoxI .rcTop .rc{ height:50px;}
.widgetBoxI .rcTop .tl{ background-position:0 0;}
.widgetBoxI .rcTop .tr{ background-position:right 0; left:50%; *left:auto; _left:50%; right:auto; *right:0; _right:auto;}

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.5 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.1 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 6.5 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.6 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.4 KiB

View file

@ -0,0 +1,81 @@
<?xml version="1.0" encoding="UTF-8"?>
<widgetstyle>
<title xml:lang="ko">메모 위젯스타일</title>
<description xml:lang="ko">메모지 처럼 꾸며진 위젯스타일 입니다.</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>
<options>
<value>widgetBoxH</value>
<name xml:lang="ko">흰색</name>
</options>
<options>
<value>widgetBoxI</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>

View file

@ -0,0 +1,46 @@
<!--%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-->
<div class="widgetContainer">
{$widget_content}
</div>
<!--@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>

View file

@ -0,0 +1,108 @@
@charset "utf-8";
/* NHN > UIT Center > Open UI Technology Team > Jeong Chan Myeong(dece24@nhncorp.com) */
.widgetBoxContainer{ position:relative;}
.widgetBox{ position:relative; *zoom:1}
.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;}
.widgetBox .rcTop{ position:absolute;}
.widgetBox .rcBottom{ position:relative;}
.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;}
.widgetBoxDred{ padding:8px 0;}
.widgetBoxDred .widgetBox{ background:#fff; border-left:5px solid #ffcccc; border-right:5px solid #ffcccc;}
.widgetBoxDred .widgetBoxHeader{ position:relative; padding:3px 0; text-indent:15px; color:#ff3333;}
.widgetBoxDred .widgetMore{ top:5px; right:15px; width:35px; background:url(../img/moreBgDred.gif) no-repeat; color:#fff !important;}
.widgetBoxDred .rcTop,
.widgetBoxDred .rcBottom{ height:8px;}
.widgetBoxDred .rcTop{ top:-8px;}
.widgetBoxDred .rcBottom{ bottom:-8px;}
.widgetBoxDred .rc { width:100%; height:8px; background-image:url(../img/roundedCornerDred.png); _background-image:url(../img/roundedCornerDred.gif); background-repeat:no-repeat;}
.widgetBoxDred .rcTop .tl{ background-position:0 0; left:-5px;}
.widgetBoxDred .rcTop .tr{ background-position:right 0; left:5px;}
.widgetBoxDred .rcBottom .bl{ background-position:0 bottom; left:-5px;}
.widgetBoxDred .rcBottom .br{ background-position:right bottom; left:5px;}
.widgetBoxDgreen{ padding:8px 0;}
.widgetBoxDgreen .widgetBox{ background:#fff; border-left:5px solid #d9efb9; border-right:5px solid #d9efb9;}
.widgetBoxDgreen .widgetBoxHeader{ position:relative; padding:3px 0; text-indent:15px; color:#90d133;}
.widgetBoxDgreen .widgetMore{ top:5px; right:15px; width:35px; background:url(../img/moreBgDgreen.gif) no-repeat; color:#fff !important;}
.widgetBoxDgreen .rcTop,
.widgetBoxDgreen .rcBottom{ height:8px;}
.widgetBoxDgreen .rcTop{ top:-8px;}
.widgetBoxDgreen .rcBottom{ bottom:-8px;}
.widgetBoxDgreen .rc { width:100%; height:8px; background-image:url(../img/roundedCornerDgreen.png); _background-image:url(../img/roundedCornerDgreen.gif); background-repeat:no-repeat;}
.widgetBoxDgreen .rcTop .tl{ background-position:0 0; left:-5px;}
.widgetBoxDgreen .rcTop .tr{ background-position:right 0; left:5px;}
.widgetBoxDgreen .rcBottom .bl{ background-position:0 bottom; left:-5px;}
.widgetBoxDgreen .rcBottom .br{ background-position:right bottom; left:5px;}
.widgetBoxDblue{ padding:8px 0;}
.widgetBoxDblue .widgetBox{ background:#fff; border-left:5px solid #d8e6e7; border-right:5px solid #d8e6e7;}
.widgetBoxDblue .widgetBoxHeader{ position:relative; padding:3px 0; text-indent:15px; color:#55ccdd;}
.widgetBoxDblue .widgetMore{ top:5px; right:15px; width:35px; background:url(../img/moreBgDblue.gif) no-repeat; color:#fff !important;}
.widgetBoxDblue .rcTop,
.widgetBoxDblue .rcBottom{ height:8px;}
.widgetBoxDblue .rcTop{ top:-8px;}
.widgetBoxDblue .rcBottom{ bottom:-8px;}
.widgetBoxDblue .rc { width:100%; height:8px; background-image:url(../img/roundedCornerDblue.png); _background-image:url(../img/roundedCornerDblue.gif); background-repeat:no-repeat;}
.widgetBoxDblue .rcTop .tl{ background-position:0 0; left:-5px;}
.widgetBoxDblue .rcTop .tr{ background-position:right 0; left:5px;}
.widgetBoxDblue .rcBottom .bl{ background-position:0 bottom; left:-5px;}
.widgetBoxDblue .rcBottom .br{ background-position:right bottom; left:5px;}
.widgetBoxEred{ padding:3px 0;}
.widgetBoxEred .widgetBox{ background:#ff3333;}
.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{ top:-3px;}
.widgetBoxEred .rcBottom{ 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;}
.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{ top:-3px;}
.widgetBoxEgreen .rcBottom{ 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;}
.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{ top:-3px;}
.widgetBoxEblue .rcBottom{ 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%;}

Binary file not shown.

After

Width:  |  Height:  |  Size: 64 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 64 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 64 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 64 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 64 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 64 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 686 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 704 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 692 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 705 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 633 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 679 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 217 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 217 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 217 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 969 B

View file

@ -0,0 +1,97 @@
<?xml version="1.0" encoding="UTF-8"?>
<widgetstyle>
<title xml:lang="ko">라운드 위젯스타일</title>
<description xml:lang="ko">외각이 라운드로 꾸며진 위젯스타일 입니다.</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>
<options>
<value>widgetBoxDred</value>
<name xml:lang="ko">빨강색 선</name>
</options>
<options>
<value>widgetBoxDgreen</value>
<name xml:lang="ko">녹색 선</name>
</options>
<options>
<value>widgetBoxDblue</value>
<name xml:lang="ko">파랑색 선</name>
</options>
<options>
<value>widgetBoxEred</value>
<name xml:lang="ko">빨강색</name>
</options>
<options>
<value>widgetBoxEgreen</value>
<name xml:lang="ko">녹색</name>
</options>
<options>
<value>widgetBoxEblue</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>

View file

@ -0,0 +1,46 @@
<!--%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-->
<div class="widgetContainer">
{$widget_content}
</div>
<!--@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>