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>