mirror of
https://github.com/Lastorder-DC/rhymix.git
synced 2026-01-24 05:39:58 +09:00
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
parent
584ef1a104
commit
a88d057dbf
48 changed files with 774 additions and 0 deletions
43
widgetstyles/memo/css/widgetBoxStyle.css
Normal file
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
BIN
widgetstyles/memo/img/widgetBoxH.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 3.5 KiB |
BIN
widgetstyles/memo/img/widgetBoxH.png
Normal file
BIN
widgetstyles/memo/img/widgetBoxH.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 3.1 KiB |
BIN
widgetstyles/memo/img/widgetBoxI.gif
Normal file
BIN
widgetstyles/memo/img/widgetBoxI.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 6.5 KiB |
BIN
widgetstyles/memo/img/widgetBoxI.png
Normal file
BIN
widgetstyles/memo/img/widgetBoxI.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 4.6 KiB |
BIN
widgetstyles/memo/preview.gif
Normal file
BIN
widgetstyles/memo/preview.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.4 KiB |
81
widgetstyles/memo/skin.xml
Normal file
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
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>
|
||||
Loading…
Add table
Add a link
Reference in a new issue