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

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

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

Binary file not shown.

After

Width:  |  Height:  |  Size: 1 KiB

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>widgetBoxFred</value>
<name xml:lang="ko">빨강</name>
<name xml:lang="zh-TW">紅色</name>
</options>
<options>
<value>widgetBoxFgreen</value>
<name xml:lang="ko">초록</name>
<name xml:lang="zh-TW">綠色</name>
</options>
<options>
<value>widgetBoxFblue</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>

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>