add widget style
git-svn-id: http://xe-core.googlecode.com/svn/sandbox@5848 201d5d3c-b55e-5fd7-737f-ddc643e51545
30
widgetstyles/colorbox/css/widgetBoxStyle.css
Normal 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;}
|
||||
BIN
widgetstyles/colorbox/preview.gif
Normal file
|
After Width: | Height: | Size: 1 KiB |
85
widgetstyles/colorbox/skin.xml
Normal 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>
|
||||
46
widgetstyles/colorbox/widgetstyle.html
Normal 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>
|
||||
53
widgetstyles/line/css/widgetBoxStyle.css
Normal 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;}
|
||||
BIN
widgetstyles/line/img/buttonMoreB.gif
Normal file
|
After Width: | Height: | Size: 605 B |
BIN
widgetstyles/line/img/buttonMoreC.gif
Normal file
|
After Width: | Height: | Size: 605 B |
BIN
widgetstyles/line/img/headerBgB.gif
Normal file
|
After Width: | Height: | Size: 280 B |
BIN
widgetstyles/line/img/headerBgC.gif
Normal file
|
After Width: | Height: | Size: 280 B |
BIN
widgetstyles/line/img/headerBgG.gif
Normal file
|
After Width: | Height: | Size: 163 B |
BIN
widgetstyles/line/img/moreBgDblue.gif
Normal file
|
After Width: | Height: | Size: 64 B |
BIN
widgetstyles/line/img/moreBgDgreen.gif
Normal file
|
After Width: | Height: | Size: 64 B |
BIN
widgetstyles/line/img/moreBgDred.gif
Normal file
|
After Width: | Height: | Size: 64 B |
BIN
widgetstyles/line/img/moreBgEblue.gif
Normal file
|
After Width: | Height: | Size: 64 B |
BIN
widgetstyles/line/img/moreBgEgreen.gif
Normal file
|
After Width: | Height: | Size: 64 B |
BIN
widgetstyles/line/img/moreBgEred.gif
Normal file
|
After Width: | Height: | Size: 64 B |
BIN
widgetstyles/line/img/moreBgG.gif
Normal file
|
After Width: | Height: | Size: 59 B |
BIN
widgetstyles/line/img/widgetBgJ.gif
Normal file
|
After Width: | Height: | Size: 171 B |
BIN
widgetstyles/line/preview.gif
Normal file
|
After Width: | Height: | Size: 1.9 KiB |
93
widgetstyles/line/skin.xml
Normal 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>
|
||||
46
widgetstyles/line/widgetstyle.html
Normal 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>
|
||||
43
widgetstyles/memo/css/widgetBoxStyle.css
Normal 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;}
|
||||
BIN
widgetstyles/memo/img/widgetBoxH.gif
Normal file
|
After Width: | Height: | Size: 3.5 KiB |
BIN
widgetstyles/memo/img/widgetBoxH.png
Normal file
|
After Width: | Height: | Size: 3.1 KiB |
BIN
widgetstyles/memo/img/widgetBoxI.gif
Normal file
|
After Width: | Height: | Size: 6.5 KiB |
BIN
widgetstyles/memo/img/widgetBoxI.png
Normal file
|
After Width: | Height: | Size: 4.6 KiB |
BIN
widgetstyles/memo/preview.gif
Normal file
|
After Width: | Height: | Size: 2.4 KiB |
81
widgetstyles/memo/skin.xml
Normal 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>
|
||||
46
widgetstyles/memo/widgetstyle.html
Normal 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>
|
||||
108
widgetstyles/round/css/widgetBoxStyle.css
Normal 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%;}
|
||||
BIN
widgetstyles/round/img/moreBgDblue.gif
Normal file
|
After Width: | Height: | Size: 64 B |
BIN
widgetstyles/round/img/moreBgDgreen.gif
Normal file
|
After Width: | Height: | Size: 64 B |
BIN
widgetstyles/round/img/moreBgDred.gif
Normal file
|
After Width: | Height: | Size: 64 B |
BIN
widgetstyles/round/img/moreBgEblue.gif
Normal file
|
After Width: | Height: | Size: 64 B |
BIN
widgetstyles/round/img/moreBgEgreen.gif
Normal file
|
After Width: | Height: | Size: 64 B |
BIN
widgetstyles/round/img/moreBgEred.gif
Normal file
|
After Width: | Height: | Size: 64 B |
BIN
widgetstyles/round/img/roundedCornerDblue.gif
Normal file
|
After Width: | Height: | Size: 686 B |
BIN
widgetstyles/round/img/roundedCornerDblue.png
Normal file
|
After Width: | Height: | Size: 704 B |
BIN
widgetstyles/round/img/roundedCornerDgreen.gif
Normal file
|
After Width: | Height: | Size: 692 B |
BIN
widgetstyles/round/img/roundedCornerDgreen.png
Normal file
|
After Width: | Height: | Size: 705 B |
BIN
widgetstyles/round/img/roundedCornerDred.gif
Normal file
|
After Width: | Height: | Size: 633 B |
BIN
widgetstyles/round/img/roundedCornerDred.png
Normal file
|
After Width: | Height: | Size: 679 B |
BIN
widgetstyles/round/img/roundedCornerEblue.gif
Normal file
|
After Width: | Height: | Size: 217 B |
BIN
widgetstyles/round/img/roundedCornerEgreen.gif
Normal file
|
After Width: | Height: | Size: 217 B |
BIN
widgetstyles/round/img/roundedCornerEred.gif
Normal file
|
After Width: | Height: | Size: 217 B |
BIN
widgetstyles/round/preview.gif
Normal file
|
After Width: | Height: | Size: 969 B |
97
widgetstyles/round/skin.xml
Normal 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>
|
||||
46
widgetstyles/round/widgetstyle.html
Normal 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>
|
||||