fanbinit/rhymix
1
0
Fork 0
mirror of https://github.com/Lastorder-DC/rhymix.git synced 2026-01-31 09:09:59 +09:00
Code Issues Projects Releases Packages Wiki Activity

위젯 상자 스타일 컬러 베리에이션 추가/분류변경/디버깅

Browse source 
git-svn-id: http://xe-core.googlecode.com/svn/sandbox@5930 201d5d3c-b55e-5fd7-737f-ddc643e51545
This commit is contained in:
ChanMyeong 2009-03-23 07:34:50 +00:00
parent 03c0ef4db4
commit b84bf44947
27 changed files with 472 additions and 336 deletions
Download patch file Download diff file Expand all files Collapse all files

27
widgetstyles/colorbox/css/widgetBoxStyle.css
View file

@ -9,8 +9,6 @@
.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{ 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 .widgetMore img{ border:0;}
.widgetBox .rcContainer{ display:block; width:100%; font-size:0; line-height:0; z-index:1; *zoom:1;} .widgetBox .rcContainer{ display:block; width:100%; font-size:0; line-height:0; z-index:1; *zoom:1;}
.widgetBox .rcTop{ position:absolute;}
.widgetBox .rcBottom{ position:relative;}
.widgetBox .rc{ position:absolute; display:block; font-size:0; line-height:0; overflow:hidden;} .widgetBox .rc{ position:absolute; display:block; font-size:0; line-height:0; overflow:hidden;}
.widgetBox .rcTop .tl{ top:0;} .widgetBox .rcTop .tl{ top:0;}
.widgetBox .rcTop .tr{ top:0;} .widgetBox .rcTop .tr{ top:0;}
@ -20,11 +18,34 @@
.widgetBoxFred .widgetBox{ border:1px solid #ffcccc; border-top-width:5px; border-bottom-width:5px;} .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 .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 .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 .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 .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 .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 .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 .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 .widgetMore{ top:7px; right:15px; color:#888;}
.widgetBoxFblue .rcContainer{ display:none !important;}
.widgetBoxJgray .widgetBox{ background:#efefed; padding-bottom:5px; background-image:url(../img/widgetBgJgray.gif); background-repeat:repeat-x;}
.widgetBoxJgray .widgetBoxHeader{ position:relative; padding:7px 0; text-indent:15px; border-bottom:1px solid #fff;}
.widgetBoxJgray .widgetMore{ top:10px; right:15px;}
.widgetBoxJgray .rcContainer{ display:none !important;}
.widgetBoxJred .widgetBox{ background:#f9e3e0; padding-bottom:5px; background-image:url(../img/widgetBgJred.gif); background-repeat:repeat-x;}
.widgetBoxJred .widgetBoxHeader{ position:relative; padding:7px 0; text-indent:15px; border-bottom:1px solid #fff;}
.widgetBoxJred .widgetMore{ top:10px; right:15px;}
.widgetBoxJred .rcContainer{ display:none !important;}
.widgetBoxJgreen .widgetBox{ background:#d7fcd3; padding-bottom:5px; background-image:url(../img/widgetBgJgreen.gif); background-repeat:repeat-x;}
.widgetBoxJgreen .widgetBoxHeader{ position:relative; padding:7px 0; text-indent:15px; border-bottom:1px solid #fff;}
.widgetBoxJgreen .widgetMore{ top:10px; right:15px;}
.widgetBoxJgreen .rcContainer{ display:none !important;}
.widgetBoxJblue .widgetBox{ background:#e6e6f7; padding-bottom:5px; background-image:url(../img/widgetBgJblue.gif); background-repeat:repeat-x;}
.widgetBoxJblue .widgetBoxHeader{ position:relative; padding:7px 0; text-indent:15px; border-bottom:1px solid #fff;}
.widgetBoxJblue .widgetMore{ top:10px; right:15px;}
.widgetBoxJblue .rcContainer{ display:none !important;}

BIN
widgetstyles/colorbox/img/widgetBgJblue.gif Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 169 B

0
widgetstyles/line/img/widgetBgJ.gif → widgetstyles/colorbox/img/widgetBgJgray.gif
View file

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 171 B

After

Width:  |  Height:  |  Size: 171 B

Before After
Before After

BIN
widgetstyles/colorbox/img/widgetBgJgreen.gif Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 169 B

BIN
widgetstyles/colorbox/img/widgetBgJred.gif Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 170 B

196
widgetstyles/colorbox/skin.xml
View file

@ -1,91 +1,107 @@
<?xml version="1.0" encoding="UTF-8"?> <?xml version="1.0" encoding="UTF-8"?>
<widgetstyle> <widgetstyle>
<title xml:lang="ko">칼라박스 위젯스타일</title> <title xml:lang="ko">칼라박스 위젯스타일</title>
<title xml:lang="zh-TW">彩色框樣式</title> <title xml:lang="zh-TW">彩色框樣式</title>
<description xml:lang="ko">색상이 있는 박스로 꾸며진 위젯스타일 입니다.</description> <description xml:lang="ko">색상이 있는 박스로 꾸며진 위젯스타일 입니다.</description>
<description xml:lang="zh-TW">可變換多種色彩外框的控件樣式。</description> <description xml:lang="zh-TW">可變換多種色彩外框的控件樣式。</description>
<version>0.1</version> <version>0.1</version>
<date>2009-03-10</date> <date>2009-03-10</date>
<preview>preview.gif</preview> <preview>preview.gif</preview>
<author email_address="sol@ngleader.com" link="http://www.ngleader.com"> <author email_address="sol@ngleader.com" link="http://www.ngleader.com">
<name xml:lang="ko">sol</name> <name xml:lang="ko">sol</name>
<name xml:lang="jp">sol</name> <name xml:lang="jp">sol</name>
<name xml:lang="en">sol</name> <name xml:lang="en">sol</name>
<name xml:lang="es">sol</name> <name xml:lang="es">sol</name>
<name xml:lang="zh-CN">sol</name> <name xml:lang="zh-CN">sol</name>
<name xml:lang="zh-TW">sol</name> <name xml:lang="zh-TW">sol</name>
</author> </author>
<extra_vars> <extra_vars>
<var name="ws_style" type="select"> <var name="ws_style" type="select">
<name xml:lang="ko">스타일</name> <name xml:lang="ko">스타일</name>
<name xml:lang="zh-TW">樣式</name> <name xml:lang="zh-TW">樣式</name>
<options> <options>
<value>widgetBoxFblue</value> <value>widgetBoxFred</value>
<name xml:lang="ko">파랑색</name> <name xml:lang="ko">빨강</name>
<name xml:lang="zh-TW">藍色</name> <name xml:lang="zh-TW">紅色</name>
</options> </options>
<options> <options>
<value>widgetBoxFgreen</value> <value>widgetBoxFgreen</value>
<name xml:lang="ko">녹색</name> <name xml:lang="ko">초록</name>
<name xml:lang="zh-TW">綠色</name> <name xml:lang="zh-TW">綠色</name>
</options> </options>
<options> <options>
<value>widgetBoxFred</value> <value>widgetBoxFblue</value>
<name xml:lang="ko">빨강색</name> <name xml:lang="ko">파랑</name>
<name xml:lang="zh-TW">紅色</name> <name xml:lang="zh-TW">藍色</name>
</options> </options>
</var> <options>
<var name="ws_title_image" type="filebox" filter="jpg,jpeg,gif,png"> <value>widgetBoxJgray</value>
<name xml:lang="ko">제목</name> <name xml:lang="ko">회색</name>
<name xml:lang="zh-CN">栏目图片</name> </options>
<name xml:lang="zh-TW">標題圖片</name> <options>
<description xml:lang="ko">제목 이미지를 등록합니다.</description> <value>widgetBoxJred</value>
<description xml:lang="zh-CN">栏目名可以使用图片。</description> <name xml:lang="ko">빨강</name>
<description xml:lang="zh-TW">可使用圖片取代標題。</description> </options>
</var> <options>
<var name="ws_title" type="text"> <value>widgetBoxJgreen</value>
<name xml:lang="ko">제목</name> <name xml:lang="ko">초록</name>
<name xml:lang="zh-CN">栏目名</name> </options>
<name xml:lang="zh-TW">標題</name> <options>
<description xml:lang="ko">제목 텍스트</description> <value>widgetBoxJblue</value>
<description xml:lang="zh-CN">输入文本形式的栏目名。</description> <name xml:lang="ko">파랑</name>
<description xml:lang="zh-TW">請輸入標題文字。</description> </options>
</var> </var>
<var name="ws_title_color" type="color"> <var name="ws_title_image" type="filebox" filter="jpg,jpeg,gif,png">
<name xml:lang="ko">제목 글자색</name> <name xml:lang="ko">제목</name>
<name xml:lang="zh-CN">栏目字体色</name> <name xml:lang="zh-CN">栏目图片</name>
<name xml:lang="zh-TW">標題顏色</name> <name xml:lang="zh-TW">標題圖片</name>
</var> <description xml:lang="ko">제목 이미지를 등록합니다.</description>
<var name="ws_title_icon" type="filebox" filter="jpg,jpeg,gif,png"> <description xml:lang="zh-CN">栏目名可以使用图片。</description>
<name xml:lang="ko">아이콘 이미지</name> <description xml:lang="zh-TW">可使用圖片取代標題。</description>
<name xml:lang="zh-CN">栏目图标</name> </var>
<name xml:lang="zh-TW">標題圖示</name> <var name="ws_title" type="text">
<description xml:lang="ko">제목 앞 아이콘 이미지를 등록합니다.</description> <name xml:lang="ko">제목</name>
<description xml:lang="zh-CN">可以给栏目名指定个性图标。</description> <name xml:lang="zh-CN">栏目名</name>
<description xml:lang="zh-TW">可指定標題前方的圖示。</description> <name xml:lang="zh-TW">標題</name>
</var> <description xml:lang="ko">제목 텍스트</description>
<description xml:lang="zh-CN">输入文本形式的栏目名。</description>
<var name="ws_more_url" type="text"> <description xml:lang="zh-TW">請輸入標題文字。</description>
<name xml:lang="ko">더보기 URL</name> </var>
<name xml:lang="zh-CN">查看更多(链接)</name> <var name="ws_title_color" type="color">
<name xml:lang="zh-TW">more URL</name> <name xml:lang="ko">제목 글자색</name>
<description xml:lang="ko">http:// 제외한 URL를 등록합니다.</description> <name xml:lang="zh-CN">栏目字体色</name>
<description xml:lang="zh-CN">请输入除http://以外的URL地址。</description> <name xml:lang="zh-TW">標題顏色</name>
<description xml:lang="zh-TW">請輸入http://以外的URL網址。</description> </var>
</var> <var name="ws_title_icon" type="filebox" filter="jpg,jpeg,gif,png">
<var name="ws_more_image" type="filebox" filter="jpg,jpeg,gif,png"> <name xml:lang="ko">아이콘 이미지</name>
<name xml:lang="ko">더보기 이미지</name> <name xml:lang="zh-CN">栏目图标</name>
<name xml:lang="zh-CN">查看更多(图片)</name> <name xml:lang="zh-TW">標題圖示</name>
<name xml:lang="zh-TW">more Image</name> <description xml:lang="ko">제목 앞 아이콘 이미지를 등록합니다.</description>
</var> <description xml:lang="zh-CN">可以给栏目名指定个性图标。</description>
<var name="ws_more_text" type="text"> <description xml:lang="zh-TW">可指定標題前方的圖示。</description>
<name xml:lang="ko">더보기 텍스트</name> </var>
<name xml:lang="zh-CN">查看更多(文本)</name>
<name xml:lang="zh-TW">more TEXT</name> <var name="ws_more_url" type="text">
<description xml:lang="ko">더보기 텍스트</description> <name xml:lang="ko">더보기 URL</name>
<description xml:lang="zh-CN">文本形式的"查看更多"。</description> <name xml:lang="zh-CN">查看更多(链接)</name>
<description xml:lang="zh-TW">純文字格式。</description> <name xml:lang="zh-TW">more URL</name>
</var> <description xml:lang="ko">http:// 제외한 URL를 등록합니다.</description>
</extra_vars> <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> </widgetstyle>

17
widgetstyles/line/css/widgetBoxStyle.css
View file

@ -9,8 +9,6 @@
.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{ 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 .widgetMore img{ border:0;}
.widgetBox .rcContainer{ display:block; width:100%; font-size:0; line-height:0; z-index:1; *zoom:1;} .widgetBox .rcContainer{ display:block; width:100%; font-size:0; line-height:0; z-index:1; *zoom:1;}
.widgetBox .rcTop{ position:absolute;}
.widgetBox .rcBottom{ position:relative;}
.widgetBox .rc{ position:absolute; display:block; font-size:0; line-height:0; overflow:hidden;} .widgetBox .rc{ position:absolute; display:block; font-size:0; line-height:0; overflow:hidden;}
.widgetBox .rcTop .tl{ top:0;} .widgetBox .rcTop .tl{ top:0;}
.widgetBox .rcTop .tr{ top:0;} .widgetBox .rcTop .tr{ top:0;}
@ -19,12 +17,12 @@
.widgetBoxA .widgetBoxHeader{ position:relative; padding:4px 0; margin:1px; border-bottom:1px solid #ccc;} .widgetBoxA .widgetBoxHeader{ position:relative; padding:4px 0; margin:1px; border-bottom:1px solid #ccc;}
.widgetBoxA .widgetMore{ top:10px; right:0; color:#888;} .widgetBoxA .widgetMore{ top:10px; right:0; color:#888;}
.widgetBoxA .rcContainer{ display:none;} .widgetBoxA .rcContainer{ display:none !important;}
.widgetBoxB .widgetBox{ border:1px solid #ccc;} .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 .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 .widgetMore{ top:7px; right:15px;}
.widgetBoxB .rcContainer{ display:none;} .widgetBoxB .rcContainer{ display:none !important;}
.widgetBoxC{ padding:3px 0;} .widgetBoxC{ padding:3px 0;}
.widgetBoxC .widgetBox{ border-left:1px solid #ccc; border-right:1px solid #ccc;} .widgetBoxC .widgetBox{ border-left:1px solid #ccc; border-right:1px solid #ccc;}
@ -32,8 +30,8 @@
.widgetBoxC .widgetMore{ top:5px; right:15px;} .widgetBoxC .widgetMore{ top:5px; right:15px;}
.widgetBoxC .rcTop, .widgetBoxC .rcTop,
.widgetBoxC .rcBottom{ height:3px;} .widgetBoxC .rcBottom{ height:3px;}
.widgetBoxC .rcTop{ top:-3px;} .widgetBoxC .rcTop{ position:absolute; top:-3px;}
.widgetBoxC .rcBottom{ bottom:-3px;} .widgetBoxC .rcBottom{ position:relative; bottom:-3px;}
.widgetBoxC .rc { width:50%; height:3px; background-image:url(../img/roundedCornerC.gif); background-repeat:no-repeat;} .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 .tl{ background-position:0 0; left:0px;}
.widgetBoxC .rcTop .tr{ background-position:right 0; left:50%;} .widgetBoxC .rcTop .tr{ background-position:right 0; left:50%;}
@ -42,9 +40,4 @@
.widgetBoxG .widgetBoxHeader{ position:relative; border:1px solid #ccc; padding:4px 0; text-indent:15px; background:url(../img/headerBgG.gif) repeat-x 0 center;} .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;} .widgetBoxG .widgetMore{ top:7px; right:15px;}
.widgetBoxG .rcContainer{ display:none !important;}
.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;}

195
widgetstyles/line/skin.xml
View file

@ -1,101 +1,96 @@
<?xml version="1.0" encoding="UTF-8"?> <?xml version="1.0" encoding="UTF-8"?>
<widgetstyle> <widgetstyle>
<title xml:lang="ko">라인 위젯스타일</title> <title xml:lang="ko">라인 위젯스타일</title>
<title xml:lang="zh-TW">線條樣式</title> <title xml:lang="zh-TW">線條樣式</title>
<description xml:lang="ko">선으로 꾸며진 위젯스타일 입니다.</description> <description xml:lang="ko">선으로 꾸며진 위젯스타일 입니다.</description>
<description xml:lang="zh-TW">可變換多種線條外框的控件樣式。</description> <description xml:lang="zh-TW">可變換多種線條外框的控件樣式。</description>
<version>0.1</version> <version>0.1</version>
<date>2009-03-10</date> <date>2009-03-10</date>
<preview>preview.gif</preview> <preview>preview.gif</preview>
<author email_address="sol@ngleader.com" link="http://www.ngleader.com"> <author email_address="sol@ngleader.com" link="http://www.ngleader.com">
<name xml:lang="ko">sol</name> <name xml:lang="ko">sol</name>
<name xml:lang="jp">sol</name> <name xml:lang="jp">sol</name>
<name xml:lang="en">sol</name> <name xml:lang="en">sol</name>
<name xml:lang="es">sol</name> <name xml:lang="es">sol</name>
<name xml:lang="zh-CN">sol</name> <name xml:lang="zh-CN">sol</name>
<name xml:lang="zh-TW">sol</name> <name xml:lang="zh-TW">sol</name>
</author> </author>
<extra_vars> <extra_vars>
<var name="ws_style" type="select"> <var name="ws_style" type="select">
<name xml:lang="ko">스타일</name> <name xml:lang="ko">스타일</name>
<name xml:lang="zh-TW">樣式</name> <name xml:lang="zh-TW">樣式</name>
<options> <options>
<value>widgetBoxA</value> <value>widgetBoxA</value>
<name xml:lang="ko">구분선</name> <name xml:lang="ko">구분선</name>
<name xml:lang="zh-TW">分隔線</name> <name xml:lang="zh-TW">分隔線</name>
</options> </options>
<options> <options>
<value>widgetBoxB</value> <value>widgetBoxB</value>
<name xml:lang="ko">박스</name> <name xml:lang="ko">박스</name>
<name xml:lang="zh-TW">外框</name> <name xml:lang="zh-TW">外框</name>
</options> </options>
<options> <options>
<value>widgetBoxC</value> <value>widgetBoxC</value>
<name xml:lang="ko">라운드 박스</name> <name xml:lang="ko">라운드 박스</name>
<name xml:lang="zh-TW">圓角外框</name> <name xml:lang="zh-TW">圓角外框</name>
</options> </options>
<options> <options>
<value>widgetBoxG</value> <value>widgetBoxG</value>
<name xml:lang="ko">제목 박스</name> <name xml:lang="ko">제목 박스</name>
<name xml:lang="zh-TW">標題框</name> <name xml:lang="zh-TW">標題框</name>
</options> </options>
<options> </var>
<value>widgetBoxJ</value> <var name="ws_title_image" type="filebox" filter="jpg,jpeg,gif,png">
<name xml:lang="ko">색상 박스</name> <name xml:lang="ko">제목</name>
<name xml:lang="zh-TW">彩色框</name> <name xml:lang="zh-CN">栏目图片</name>
</options> <name xml:lang="zh-TW">標題圖片</name>
</var> <description xml:lang="ko">제목 이미지를 등록합니다.</description>
<var name="ws_title_image" type="filebox" filter="jpg,jpeg,gif,png"> <description xml:lang="zh-CN">栏目名可以使用图片。</description>
<name xml:lang="ko">제목</name> <description xml:lang="zh-TW">可使用圖片取代標題。</description>
<name xml:lang="zh-CN">栏目图片</name> </var>
<name xml:lang="zh-TW">標題圖片</name> <var name="ws_title" type="text">
<description xml:lang="ko">제목 이미지를 등록합니다.</description> <name xml:lang="ko">제목</name>
<description xml:lang="zh-CN">栏目名可以使用图片。</description> <name xml:lang="zh-CN">栏目名</name>
<description xml:lang="zh-TW">可使用圖片取代標題。</description> <name xml:lang="zh-TW">標題</name>
</var> <description xml:lang="ko">제목 텍스트</description>
<var name="ws_title" type="text"> <description xml:lang="zh-CN">输入文本形式的栏目名。</description>
<name xml:lang="ko">제목</name> <description xml:lang="zh-TW">請輸入標題文字。</description>
<name xml:lang="zh-CN">栏目名</name> </var>
<name xml:lang="zh-TW">標題</name> <var name="ws_title_color" type="color">
<description xml:lang="ko">제목 텍스트</description> <name xml:lang="ko">제목 글자색</name>
<description xml:lang="zh-CN">输入文本形式的栏目名。</description> <name xml:lang="zh-CN">栏目字体色</name>
<description xml:lang="zh-TW">請輸入標題文字。</description> <name xml:lang="zh-TW">標題顏色</name>
</var> </var>
<var name="ws_title_color" type="color"> <var name="ws_title_icon" type="filebox" filter="jpg,jpeg,gif,png">
<name xml:lang="ko">제목 글자색</name> <name xml:lang="ko">아이콘 이미지</name>
<name xml:lang="zh-CN">栏目字体色</name> <name xml:lang="zh-CN">栏目图标</name>
<name xml:lang="zh-TW">標題顏色</name> <name xml:lang="zh-TW">標題圖示</name>
</var> <description xml:lang="ko">제목 앞 아이콘 이미지를 등록합니다.</description>
<var name="ws_title_icon" type="filebox" filter="jpg,jpeg,gif,png"> <description xml:lang="zh-CN">可以给栏目名指定个性图标。</description>
<name xml:lang="ko">아이콘 이미지</name> <description xml:lang="zh-TW">可指定標題前方的圖示。</description>
<name xml:lang="zh-CN">栏目图标</name> </var>
<name xml:lang="zh-TW">標題圖示</name>
<description xml:lang="ko">제목 앞 아이콘 이미지를 등록합니다.</description> <var name="ws_more_url" type="text">
<description xml:lang="zh-CN">可以给栏目名指定个性图标。</description> <name xml:lang="ko">더보기 URL</name>
<description xml:lang="zh-TW">可指定標題前方的圖示。</description> <name xml:lang="zh-CN">查看更多(链接)</name>
</var> <name xml:lang="zh-TW">more URL</name>
<description xml:lang="ko">http:// 제외한 URL를 등록합니다.</description>
<var name="ws_more_url" type="text"> <description xml:lang="zh-CN">请输入除http://以外的URL地址。</description>
<name xml:lang="ko">더보기 URL</name> <description xml:lang="zh-TW">請輸入http://以外的URL網址。</description>
<name xml:lang="zh-CN">查看更多(链接)</name> </var>
<name xml:lang="zh-TW">more URL</name> <var name="ws_more_image" type="filebox" filter="jpg,jpeg,gif,png">
<description xml:lang="ko">http:// 제외한 URL를 등록합니다.</description> <name xml:lang="ko">더보기 이미지</name>
<description xml:lang="zh-CN">请输入除http://以外的URL地址。</description> <name xml:lang="zh-CN">查看更多(图片)</name>
<description xml:lang="zh-TW">請輸入http://以外的URL網址。</description> <name xml:lang="zh-TW">more Image</name>
</var> </var>
<var name="ws_more_image" type="filebox" filter="jpg,jpeg,gif,png"> <var name="ws_more_text" type="text">
<name xml:lang="ko">더보기 이미지</name> <name xml:lang="ko">더보기 텍스트</name>
<name xml:lang="zh-CN">查看更多(图片)</name> <name xml:lang="zh-CN">查看更多(文本)</name>
<name xml:lang="zh-TW">more Image</name> <name xml:lang="zh-TW">more TEXT</name>
</var> <description xml:lang="ko">더보기 텍스트</description>
<var name="ws_more_text" type="text"> <description xml:lang="zh-CN">文本形式的"查看更多"。</description>
<name xml:lang="ko">더보기 텍스트</name> <description xml:lang="zh-TW">純文字格式。</description>
<name xml:lang="zh-CN">查看更多(文本)</name> </var>
<name xml:lang="zh-TW">more TEXT</name> </extra_vars>
<description xml:lang="ko">더보기 텍스트</description>
<description xml:lang="zh-CN">文本形式的"查看更多"。</description>
<description xml:lang="zh-TW">純文字格式。</description>
</var>
</extra_vars>
</widgetstyle> </widgetstyle>

139
widgetstyles/memo/css/widgetBoxStyle.css
View file

@ -9,35 +9,124 @@
.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{ 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 .widgetMore img{ border:0;}
.widgetBox .rcContainer{ display:block; width:100%; font-size:0; line-height:0; z-index:1; *zoom:1;} .widgetBox .rcContainer{ display:block; width:100%; font-size:0; line-height:0; z-index:1; *zoom:1;}
.widgetBox .rcTop{ position:absolute;}
.widgetBox .rcBottom{ position:relative;}
.widgetBox .rc{ position:absolute; display:block; font-size:0; line-height:0; overflow:hidden;} .widgetBox .rc{ position:absolute; display:block; font-size:0; line-height:0; overflow:hidden;}
.widgetBox .rcTop .tl{ top:0;} .widgetBox .rcTop .tl{ top:0;}
.widgetBox .rcTop .tr{ top:0;} .widgetBox .rcTop .tr{ top:0;}
.widgetBox .rcBottom .bl{ top:0;} .widgetBox .rcBottom .bl{ top:0;}
.widgetBox .rcBottom .br{ top:0;} .widgetBox .rcBottom .br{ top:0;}
.widgetBoxH{ padding:50px 0 4px 0;} .widgetBoxHgray{ padding-top:50px; padding-bottom:4px;}
.widgetBoxH .widgetBox{ background:#fff; border-left:1px solid #e9e9e9; border-right:1px solid #e9e9e9;} .widgetBoxHgray .widgetBox{ background:#fff; border-left:1px solid #e9e9e9; border-right:1px solid #e9e9e9; padding-top:10px; padding-bottom:5px;}
.widgetBoxH .widgetBoxHeader{ position:absolute; width:100%; left:0; top:-40px; padding:3px 0; text-indent:15px;} .widgetBoxHgray .widgetBoxHeader{ position:relative; padding:3px 0; text-indent:15px; margin-top:-50px !important; margin-bottom:60px !important;}
.widgetBoxH .widgetMore{ top:-32px; right:50px;} .widgetBoxHgray .widgetContainer{ margin-top:-50px;}
.widgetBoxH .rcTop{ top:-50px; height:50px;} .widgetBoxHgray .widgetMore{ top:-31px; right:50px;}
.widgetBoxH .rcBottom{ bottom:-4px; height:4px;} .widgetBoxHgray .rcContainer{ position:absolute;}
.widgetBoxH .rc { width:50%; background-image:url(../img/widgetBoxH.png); _background-image:url(../img/widgetBoxH.gif); background-repeat:no-repeat;} .widgetBoxHgray .rcTop{ top:-50px; height:50px;}
.widgetBoxH .rcTop .rc{ height:50px;} .widgetBoxHgray .rcBottom{ bottom:-4px; height:4px;}
.widgetBoxH .rcBottom .rc{ height:4px;} .widgetBoxHgray .rc { width:50%; background-image:url(../img/widgetBoxHgray.png); _background-image:url(../img/widgetBoxHgray.gif); background-repeat:no-repeat;}
.widgetBoxH .rcTop .tl{ background-position:0 0; left:-1px !important; padding-right:1px;} .widgetBoxHgray .rcTop .rc{ height:50px;}
.widgetBoxH .rcTop .tr{ background-position:right 0; left:50%; *left:auto; _left:50%; right:auto; *right:-1px; _right:auto; padding-left:1px;} .widgetBoxHgray .rcBottom .rc{ height:4px;}
.widgetBoxH .rcBottom .bl{ background-position:0 bottom; left:-1px; padding-right:1px;} .widgetBoxHgray .rcTop .tl{ background-position:0 0; left:-1px !important; 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;} .widgetBoxHgray .rcTop .tr{ background-position:right 0; left:50%; *left:auto; _left:50%; right:auto; *right:-1px; _right:auto; padding-left:1px;}
.widgetBoxHgray .rcBottom .bl{ background-position:0 bottom; left:-1px; padding-right:1px;}
.widgetBoxHgray .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;} .widgetBoxHred{ padding-top:50px; padding-bottom:4px;}
.widgetBoxI .widgetBox{ background:#fdf59b; padding-bottom:5px;} .widgetBoxHred .widgetBox{ background:#fff; border-left:1px solid #e9e9e9; border-right:1px solid #e9e9e9; padding-top:10px; padding-bottom:5px;}
.widgetBoxI .widgetBoxHeader{ position:absolute; width:100%; left:0; top:-40px; padding:3px 0; text-indent:15px;} .widgetBoxHred .widgetBoxHeader{ position:relative; padding:3px 0; text-indent:15px; margin-top:-50px !important; margin-bottom:60px !important;}
.widgetBoxI .widgetMore{ top:-32px; right:50px;} .widgetBoxHred .widgetContainer{ margin-top:-50px;}
.widgetBoxI .rcTop{ top:-50px; height:50px;} .widgetBoxHred .widgetMore{ top:-31px; right:50px;}
.widgetBoxI .rcBottom{ display:none;} .widgetBoxHred .rcContainer{ position:absolute;}
.widgetBoxI .rc { width:50%; background-image:url(../img/widgetBoxI.png); _background-image:url(../img/widgetBoxI.gif); background-repeat:no-repeat;} .widgetBoxHred .rcTop{ top:-50px; height:50px;}
.widgetBoxI .rcTop .rc{ height:50px;} .widgetBoxHred .rcBottom{ bottom:-4px; height:4px;}
.widgetBoxI .rcTop .tl{ background-position:0 0;} .widgetBoxHred .rc { width:50%; background-image:url(../img/widgetBoxHred.png); _background-image:url(../img/widgetBoxHred.gif); background-repeat:no-repeat;}
.widgetBoxI .rcTop .tr{ background-position:right 0; left:50%; *left:auto; _left:50%; right:auto; *right:0; _right:auto;} .widgetBoxHred .rcTop .rc{ height:50px;}
.widgetBoxHred .rcBottom .rc{ height:4px;}
.widgetBoxHred .rcTop .tl{ background-position:0 0; left:-1px !important; padding-right:1px;}
.widgetBoxHred .rcTop .tr{ background-position:right 0; left:50%; *left:auto; _left:50%; right:auto; *right:-1px; _right:auto; padding-left:1px;}
.widgetBoxHred .rcBottom .bl{ background-position:0 bottom; left:-1px; padding-right:1px;}
.widgetBoxHred .rcBottom .br{ background-position:right bottom; left:50%; *left:auto; right:auto; *right:-1px; _right:auto; _left:50%; padding-left:1px;}
.widgetBoxHgreen{ padding-top:50px; padding-bottom:4px;}
.widgetBoxHgreen .widgetBox{ background:#fff; border-left:1px solid #e9e9e9; border-right:1px solid #e9e9e9; padding-top:10px; padding-bottom:5px;}
.widgetBoxHgreen .widgetBoxHeader{ position:relative; padding:3px 0; text-indent:15px; margin-top:-50px !important; margin-bottom:60px !important;}
.widgetBoxHgreen .widgetContainer{ margin-top:-50px;}
.widgetBoxHgreen .widgetMore{ top:-31px; right:50px;}
.widgetBoxHgreen .rcContainer{ position:absolute;}
.widgetBoxHgreen .rcTop{ top:-50px; height:50px;}
.widgetBoxHgreen .rcBottom{ bottom:-4px; height:4px;}
.widgetBoxHgreen .rc { width:50%; background-image:url(../img/widgetBoxHgreen.png); _background-image:url(../img/widgetBoxHgreen.gif); background-repeat:no-repeat;}
.widgetBoxHgreen .rcTop .rc{ height:50px;}
.widgetBoxHgreen .rcBottom .rc{ height:4px;}
.widgetBoxHgreen .rcTop .tl{ background-position:0 0; left:-1px !important; padding-right:1px;}
.widgetBoxHgreen .rcTop .tr{ background-position:right 0; left:50%; *left:auto; _left:50%; right:auto; *right:-1px; _right:auto; padding-left:1px;}
.widgetBoxHgreen .rcBottom .bl{ background-position:0 bottom; left:-1px; padding-right:1px;}
.widgetBoxHgreen .rcBottom .br{ background-position:right bottom; left:50%; *left:auto; right:auto; *right:-1px; _right:auto; _left:50%; padding-left:1px;}
.widgetBoxHblue{ padding-top:50px; padding-bottom:4px;}
.widgetBoxHblue .widgetBox{ background:#fff; border-left:1px solid #e9e9e9; border-right:1px solid #e9e9e9; padding-top:10px; padding-bottom:5px;}
.widgetBoxHblue .widgetBoxHeader{ position:relative; padding:3px 0; text-indent:15px; margin-top:-50px !important; margin-bottom:60px !important;}
.widgetBoxHblue .widgetContainer{ margin-top:-50px;}
.widgetBoxHblue .widgetMore{ top:-31px; right:50px;}
.widgetBoxHblue .rcContainer{ position:absolute;}
.widgetBoxHblue .rcTop{ top:-50px; height:50px;}
.widgetBoxHblue .rcBottom{ bottom:-4px; height:4px;}
.widgetBoxHblue .rc { width:50%; background-image:url(../img/widgetBoxHblue.png); _background-image:url(../img/widgetBoxHblue.gif); background-repeat:no-repeat;}
.widgetBoxHblue .rcTop .rc{ height:50px;}
.widgetBoxHblue .rcBottom .rc{ height:4px;}
.widgetBoxHblue .rcTop .tl{ background-position:0 0; left:-1px !important; padding-right:1px;}
.widgetBoxHblue .rcTop .tr{ background-position:right 0; left:50%; *left:auto; _left:50%; right:auto; *right:-1px; _right:auto; padding-left:1px;}
.widgetBoxHblue .rcBottom .bl{ background-position:0 bottom; left:-1px; padding-right:1px;}
.widgetBoxHblue .rcBottom .br{ background-position:right bottom; left:50%; *left:auto; right:auto; *right:-1px; _right:auto; _left:50%; padding-left:1px;}
.widgetBoxIyellow{ padding-top:50px;}
.widgetBoxIyellow .widgetBox{ background:#fdf59b; padding-top:10px; padding-bottom:5px;}
.widgetBoxIyellow .widgetBoxHeader{ position:relative; padding:3px 0; text-indent:15px; margin-top:-50px !important; margin-bottom:60px !important;}
.widgetBoxIyellow .widgetContainer{ margin-top:-50px;}
.widgetBoxIyellow .widgetMore{ top:-31px; right:50px;}
.widgetBoxIyellow .rcContainer{ position:absolute;}
.widgetBoxIyellow .rcTop{ top:-50px; height:50px;}
.widgetBoxIyellow .rcBottom{ display:none !important;}
.widgetBoxIyellow .rc { width:50%; background-image:url(../img/widgetBoxIyellow.png); _background-image:url(../img/widgetBoxIyellow.gif); background-repeat:no-repeat;}
.widgetBoxIyellow .rcTop .rc{ height:50px;}
.widgetBoxIyellow .rcTop .tl{ background-position:0 0;}
.widgetBoxIyellow .rcTop .tr{ background-position:right 0; left:50%; *left:auto; _left:50%; right:auto; *right:0; _right:auto;}
.widgetBoxIred{ padding-top:50px;}
.widgetBoxIred .widgetBox{ background:#fd9bda; padding-top:10px; padding-bottom:5px;}
.widgetBoxIred .widgetBoxHeader{ position:relative; padding:3px 0; text-indent:15px; margin-top:-50px !important; margin-bottom:60px !important;}
.widgetBoxIred .widgetContainer{ margin-top:-50px;}
.widgetBoxIred .widgetMore{ top:-31px; right:50px;}
.widgetBoxIred .rcContainer{ position:absolute;}
.widgetBoxIred .rcTop{ top:-50px; height:50px;}
.widgetBoxIred .rcBottom{ display:none !important;}
.widgetBoxIred .rc { width:50%; background-image:url(../img/widgetBoxIred.png); _background-image:url(../img/widgetBoxIred.gif); background-repeat:no-repeat;}
.widgetBoxIred .rcTop .rc{ height:50px;}
.widgetBoxIred .rcTop .tl{ background-position:0 0;}
.widgetBoxIred .rcTop .tr{ background-position:right 0; left:50%; *left:auto; _left:50%; right:auto; *right:0; _right:auto;}
.widgetBoxIgreen{ padding-top:50px;}
.widgetBoxIgreen .widgetBox{ background:#9bfda3; padding-top:10px; padding-bottom:5px;}
.widgetBoxIgreen .widgetBoxHeader{ position:relative; padding:3px 0; text-indent:15px; margin-top:-50px !important; margin-bottom:60px !important;}
.widgetBoxIgreen .widgetContainer{ margin-top:-50px;}
.widgetBoxIgreen .widgetMore{ top:-31px; right:50px;}
.widgetBoxIgreen .rcContainer{ position:absolute;}
.widgetBoxIgreen .rcTop{ top:-50px; height:50px;}
.widgetBoxIgreen .rcBottom{ display:none !important;}
.widgetBoxIgreen .rc { width:50%; background-image:url(../img/widgetBoxIgreen.png); _background-image:url(../img/widgetBoxIgreen.gif); background-repeat:no-repeat;}
.widgetBoxIgreen .rcTop .rc{ height:50px;}
.widgetBoxIgreen .rcTop .tl{ background-position:0 0;}
.widgetBoxIgreen .rcTop .tr{ background-position:right 0; left:50%; *left:auto; _left:50%; right:auto; *right:0; _right:auto;}
.widgetBoxIblue{ padding-top:50px;}
.widgetBoxIblue .widgetBox{ background:#9bf4fd; padding-top:10px; padding-bottom:5px;}
.widgetBoxIblue .widgetBoxHeader{ position:relative; padding:3px 0; text-indent:15px; margin-top:-50px !important; margin-bottom:60px !important;}
.widgetBoxIblue .widgetContainer{ margin-top:-50px;}
.widgetBoxIblue .widgetMore{ top:-31px; right:50px;}
.widgetBoxIblue .rcContainer{ position:absolute;}
.widgetBoxIblue .rcTop{ top:-50px; height:50px;}
.widgetBoxIblue .rcBottom{ display:none !important;}
.widgetBoxIblue .rc { width:50%; background-image:url(../img/widgetBoxIblue.png); _background-image:url(../img/widgetBoxIblue.gif); background-repeat:no-repeat;}
.widgetBoxIblue .rcTop .rc{ height:50px;}
.widgetBoxIblue .rcTop .tl{ background-position:0 0;}
.widgetBoxIblue .rcTop .tr{ background-position:right 0; left:50%; *left:auto; _left:50%; right:auto; *right:0; _right:auto;}

BIN
widgetstyles/memo/img/widgetBoxHblue.gif Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 3.5 KiB

BIN
widgetstyles/memo/img/widgetBoxHblue.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 3.7 KiB

0
widgetstyles/memo/img/widgetBoxH.gif → widgetstyles/memo/img/widgetBoxHgray.gif
View file

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 3.5 KiB

After

Width:  |  Height:  |  Size: 3.5 KiB

Before After
Before After

0
widgetstyles/memo/img/widgetBoxH.png → widgetstyles/memo/img/widgetBoxHgray.png
View file

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 3.1 KiB

After

Width:  |  Height:  |  Size: 3.1 KiB

Before After
Before After

BIN
widgetstyles/memo/img/widgetBoxHgreen.gif Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 3.8 KiB

BIN
widgetstyles/memo/img/widgetBoxHgreen.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 3.8 KiB

BIN
widgetstyles/memo/img/widgetBoxHred.gif Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 3.7 KiB

BIN
widgetstyles/memo/img/widgetBoxHred.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 3.7 KiB

BIN
widgetstyles/memo/img/widgetBoxIblue.gif Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 6.5 KiB

BIN
widgetstyles/memo/img/widgetBoxIblue.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 4.6 KiB

BIN
widgetstyles/memo/img/widgetBoxIgreen.gif Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 6.3 KiB

BIN
widgetstyles/memo/img/widgetBoxIgreen.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 4.9 KiB

BIN
widgetstyles/memo/img/widgetBoxIred.gif Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 6.4 KiB

BIN
widgetstyles/memo/img/widgetBoxIred.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 4.8 KiB

0
widgetstyles/memo/img/widgetBoxI.gif → widgetstyles/memo/img/widgetBoxIyellow.gif
View file

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 6.5 KiB

After

Width:  |  Height:  |  Size: 6.5 KiB

Before After
Before After

0
widgetstyles/memo/img/widgetBoxI.png → widgetstyles/memo/img/widgetBoxIyellow.png
View file

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 4.6 KiB

After

Width:  |  Height:  |  Size: 4.6 KiB

Before After
Before After

194
widgetstyles/memo/skin.xml
View file

@ -1,86 +1,110 @@
<?xml version="1.0" encoding="UTF-8"?> <?xml version="1.0" encoding="UTF-8"?>
<widgetstyle> <widgetstyle>
<title xml:lang="ko">메모 위젯스타일</title> <title xml:lang="ko">메모 위젯스타일</title>
<title xml:lang="zh-TW">留言樣式</title> <title xml:lang="zh-TW">留言樣式</title>
<description xml:lang="ko">메모지 처럼 꾸며진 위젯스타일 입니다.</description> <description xml:lang="ko">메모지 처럼 꾸며진 위젯스타일 입니다.</description>
<description xml:lang="zh-TW">可變換多種留言外框的控件樣式。</description> <description xml:lang="zh-TW">可變換多種留言外框的控件樣式。</description>
<version>0.1</version> <version>0.1</version>
<date>2009-03-10</date> <date>2009-03-10</date>
<preview>preview.gif</preview> <preview>preview.gif</preview>
<author email_address="sol@ngleader.com" link="http://www.ngleader.com"> <author email_address="sol@ngleader.com" link="http://www.ngleader.com">
<name xml:lang="ko">sol</name> <name xml:lang="ko">sol</name>
<name xml:lang="jp">sol</name> <name xml:lang="jp">sol</name>
<name xml:lang="en">sol</name> <name xml:lang="en">sol</name>
<name xml:lang="es">sol</name> <name xml:lang="es">sol</name>
<name xml:lang="zh-CN">sol</name> <name xml:lang="zh-CN">sol</name>
<name xml:lang="zh-TW">sol</name> <name xml:lang="zh-TW">sol</name>
</author> </author>
<extra_vars> <extra_vars>
<var name="ws_style" type="select"> <var name="ws_style" type="select">
<name xml:lang="ko">스타일</name> <name xml:lang="ko">스타일</name>
<name xml:lang="zh-TW">樣式</name> <name xml:lang="zh-TW">樣式</name>
<options> <options>
<value>widgetBoxH</value> <value>widgetBoxHgray</value>
<name xml:lang="ko">흰색</name> <name xml:lang="ko">회색</name>
<name xml:lang="zh-TW">白色</name> <name xml:lang="zh-TW">白色</name>
</options> </options>
<options> <options>
<value>widgetBoxI</value> <value>widgetBoxHred</value>
<name xml:lang="ko">노랑</name> <name xml:lang="ko">빨강</name>
<name xml:lang="zh-TW">黃色</name> </options>
</options> <options>
</var> <value>widgetBoxHgreen</value>
<var name="ws_title_image" type="filebox" filter="jpg,jpeg,gif,png"> <name xml:lang="ko">초록</name>
<name xml:lang="ko">제목</name> </options>
<name xml:lang="zh-CN">栏目图片</name> <options>
<name xml:lang="zh-TW">標題圖片</name> <value>widgetBoxHblue</value>
<description xml:lang="ko">제목 이미지를 등록합니다.</description> <name xml:lang="ko">파랑</name>
<description xml:lang="zh-CN">栏目名可以使用图片。</description> </options>
<description xml:lang="zh-TW">可使用圖片取代標題。</description> <options>
</var> <value>widgetBoxIyellow</value>
<var name="ws_title" type="text"> <name xml:lang="ko">노랑</name>
<name xml:lang="ko">제목</name> <name xml:lang="zh-TW">黃色</name>
<name xml:lang="zh-CN">栏目名</name> </options>
<name xml:lang="zh-TW">標題</name> <options>
<description xml:lang="ko">제목 텍스트</description> <value>widgetBoxIred</value>
<description xml:lang="zh-CN">输入文本形式的栏目名。</description> <name xml:lang="ko">빨강</name>
<description xml:lang="zh-TW">請輸入標題文字。</description> </options>
</var> <options>
<var name="ws_title_color" type="color"> <value>widgetBoxIgreen</value>
<name xml:lang="ko">제목 글자색</name> <name xml:lang="ko">초록</name>
<name xml:lang="zh-CN">栏目字体色</name> </options>
<name xml:lang="zh-TW">標題顏色</name> <options>
</var> <value>widgetBoxIblue</value>
<var name="ws_title_icon" type="filebox" filter="jpg,jpeg,gif,png"> <name xml:lang="ko">파랑</name>
<name xml:lang="ko">아이콘 이미지</name> </options>
<name xml:lang="zh-CN">栏目图标</name> </var>
<name xml:lang="zh-TW">標題圖示</name> <var name="ws_title_image" type="filebox" filter="jpg,jpeg,gif,png">
<description xml:lang="ko">제목 앞 아이콘 이미지를 등록합니다.</description> <name xml:lang="ko">제목</name>
<description xml:lang="zh-CN">可以给栏目名指定个性图标。</description> <name xml:lang="zh-CN">栏目图片</name>
<description xml:lang="zh-TW">可指定標題前方的圖示。</description> <name xml:lang="zh-TW">標題圖片</name>
</var> <description xml:lang="ko">제목 이미지를 등록합니다.</description>
<description xml:lang="zh-CN">栏目名可以使用图片。</description>
<var name="ws_more_url" type="text"> <description xml:lang="zh-TW">可使用圖片取代標題。</description>
<name xml:lang="ko">더보기 URL</name> </var>
<name xml:lang="zh-CN">查看更多(链接)</name> <var name="ws_title" type="text">
<name xml:lang="zh-TW">more URL</name> <name xml:lang="ko">제목</name>
<description xml:lang="ko">http:// 제외한 URL를 등록합니다.</description> <name xml:lang="zh-CN">栏目名</name>
<description xml:lang="zh-CN">请输入除http://以外的URL地址。</description> <name xml:lang="zh-TW">標題</name>
<description xml:lang="zh-TW">請輸入http://以外的URL網址。</description> <description xml:lang="ko">제목 텍스트</description>
</var> <description xml:lang="zh-CN">输入文本形式的栏目名。</description>
<var name="ws_more_image" type="filebox" filter="jpg,jpeg,gif,png"> <description xml:lang="zh-TW">請輸入標題文字。</description>
<name xml:lang="ko">더보기 이미지</name> </var>
<name xml:lang="zh-CN">查看更多(图片)</name> <var name="ws_title_color" type="color">
<name xml:lang="zh-TW">more Image</name> <name xml:lang="ko">제목 글자색</name>
</var> <name xml:lang="zh-CN">栏目字体色</name>
<var name="ws_more_text" type="text"> <name xml:lang="zh-TW">標題顏色</name>
<name xml:lang="ko">더보기 텍스트</name> </var>
<name xml:lang="zh-CN">查看更多(文本)</name> <var name="ws_title_icon" type="filebox" filter="jpg,jpeg,gif,png">
<name xml:lang="zh-TW">more TEXT</name> <name xml:lang="ko">아이콘 이미지</name>
<description xml:lang="ko">더보기 텍스트</description> <name xml:lang="zh-CN">栏目图标</name>
<description xml:lang="zh-CN">文本形式的"查看更多"。</description> <name xml:lang="zh-TW">標題圖示</name>
<description xml:lang="zh-TW">純文字格式。</description> <description xml:lang="ko">제목 앞 아이콘 이미지를 등록합니다.</description>
</var> <description xml:lang="zh-CN">可以给栏目名指定个性图标。</description>
</extra_vars> <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> </widgetstyle>

40
widgetstyles/round/css/widgetBoxStyle.css
View file

@ -3,14 +3,12 @@
.widgetBoxContainer{ position:relative;} .widgetBoxContainer{ position:relative;}
.widgetBox{ position:relative; *zoom:1} .widgetBox{ position:relative;}
.widgetBox .widgetBoxHeader{ font-size:16px; font-family:Tahoma; margin:0; z-index:10;} .widgetBox .widgetBoxHeader{ font-size:16px; font-family:Tahoma; margin:0; z-index:10;}
.widgetBox .widgetContainer{ position:relative; 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{ 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 .widgetMore img{ border:0;}
.widgetBox .rcContainer{ display:block; width:100%; font-size:0; line-height:0; z-index:1; *zoom:1;} .widgetBox .rcContainer{ display:block; width:100%; font-size:0; line-height:0; z-index:1; *zoom:1;}
.widgetBox .rcTop{ position:absolute;}
.widgetBox .rcBottom{ position:relative;}
.widgetBox .rc{ position:absolute; display:block; font-size:0; line-height:0; overflow:hidden;} .widgetBox .rc{ position:absolute; display:block; font-size:0; line-height:0; overflow:hidden;}
.widgetBox .rcTop .tl{ top:0;} .widgetBox .rcTop .tl{ top:0;}
.widgetBox .rcTop .tr{ top:0;} .widgetBox .rcTop .tr{ top:0;}
@ -18,13 +16,13 @@
.widgetBox .rcBottom .br{ top:0;} .widgetBox .rcBottom .br{ top:0;}
.widgetBoxDred{ padding:8px 0;} .widgetBoxDred{ padding:8px 0;}
.widgetBoxDred .widgetBox{ background:#fff; border-left:5px solid #ffcccc; border-right:5px solid #ffcccc;} .widgetBoxDred .widgetBox{ background:#fff; border-left:5px solid #ffcccc; border-right:5px solid #ffcccc; *zoom:1}
.widgetBoxDred .widgetBoxHeader{ position:relative; padding:3px 0; text-indent:15px; color:#ff3333;} .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 .widgetMore{ top:5px; right:15px; width:35px; background:url(../img/moreBgDred.gif) no-repeat; color:#fff !important;}
.widgetBoxDred .rcTop, .widgetBoxDred .rcTop,
.widgetBoxDred .rcBottom{ height:8px;} .widgetBoxDred .rcBottom{ height:8px;}
.widgetBoxDred .rcTop{ top:-8px;} .widgetBoxDred .rcTop{ position:absolute; top:-8px;}
.widgetBoxDred .rcBottom{ bottom:-8px;} .widgetBoxDred .rcBottom{ position:relative; 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 .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 .tl{ background-position:0 0; left:-5px;}
.widgetBoxDred .rcTop .tr{ background-position:right 0; left:5px;} .widgetBoxDred .rcTop .tr{ background-position:right 0; left:5px;}
@ -32,13 +30,13 @@
.widgetBoxDred .rcBottom .br{ background-position:right bottom; left:5px;} .widgetBoxDred .rcBottom .br{ background-position:right bottom; left:5px;}
.widgetBoxDgreen{ padding:8px 0;} .widgetBoxDgreen{ padding:8px 0;}
.widgetBoxDgreen .widgetBox{ background:#fff; border-left:5px solid #d9efb9; border-right:5px solid #d9efb9;} .widgetBoxDgreen .widgetBox{ background:#fff; border-left:5px solid #d9efb9; border-right:5px solid #d9efb9; *zoom:1}
.widgetBoxDgreen .widgetBoxHeader{ position:relative; padding:3px 0; text-indent:15px; color:#90d133;} .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 .widgetMore{ top:5px; right:15px; width:35px; background:url(../img/moreBgDgreen.gif) no-repeat; color:#fff !important;}
.widgetBoxDgreen .rcTop, .widgetBoxDgreen .rcTop,
.widgetBoxDgreen .rcBottom{ height:8px;} .widgetBoxDgreen .rcBottom{ height:8px;}
.widgetBoxDgreen .rcTop{ top:-8px;} .widgetBoxDgreen .rcTop{ position:absolute; top:-8px;}
.widgetBoxDgreen .rcBottom{ bottom:-8px;} .widgetBoxDgreen .rcBottom{ position:relative; 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 .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 .tl{ background-position:0 0; left:-5px;}
.widgetBoxDgreen .rcTop .tr{ background-position:right 0; left:5px;} .widgetBoxDgreen .rcTop .tr{ background-position:right 0; left:5px;}
@ -46,13 +44,13 @@
.widgetBoxDgreen .rcBottom .br{ background-position:right bottom; left:5px;} .widgetBoxDgreen .rcBottom .br{ background-position:right bottom; left:5px;}
.widgetBoxDblue{ padding:8px 0;} .widgetBoxDblue{ padding:8px 0;}
.widgetBoxDblue .widgetBox{ background:#fff; border-left:5px solid #d8e6e7; border-right:5px solid #d8e6e7;} .widgetBoxDblue .widgetBox{ background:#fff; border-left:5px solid #d8e6e7; border-right:5px solid #d8e6e7; *zoom:1}
.widgetBoxDblue .widgetBoxHeader{ position:relative; padding:3px 0; text-indent:15px; color:#55ccdd;} .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 .widgetMore{ top:5px; right:15px; width:35px; background:url(../img/moreBgDblue.gif) no-repeat; color:#fff !important;}
.widgetBoxDblue .rcTop, .widgetBoxDblue .rcTop,
.widgetBoxDblue .rcBottom{ height:8px;} .widgetBoxDblue .rcBottom{ height:8px;}
.widgetBoxDblue .rcTop{ top:-8px;} .widgetBoxDblue .rcTop{ position:absolute; top:-8px;}
.widgetBoxDblue .rcBottom{ bottom:-8px;} .widgetBoxDblue .rcBottom{ position:relative; 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 .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 .tl{ background-position:0 0; left:-5px;}
.widgetBoxDblue .rcTop .tr{ background-position:right 0; left:5px;} .widgetBoxDblue .rcTop .tr{ background-position:right 0; left:5px;}
@ -60,15 +58,15 @@
.widgetBoxDblue .rcBottom .br{ background-position:right bottom; left:5px;} .widgetBoxDblue .rcBottom .br{ background-position:right bottom; left:5px;}
.widgetBoxEred{ padding:3px 0;} .widgetBoxEred{ padding:3px 0;}
.widgetBoxEred .widgetBox{ background:#ff3333;} .widgetBoxEred .widgetBox{ background:#ff3333; *zoom:1}
.widgetBoxEred .widgetBoxHeader{ position:relative; padding:5px 0; text-indent:15px; color:#fff;} .widgetBoxEred .widgetBoxHeader{ position:relative; padding:5px 0; text-indent:15px; color:#fff;}
.widgetBoxEred .widgetContainer, .widgetBoxEred .widgetContainer,
.widgetBoxEred .widgetContainer a{ color:#fff;} .widgetBoxEred .widgetContainer a{ color:#fff;}
.widgetBoxEred .widgetMore{ top:10px; right:15px; width:35px; background:url(../img/moreBgEred.gif) no-repeat; color:#ff3333;} .widgetBoxEred .widgetMore{ top:10px; right:15px; width:35px; background:url(../img/moreBgEred.gif) no-repeat; color:#ff3333;}
.widgetBoxEred .rcTop, .widgetBoxEred .rcTop,
.widgetBoxEred .rcBottom{ height:3px;} .widgetBoxEred .rcBottom{ height:3px;}
.widgetBoxEred .rcTop{ top:-3px;} .widgetBoxEred .rcTop{ position:absolute; top:-3px;}
.widgetBoxEred .rcBottom{ bottom:-3px;} .widgetBoxEred .rcBottom{ position:relative; bottom:-3px;}
.widgetBoxEred .rc { width:50%; height:3px; background-image:url(../img/roundedCornerEred.gif); background-repeat:no-repeat;} .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 .tl{ background-position:0 0;}
.widgetBoxEred .rcTop .tr{ background-position:right 0; left:50%;} .widgetBoxEred .rcTop .tr{ background-position:right 0; left:50%;}
@ -76,15 +74,15 @@
.widgetBoxEred .rcBottom .br{ background-position:right bottom; left:50%;} .widgetBoxEred .rcBottom .br{ background-position:right bottom; left:50%;}
.widgetBoxEgreen{ padding:3px 0;} .widgetBoxEgreen{ padding:3px 0;}
.widgetBoxEgreen .widgetBox{ background:#90d133;} .widgetBoxEgreen .widgetBox{ background:#90d133; *zoom:1}
.widgetBoxEgreen .widgetBoxHeader{ position:relative; padding:5px 0; text-indent:15px; color:#fff;} .widgetBoxEgreen .widgetBoxHeader{ position:relative; padding:5px 0; text-indent:15px; color:#fff;}
.widgetBoxEgreen .widgetContainer, .widgetBoxEgreen .widgetContainer,
.widgetBoxEgreen .widgetContainer a{ color:#fff;} .widgetBoxEgreen .widgetContainer a{ color:#fff;}
.widgetBoxEgreen .widgetMore{ top:10px; right:15px; width:35px; background:url(../img/moreBgEgreen.gif) no-repeat; color:#90d133;} .widgetBoxEgreen .widgetMore{ top:10px; right:15px; width:35px; background:url(../img/moreBgEgreen.gif) no-repeat; color:#90d133;}
.widgetBoxEgreen .rcTop, .widgetBoxEgreen .rcTop,
.widgetBoxEgreen .rcBottom{ height:3px;} .widgetBoxEgreen .rcBottom{ height:3px;}
.widgetBoxEgreen .rcTop{ top:-3px;} .widgetBoxEgreen .rcTop{ position:absolute; top:-3px;}
.widgetBoxEgreen .rcBottom{ bottom:-3px;} .widgetBoxEgreen .rcBottom{ position:relative; bottom:-3px;}
.widgetBoxEgreen .rc { width:50%; height:3px; background-image:url(../img/roundedCornerEgreen.gif); background-repeat:no-repeat;} .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 .tl{ background-position:0 0;}
.widgetBoxEgreen .rcTop .tr{ background-position:right 0; left:50%;} .widgetBoxEgreen .rcTop .tr{ background-position:right 0; left:50%;}
@ -92,15 +90,15 @@
.widgetBoxEgreen .rcBottom .br{ background-position:right bottom; left:50%;} .widgetBoxEgreen .rcBottom .br{ background-position:right bottom; left:50%;}
.widgetBoxEblue{ padding:3px 0;} .widgetBoxEblue{ padding:3px 0;}
.widgetBoxEblue .widgetBox{ background:#55ccdd;} .widgetBoxEblue .widgetBox{ background:#55ccdd; *zoom:1}
.widgetBoxEblue .widgetBoxHeader{ position:relative; padding:5px 0; text-indent:15px; color:#fff;} .widgetBoxEblue .widgetBoxHeader{ position:relative; padding:5px 0; text-indent:15px; color:#fff;}
.widgetBoxEblue .widgetContainer, .widgetBoxEblue .widgetContainer,
.widgetBoxEblue .widgetContainer a{ color:#fff;} .widgetBoxEblue .widgetContainer a{ color:#fff;}
.widgetBoxEblue .widgetMore{ top:10px; right:15px; width:35px; background:url(../img/moreBgEblue.gif) no-repeat; color:#55ccdd;} .widgetBoxEblue .widgetMore{ top:10px; right:15px; width:35px; background:url(../img/moreBgEblue.gif) no-repeat; color:#55ccdd;}
.widgetBoxEblue .rcTop, .widgetBoxEblue .rcTop,
.widgetBoxEblue .rcBottom{ height:3px;} .widgetBoxEblue .rcBottom{ height:3px;}
.widgetBoxEblue .rcTop{ top:-3px;} .widgetBoxEblue .rcTop{ position:absolute; top:-3px;}
.widgetBoxEblue .rcBottom{ bottom:-3px;} .widgetBoxEblue .rcBottom{ position:relative; bottom:-3px;}
.widgetBoxEblue .rc { width:50%; height:3px; background-image:url(../img/roundedCornerEblue.gif); background-repeat:no-repeat;} .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 .tl{ background-position:0 0;}
.widgetBoxEblue .rcTop .tr{ background-position:right 0; left:50%;} .widgetBoxEblue .rcTop .tr{ background-position:right 0; left:50%;}