위젯 스타일 이름 및 분류 재정의
git-svn-id: http://xe-core.googlecode.com/svn/sandbox@5937 201d5d3c-b55e-5fd7-737f-ddc643e51545
|
|
@ -56,7 +56,7 @@ div.editor { width:700px; }
|
|||
ul.midCommand { float:left; margin:0 0 0 10px;; padding:0; *zoom:1; }
|
||||
ul.midCommand li { display:block; margin-bottom:5px; list-style:none;}
|
||||
|
||||
a.widgetStyle { float:left; margin:0 10px 10px 0; border:1px solid #CCC; overflow:hidden; *zoom:1; width:96px; height:96px;}
|
||||
a.widgetStyle:hover { border:1px solid #444; }
|
||||
a.widgetStyle.selected { border:1px solid #000; }
|
||||
a.widgetStyle { float:left; margin:0 10px 10px 0; border:1px solid #fff; overflow:hidden; *zoom:1; width:96px; height:96px;}
|
||||
a.widgetStyle:hover { border:1px dashed #eee; }
|
||||
a.widgetStyle.selected { border:1px dashed #ccc; }
|
||||
a.widgetStyle img {width:96px; height:96px; margin:1px; }
|
||||
|
|
|
|||
|
|
@ -1,21 +0,0 @@
|
|||
.shadow_box_type01 {position:relative;overflow:hidden;padding:0 3px 3px 0;}
|
||||
.shadow_box_type01 .shadow_level_01 {position:relative;top:3px;left:3px;padding:0 1px 1px 0;background-color:#ebebeb;} /* 그림자전체(옅은회색) */
|
||||
.shadow_box_type01 .shadow_level_02 {position:relative;top:-1px;left:-1px;background-color:#bcbcbc;} /* 컨텐츠와그림자사이(진한회색) */
|
||||
.shadow_box_type01 .box_contents {position:relative;top:-2px;left:-2px;background:#fff;border:2px solid #777;}
|
||||
* html .shadow_box_type01 .box_contents {height:1%;}
|
||||
*:first-child+html .shadow_box_type01 .box_contents {height:1%;}
|
||||
|
||||
.box_contents *{ line-height:normal;}
|
||||
.box_contents img, .box_contents fieldset{ border:none;}
|
||||
.box_contents .layer_content{ border:2px solid #777777; background:#ffffff; position:relative; z-index:2;}
|
||||
.box_contents .layer_header{ padding:8px 0 7px 11px; margin:0 0 5px 0; color:#000000; font:bold 13px "굴림", Gulim, "돋움", Dotum, AppleGothic, Sans-serif; background:#E0E0E0;}
|
||||
.box_contents .layer_body{ padding:15px 0 4px 0; margin:0 20px;}
|
||||
.box_contents .layer_body *{ font-size:12px; font-family:"돋움", Dotum, "굴림", Gulim, AppleGothic, Sans-serif; color:#444444;}
|
||||
.box_contents .layer_body dt{ margin:0 0 9px 0;}
|
||||
.box_contents .layer_body dd{ margin:0 0 6px 0;}
|
||||
.box_contents .layer_body .input_radio{ vertical-align:middle; _margin:-3px;}
|
||||
.box_contents .layer_footer{ border-top:1px solid #e8e8e8; margin:0 20px; padding:10px 0 15px 0; text-align:center;}
|
||||
.box_contents .layer_footer *{ vertical-align:top;}
|
||||
.box_contents .layer_footer input,
|
||||
.box_contents .layer_footer a{ margin:0 1px 0 0;}
|
||||
.box_contents .close_layer{ position:absolute; top:9px; right:9px;}
|
||||
|
Before Width: | Height: | Size: 51 B |
|
Before Width: | Height: | Size: 11 KiB |
|
|
@ -1,85 +0,0 @@
|
|||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<widgetstyle>
|
||||
<title xml:lang="ko">박스 위젯스타일</title>
|
||||
<title xml:lang="zh-CN">盒状控件样式</title>
|
||||
<title xml:lang="zh-TW">外框樣式</title>
|
||||
<description xml:lang="ko">박스 위젯스타일</description>
|
||||
<description xml:lang="zh-CN">可指定控件盒的样式。</description>
|
||||
<description xml:lang="zh-TW">可指定控件箱的外框樣式。</description>
|
||||
<version>0.1</version>
|
||||
<date>2009-02-03</date>
|
||||
|
||||
<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_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="text">
|
||||
<name xml:lang="ko">제목 글자색</name>
|
||||
<name xml:lang="zh-CN">栏目字体色</name>
|
||||
<name xml:lang="zh-TW">標題顏色</name>
|
||||
</var>
|
||||
<var name="ws_title_bgcolor" type="text">
|
||||
<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>
|
||||
|
||||
<var name="ws_border_color" type="text">
|
||||
<name xml:lang="ko">보더색</name>
|
||||
<name xml:lang="zh-CN">边框色</name>
|
||||
<name xml:lang="zh-CN">邊框顏色</name>
|
||||
</var>
|
||||
</extra_vars>
|
||||
</widgetstyle>
|
||||
|
Before Width: | Height: | Size: 59 B |
|
Before Width: | Height: | Size: 2.4 KiB |
68
widgetstyles/postitFace/css/widgetBoxStyle.css
Normal file
|
|
@ -0,0 +1,68 @@
|
|||
@charset "utf-8";
|
||||
/* NHN > UIT Center > Open UI Technology Team > Jeong Chan Myeong(dece24@nhncorp.com) */
|
||||
|
||||
.widgetBoxContainer{ position:relative;}
|
||||
|
||||
.widgetBox{ position:relative;}
|
||||
.widgetBox .widgetBoxHeader{ font-size:16px; font-family:Tahoma; margin:0; z-index:10;}
|
||||
.widgetBox .widgetContainer{ position:relative; z-index:10;}
|
||||
.widgetBox .widgetMore{ position:absolute; display:block; text-decoration:none; font-size:11px !important; white-space:nowrap; font-family:Tahoma; color:#000; text-align:center; z-index:20;}
|
||||
.widgetBox .widgetMore img{ border:0;}
|
||||
.widgetBox .rcContainer{ display:block; width:100%; font-size:0; line-height:0; z-index:1; *zoom:1;}
|
||||
.widgetBox .rc{ position:absolute; display:block; font-size:0; line-height:0; overflow:hidden;}
|
||||
.widgetBox .rcTop .tl{ top:0;}
|
||||
.widgetBox .rcTop .tr{ top:0;}
|
||||
.widgetBox .rcBottom .bl{ top:0;}
|
||||
.widgetBox .rcBottom .br{ top:0;}
|
||||
|
||||
.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:50px !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:50px !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:50px !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:50px !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;}
|
||||
|
Before Width: | Height: | Size: 6.5 KiB After Width: | Height: | Size: 6.5 KiB |
|
Before Width: | Height: | Size: 4.6 KiB After Width: | Height: | Size: 4.6 KiB |
|
Before Width: | Height: | Size: 6.3 KiB After Width: | Height: | Size: 6.3 KiB |
|
Before Width: | Height: | Size: 4.9 KiB After Width: | Height: | Size: 4.9 KiB |
|
Before Width: | Height: | Size: 6.4 KiB After Width: | Height: | Size: 6.4 KiB |
|
Before Width: | Height: | Size: 4.8 KiB After Width: | Height: | Size: 4.8 KiB |
|
Before Width: | Height: | Size: 6.5 KiB After Width: | Height: | Size: 6.5 KiB |
|
Before Width: | Height: | Size: 4.6 KiB After Width: | Height: | Size: 4.6 KiB |
BIN
widgetstyles/postitFace/preview.gif
Normal file
|
After Width: | Height: | Size: 2.5 KiB |
|
|
@ -1,6 +1,6 @@
|
|||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<widgetstyle>
|
||||
<title xml:lang="ko">메모 위젯스타일</title>
|
||||
<title xml:lang="ko">포스트잇 페이스</title>
|
||||
<title xml:lang="zh-TW">留言樣式</title>
|
||||
<description xml:lang="ko">메모지 처럼 꾸며진 위젯스타일 입니다.</description>
|
||||
<description xml:lang="zh-TW">可變換多種留言外框的控件樣式。</description>
|
||||
|
|
@ -20,23 +20,6 @@
|
|||
<var name="ws_style" type="select">
|
||||
<name xml:lang="ko">스타일</name>
|
||||
<name xml:lang="zh-TW">樣式</name>
|
||||
<options>
|
||||
<value>widgetBoxHgray</value>
|
||||
<name xml:lang="ko">회색</name>
|
||||
<name xml:lang="zh-TW">白色</name>
|
||||
</options>
|
||||
<options>
|
||||
<value>widgetBoxHred</value>
|
||||
<name xml:lang="ko">빨강</name>
|
||||
</options>
|
||||
<options>
|
||||
<value>widgetBoxHgreen</value>
|
||||
<name xml:lang="ko">초록</name>
|
||||
</options>
|
||||
<options>
|
||||
<value>widgetBoxHblue</value>
|
||||
<name xml:lang="ko">파랑</name>
|
||||
</options>
|
||||
<options>
|
||||
<value>widgetBoxIyellow</value>
|
||||
<name xml:lang="ko">노랑</name>
|
||||
|
|
@ -78,55 +78,3 @@
|
|||
.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:50px !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:50px !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:50px !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:50px !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;}
|
||||
|
Before Width: | Height: | Size: 3.5 KiB After Width: | Height: | Size: 3.5 KiB |
|
Before Width: | Height: | Size: 3.7 KiB After Width: | Height: | Size: 3.7 KiB |
|
Before Width: | Height: | Size: 3.5 KiB After Width: | Height: | Size: 3.5 KiB |
|
Before Width: | Height: | Size: 3.1 KiB After Width: | Height: | Size: 3.1 KiB |
|
Before Width: | Height: | Size: 3.8 KiB After Width: | Height: | Size: 3.8 KiB |
|
Before Width: | Height: | Size: 3.8 KiB After Width: | Height: | Size: 3.8 KiB |
|
Before Width: | Height: | Size: 3.7 KiB After Width: | Height: | Size: 3.7 KiB |
|
Before Width: | Height: | Size: 3.7 KiB After Width: | Height: | Size: 3.7 KiB |
BIN
widgetstyles/postitWire/preview.gif
Normal file
|
After Width: | Height: | Size: 2.3 KiB |
93
widgetstyles/postitWire/skin.xml
Normal file
|
|
@ -0,0 +1,93 @@
|
|||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<widgetstyle>
|
||||
<title xml:lang="ko">포스트잇 와이어</title>
|
||||
<title xml:lang="zh-TW">留言樣式</title>
|
||||
<description xml:lang="ko">메모지 처럼 꾸며진 위젯스타일 입니다.</description>
|
||||
<description xml:lang="zh-TW">可變換多種留言外框的控件樣式。</description>
|
||||
<version>0.1</version>
|
||||
<date>2009-03-10</date>
|
||||
<preview>preview.gif</preview>
|
||||
<author email_address="sol@ngleader.com" link="http://www.ngleader.com">
|
||||
<name xml:lang="ko">sol</name>
|
||||
<name xml:lang="jp">sol</name>
|
||||
<name xml:lang="en">sol</name>
|
||||
<name xml:lang="es">sol</name>
|
||||
<name xml:lang="zh-CN">sol</name>
|
||||
<name xml:lang="zh-TW">sol</name>
|
||||
</author>
|
||||
|
||||
<extra_vars>
|
||||
<var name="ws_style" type="select">
|
||||
<name xml:lang="ko">스타일</name>
|
||||
<name xml:lang="zh-TW">樣式</name>
|
||||
<options>
|
||||
<value>widgetBoxHgray</value>
|
||||
<name xml:lang="ko">회색</name>
|
||||
<name xml:lang="zh-TW">白色</name>
|
||||
</options>
|
||||
<options>
|
||||
<value>widgetBoxHred</value>
|
||||
<name xml:lang="ko">빨강</name>
|
||||
</options>
|
||||
<options>
|
||||
<value>widgetBoxHgreen</value>
|
||||
<name xml:lang="ko">초록</name>
|
||||
</options>
|
||||
<options>
|
||||
<value>widgetBoxHblue</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>
|
||||
|
Before Width: | Height: | Size: 64 B |
|
Before Width: | Height: | Size: 64 B |
|
Before Width: | Height: | Size: 64 B |
|
Before Width: | Height: | Size: 64 B |
|
Before Width: | Height: | Size: 64 B |
|
Before Width: | Height: | Size: 64 B |
|
Before Width: | Height: | Size: 969 B |
64
widgetstyles/roundFace/css/widgetBoxStyle.css
Normal file
|
|
@ -0,0 +1,64 @@
|
|||
@charset "utf-8";
|
||||
/* NHN > UIT Center > Open UI Technology Team > Jeong Chan Myeong(dece24@nhncorp.com) */
|
||||
|
||||
.widgetBoxContainer{ position:relative;}
|
||||
|
||||
.widgetBox{ position:relative;}
|
||||
.widgetBox .widgetBoxHeader{ font-size:16px; font-family:Tahoma; margin:0; z-index:10;}
|
||||
.widgetBox .widgetContainer{ position:relative; z-index:10;}
|
||||
.widgetBox .widgetMore{ position:absolute; display:block; text-decoration:none; font-size:11px !important; white-space:nowrap; font-family:Tahoma; color:#000; text-align:center; z-index:20;}
|
||||
.widgetBox .widgetMore img{ border:0;}
|
||||
.widgetBox .rcContainer{ display:block; width:100%; font-size:0; line-height:0; z-index:1; *zoom:1;}
|
||||
.widgetBox .rc{ position:absolute; display:block; font-size:0; line-height:0; overflow:hidden;}
|
||||
.widgetBox .rcTop .tl{ top:0;}
|
||||
.widgetBox .rcTop .tr{ top:0;}
|
||||
.widgetBox .rcBottom .bl{ top:0;}
|
||||
.widgetBox .rcBottom .br{ top:0;}
|
||||
|
||||
.widgetBoxEred{ padding:3px 0;}
|
||||
.widgetBoxEred .widgetBox{ background:#ff3333; *zoom:1}
|
||||
.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{ position:absolute; top:-3px;}
|
||||
.widgetBoxEred .rcBottom{ position:relative; 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; *zoom:1}
|
||||
.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{ position:absolute; top:-3px;}
|
||||
.widgetBoxEgreen .rcBottom{ position:relative; 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; *zoom:1}
|
||||
.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{ position:absolute; top:-3px;}
|
||||
.widgetBoxEblue .rcBottom{ position:relative; 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%;}
|
||||
|
Before Width: | Height: | Size: 64 B After Width: | Height: | Size: 64 B |
|
Before Width: | Height: | Size: 64 B After Width: | Height: | Size: 64 B |
|
Before Width: | Height: | Size: 64 B After Width: | Height: | Size: 64 B |
|
Before Width: | Height: | Size: 217 B After Width: | Height: | Size: 217 B |
|
Before Width: | Height: | Size: 217 B After Width: | Height: | Size: 217 B |
|
Before Width: | Height: | Size: 217 B After Width: | Height: | Size: 217 B |
BIN
widgetstyles/roundFace/preview.gif
Normal file
|
After Width: | Height: | Size: 945 B |
|
|
@ -1,8 +1,8 @@
|
|||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<widgetstyle>
|
||||
<title xml:lang="ko">라운드 위젯스타일</title>
|
||||
<title xml:lang="ko">라운드 페이스</title>
|
||||
<title xml:lang="zh-TW">圓角外框樣式</title>
|
||||
<description xml:lang="ko">외각이 라운드로 꾸며진 위젯스타일 입니다.</description>
|
||||
<description xml:lang="ko">둥근 면으로 꾸며진 위젯스타일 입니다.</description>
|
||||
<description xml:lang="zh-TW">可變換多種圓角外框的控件樣式。</description>
|
||||
<version>0.1</version>
|
||||
<date>2009-03-10</date>
|
||||
|
|
@ -20,34 +20,19 @@
|
|||
<var name="ws_style" type="select">
|
||||
<name xml:lang="ko">스타일</name>
|
||||
<name xml:lang="zh-TW">樣式</name>
|
||||
<options>
|
||||
<value>widgetBoxDred</value>
|
||||
<name xml:lang="ko">빨강색 선</name>
|
||||
<name xml:lang="zh-TW">紅框</name>
|
||||
</options>
|
||||
<options>
|
||||
<value>widgetBoxDgreen</value>
|
||||
<name xml:lang="ko">녹색 선</name>
|
||||
<name xml:lang="zh-TW">綠框</name>
|
||||
</options>
|
||||
<options>
|
||||
<value>widgetBoxDblue</value>
|
||||
<name xml:lang="ko">파랑색 선</name>
|
||||
<name xml:lang="zh-TW">藍框</name>
|
||||
</options>
|
||||
<options>
|
||||
<value>widgetBoxEred</value>
|
||||
<name xml:lang="ko">빨강색</name>
|
||||
<name xml:lang="ko">빨강</name>
|
||||
<name xml:lang="zh-TW">紅色</name>
|
||||
</options>
|
||||
<options>
|
||||
<value>widgetBoxEgreen</value>
|
||||
<name xml:lang="ko">녹색</name>
|
||||
<name xml:lang="ko">초록</name>
|
||||
<name xml:lang="zh-TW">綠色</name>
|
||||
</options>
|
||||
<options>
|
||||
<value>widgetBoxEblue</value>
|
||||
<name xml:lang="ko">파랑색</name>
|
||||
<name xml:lang="ko">파랑</name>
|
||||
<name xml:lang="zh-TW">藍色</name>
|
||||
</options>
|
||||
</var>
|
||||
|
|
@ -56,51 +56,3 @@
|
|||
.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; *zoom:1}
|
||||
.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{ position:absolute; top:-3px;}
|
||||
.widgetBoxEred .rcBottom{ position:relative; 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; *zoom:1}
|
||||
.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{ position:absolute; top:-3px;}
|
||||
.widgetBoxEgreen .rcBottom{ position:relative; 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; *zoom:1}
|
||||
.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{ position:absolute; top:-3px;}
|
||||
.widgetBoxEblue .rcBottom{ position:relative; 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%;}
|
||||
|
Before Width: | Height: | Size: 64 B After Width: | Height: | Size: 64 B |
|
Before Width: | Height: | Size: 64 B After Width: | Height: | Size: 64 B |
|
Before Width: | Height: | Size: 64 B After Width: | Height: | Size: 64 B |
|
Before Width: | Height: | Size: 686 B After Width: | Height: | Size: 686 B |
|
Before Width: | Height: | Size: 704 B After Width: | Height: | Size: 704 B |
|
Before Width: | Height: | Size: 692 B After Width: | Height: | Size: 692 B |
|
Before Width: | Height: | Size: 705 B After Width: | Height: | Size: 705 B |
|
Before Width: | Height: | Size: 633 B After Width: | Height: | Size: 633 B |
|
Before Width: | Height: | Size: 679 B After Width: | Height: | Size: 679 B |
BIN
widgetstyles/roundWire/preview.gif
Normal file
|
After Width: | Height: | Size: 1.1 KiB |
91
widgetstyles/roundWire/skin.xml
Normal file
|
|
@ -0,0 +1,91 @@
|
|||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<widgetstyle>
|
||||
<title xml:lang="ko">라운드 와이어</title>
|
||||
<title xml:lang="zh-TW">圓角外框樣式</title>
|
||||
<description xml:lang="ko">둥근 선으로 꾸며진 위젯스타일 입니다.</description>
|
||||
<description xml:lang="zh-TW">可變換多種圓角外框的控件樣式。</description>
|
||||
<version>0.1</version>
|
||||
<date>2009-03-10</date>
|
||||
<preview>preview.gif</preview>
|
||||
<author email_address="sol@ngleader.com" link="http://www.ngleader.com">
|
||||
<name xml:lang="ko">sol</name>
|
||||
<name xml:lang="jp">sol</name>
|
||||
<name xml:lang="en">sol</name>
|
||||
<name xml:lang="es">sol</name>
|
||||
<name xml:lang="zh-CN">sol</name>
|
||||
<name xml:lang="zh-TW">sol</name>
|
||||
</author>
|
||||
|
||||
<extra_vars>
|
||||
<var name="ws_style" type="select">
|
||||
<name xml:lang="ko">스타일</name>
|
||||
<name xml:lang="zh-TW">樣式</name>
|
||||
<options>
|
||||
<value>widgetBoxDred</value>
|
||||
<name xml:lang="ko">빨강</name>
|
||||
<name xml:lang="zh-TW">紅框</name>
|
||||
</options>
|
||||
<options>
|
||||
<value>widgetBoxDgreen</value>
|
||||
<name xml:lang="ko">초록</name>
|
||||
<name xml:lang="zh-TW">綠框</name>
|
||||
</options>
|
||||
<options>
|
||||
<value>widgetBoxDblue</value>
|
||||
<name xml:lang="ko">파랑</name>
|
||||
<name xml:lang="zh-TW">藍框</name>
|
||||
</options>
|
||||
</var>
|
||||
<var name="ws_title_image" type="filebox" filter="jpg,jpeg,gif,png">
|
||||
<name xml:lang="ko">제목</name>
|
||||
<name xml:lang="zh-CN">栏目图片</name>
|
||||
<name xml:lang="zh-TW">標題圖片</name>
|
||||
<description xml:lang="ko">제목 이미지를 등록합니다.</description>
|
||||
<description xml:lang="zh-CN">栏目名可以使用图片。</description>
|
||||
<description xml:lang="zh-TW">可使用圖片取代標題。</description>
|
||||
</var>
|
||||
<var name="ws_title" type="text">
|
||||
<name xml:lang="ko">제목</name>
|
||||
<name xml:lang="zh-CN">栏目名</name>
|
||||
<name xml:lang="zh-TW">標題</name>
|
||||
<description xml:lang="ko">제목 텍스트</description>
|
||||
<description xml:lang="zh-CN">输入文本形式的栏目名。</description>
|
||||
<description xml:lang="zh-TW">請輸入標題文字。</description>
|
||||
</var>
|
||||
<var name="ws_title_color" type="color">
|
||||
<name xml:lang="ko">제목 글자색</name>
|
||||
<name xml:lang="zh-CN">栏目字体色</name>
|
||||
<name xml:lang="zh-TW">標題顏色</name>
|
||||
</var>
|
||||
<var name="ws_title_icon" type="filebox" filter="jpg,jpeg,gif,png">
|
||||
<name xml:lang="ko">아이콘 이미지</name>
|
||||
<name xml:lang="zh-CN">栏目图标</name>
|
||||
<name xml:lang="zh-TW">標題圖示</name>
|
||||
<description xml:lang="ko">제목 앞 아이콘 이미지를 등록합니다.</description>
|
||||
<description xml:lang="zh-CN">可以给栏目名指定个性图标。</description>
|
||||
<description xml:lang="zh-TW">可指定標題前方的圖示。</description>
|
||||
</var>
|
||||
|
||||
<var name="ws_more_url" type="text">
|
||||
<name xml:lang="ko">더보기 URL</name>
|
||||
<name xml:lang="zh-CN">查看更多(链接)</name>
|
||||
<name xml:lang="zh-TW">more URL</name>
|
||||
<description xml:lang="ko">http:// 제외한 URL를 등록합니다.</description>
|
||||
<description xml:lang="zh-CN">请输入除http://以外的URL地址。</description>
|
||||
<description xml:lang="zh-TW">請輸入http://以外的URL網址。</description>
|
||||
</var>
|
||||
<var name="ws_more_image" type="filebox" filter="jpg,jpeg,gif,png">
|
||||
<name xml:lang="ko">더보기 이미지</name>
|
||||
<name xml:lang="zh-CN">查看更多(图片)</name>
|
||||
<name xml:lang="zh-TW">more Image</name>
|
||||
</var>
|
||||
<var name="ws_more_text" type="text">
|
||||
<name xml:lang="ko">더보기 텍스트</name>
|
||||
<name xml:lang="zh-CN">查看更多(文本)</name>
|
||||
<name xml:lang="zh-TW">more TEXT</name>
|
||||
<description xml:lang="ko">더보기 텍스트</description>
|
||||
<description xml:lang="zh-CN">文本形式的"查看更多"。</description>
|
||||
<description xml:lang="zh-TW">純文字格式。</description>
|
||||
</var>
|
||||
</extra_vars>
|
||||
</widgetstyle>
|
||||
|
|
@ -1,12 +1,10 @@
|
|||
<!--%import("css/default.css")-->
|
||||
<div class="shadow_box_type01">
|
||||
<div class="shadow_level_01">
|
||||
<div class="shadow_level_02">
|
||||
<div class="box_contents" <!--@if($widgetstyle_extar_var->ws_border_color)-->style="border:2px solid {$widgetstyle_extar_var->ws_border_color}"<!--@end-->>
|
||||
<!--%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="layer_header" style="<!--@if($widgetstyle_extar_var->ws_title_bgcolor)-->background-color:{$widgetstyle_extar_var->ws_title_bgcolor};<!--@end-->"<!--@if($widgetstyle_extar_var->ws_title_color)-->color:{$widgetstyle_extar_var->ws_title_color};<!--@end-->">
|
||||
<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-->
|
||||
|
|
@ -20,11 +18,11 @@
|
|||
<!--@end-->
|
||||
</h3>
|
||||
<!--@end-->
|
||||
|
||||
{$widget_content}
|
||||
|
||||
|
||||
<!--@if($widgetstyle_extar_var->ws_more_url)-->
|
||||
<a href="http://{$widgetstyle_extar_var->ws_more_url}" style="position:absolute;right:15px;top:10px;">
|
||||
<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)-->
|
||||
|
|
@ -34,7 +32,13 @@
|
|||
<!--@end-->
|
||||
</a>
|
||||
<!--@end-->
|
||||
</div>
|
||||
</div>
|
||||
<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>
|
||||
|
Before Width: | Height: | Size: 2.8 KiB |
|
|
@ -1,62 +0,0 @@
|
|||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<widgetstyle>
|
||||
<title xml:lang="ko">제목, more버튼 위젯스타일</title>
|
||||
<title xml:lang="zh-CN">简易控件样式</title>
|
||||
<title xml:lang="zh-TW">簡單樣式</title>
|
||||
<description xml:lang="ko">제목과 more버튼만 있는 간단한 위젯 스타일</description>
|
||||
<description xml:lang="zh-CN">只有栏目名和查看更多(more)选项的简易控件样式。</description>
|
||||
<description xml:lang="zh-TW">只有標題與more按紐的簡單控件樣式。</description>
|
||||
<version>0.1</version>
|
||||
<date>2009-02-03</date>
|
||||
|
||||
<author email_address="sol@ngleader.com" link="http://www.ngleader.com">
|
||||
<name xml:lang="ko">sol</name>
|
||||
<name xml:lang="zh-CN">sol</name>
|
||||
<name xml:lang="zh-TW">sol</name>
|
||||
</author>
|
||||
|
||||
<extra_vars>
|
||||
<var name="ws_colorset" type="select">
|
||||
<title xml:lang="ko">컬러셋</title>
|
||||
<title xml:lang="zh-CN">颜色</title>
|
||||
<title xml:lang="zh-TW">顏色</title>
|
||||
<description xml:lang="ko">컬러셋을 지정해주세요</description>
|
||||
<description xml:lang="zh-CN">请指定适当的颜色。</description>
|
||||
<description xml:lang="zh-TW">請選擇顏色。</description>
|
||||
<options>
|
||||
<name xml:lang="ko">하얀색</name>
|
||||
<name xml:lang="zh-CN">白色</name>
|
||||
<name xml:lang="zh-TW">白色</name>
|
||||
<value>white</value>
|
||||
</options>
|
||||
<options>
|
||||
<name xml:lang="ko">검은색</name>
|
||||
<name xml:lang="zh-CN">黑色</name>
|
||||
<name xml:lang="zh-TW">黑色</name>
|
||||
<value>black</value>
|
||||
</options>
|
||||
</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_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>
|
||||
</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>
|
||||
|
|
@ -1,5 +0,0 @@
|
|||
div.simpleWidgetStyle { position:relative;margin-bottom:20px; overflow:hidden; *zoom:1;}
|
||||
div.simpleWidgetStyle h2 { margin:0 0 10px 0; padding:0 0 5px 0; font:bold 16px "Malgun Gothic", AppleGothic, Dotum, Sans-serif; border-bottom:2px solid #434343;}
|
||||
div.simpleWidgetStyle a.widgetMoreLink { position:absolute; top:8px; right:0; font:11px Dotum; text-decoration:none; color:#888;}
|
||||
div.simpleWidgetStyle.black h2 { color:#333; }
|
||||
div.simpleWidgetStyle.black h2 { color:#999; }
|
||||
|
|
@ -1,15 +0,0 @@
|
|||
<!--@if($widgetstyle_extar_var->ws_colorset == "black")-->
|
||||
{@ $_wsClassName = "black"}
|
||||
<!--@elseif($widgetstyle_extar_var->ws_colorset == "white")-->
|
||||
{@ $_wsClassName = "white"}
|
||||
<!--@else-->
|
||||
{@ $_wsClassName = $layout_info->colorset}
|
||||
<!--@end-->
|
||||
|
||||
<!--%import("style.css")-->
|
||||
|
||||
<div class="simpleWidgetStyle {$_wsClassName}">
|
||||
<h2>{$widgetstyle_extar_var->ws_title}</h2>
|
||||
<!--@if($widgetstyle_extar_var->ws_more_url)--><a href="{$widgetstyle_extar_var->ws_more_url}" class="widgetMoreLink">{$widgetstyle_extar_var->ws_more_text}</a><!--@end-->
|
||||
{$widget_content}
|
||||
</div>
|
||||
20
widgetstyles/simpleLite/css/widgetBoxStyle.css
Normal file
|
|
@ -0,0 +1,20 @@
|
|||
@charset "utf-8";
|
||||
/* NHN > UIT Center > Open UI Technology Team > Jeong Chan Myeong(dece24@nhncorp.com) */
|
||||
|
||||
.widgetBoxContainer{ position:relative;}
|
||||
|
||||
.widgetBox{ position:relative;}
|
||||
.widgetBox .widgetBoxHeader{ font-size:16px; font-family:Tahoma; margin:0; z-index:10;}
|
||||
.widgetBox .widgetContainer{ position:relative; z-index:10;}
|
||||
.widgetBox .widgetMore{ position:absolute; display:block; text-decoration:none; font-size:11px !important; white-space:nowrap; font-family:Tahoma; color:#000; text-align:center; z-index:20;}
|
||||
.widgetBox .widgetMore img{ border:0;}
|
||||
.widgetBox .rcContainer{ display:block; width:100%; font-size:0; line-height:0; z-index:1; *zoom:1;}
|
||||
.widgetBox .rc{ position:absolute; display:block; font-size:0; line-height:0; overflow:hidden;}
|
||||
.widgetBox .rcTop .tl{ top:0;}
|
||||
.widgetBox .rcTop .tr{ top:0;}
|
||||
.widgetBox .rcBottom .bl{ top:0;}
|
||||
.widgetBox .rcBottom .br{ top:0;}
|
||||
|
||||
.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 !important;}
|
||||
BIN
widgetstyles/simpleLite/preview.gif
Normal file
|
After Width: | Height: | Size: 1 KiB |
|
|
@ -1,8 +1,8 @@
|
|||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<widgetstyle>
|
||||
<title xml:lang="ko">라인 위젯스타일</title>
|
||||
<title xml:lang="ko">심플 라이트</title>
|
||||
<title xml:lang="zh-TW">線條樣式</title>
|
||||
<description xml:lang="ko">선으로 꾸며진 위젯스타일 입니다.</description>
|
||||
<description xml:lang="ko">선 하나만으로 꾸며진 위젯스타일 입니다.</description>
|
||||
<description xml:lang="zh-TW">可變換多種線條外框的控件樣式。</description>
|
||||
<version>0.1</version>
|
||||
<date>2009-03-10</date>
|
||||
|
|
@ -22,24 +22,9 @@
|
|||
<name xml:lang="zh-TW">樣式</name>
|
||||
<options>
|
||||
<value>widgetBoxA</value>
|
||||
<name xml:lang="ko">구분선</name>
|
||||
<name xml:lang="ko">심플 라이트</name>
|
||||
<name xml:lang="zh-TW">分隔線</name>
|
||||
</options>
|
||||
<options>
|
||||
<value>widgetBoxB</value>
|
||||
<name xml:lang="ko">박스</name>
|
||||
<name xml:lang="zh-TW">外框</name>
|
||||
</options>
|
||||
<options>
|
||||
<value>widgetBoxC</value>
|
||||
<name xml:lang="ko">라운드 박스</name>
|
||||
<name xml:lang="zh-TW">圓角外框</name>
|
||||
</options>
|
||||
<options>
|
||||
<value>widgetBoxG</value>
|
||||
<name xml:lang="ko">제목 박스</name>
|
||||
<name xml:lang="zh-TW">標題框</name>
|
||||
</options>
|
||||
</var>
|
||||
<var name="ws_title_image" type="filebox" filter="jpg,jpeg,gif,png">
|
||||
<name xml:lang="ko">제목</name>
|
||||
|
|
@ -15,15 +15,6 @@
|
|||
.widgetBox .rcBottom .bl{ top:0;}
|
||||
.widgetBox .rcBottom .br{ top:0;}
|
||||
|
||||
.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 !important;}
|
||||
|
||||
.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 !important;}
|
||||
|
||||
.widgetBoxC{ padding:3px 0;}
|
||||
.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;}
|
||||
|
|
@ -37,7 +28,3 @@
|
|||
.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 .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 .rcContainer{ display:none !important;}
|
||||
|
Before Width: | Height: | Size: 605 B After Width: | Height: | Size: 605 B |
|
Before Width: | Height: | Size: 280 B After Width: | Height: | Size: 280 B |
|
Before Width: | Height: | Size: 300 B After Width: | Height: | Size: 300 B |
BIN
widgetstyles/simpleRound/preview.gif
Normal file
|
After Width: | Height: | Size: 1.9 KiB |
80
widgetstyles/simpleRound/skin.xml
Normal file
|
|
@ -0,0 +1,80 @@
|
|||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<widgetstyle>
|
||||
<title xml:lang="ko">심플 라운드</title>
|
||||
<title xml:lang="zh-TW">線條樣式</title>
|
||||
<description xml:lang="ko">둥근 선으로 꾸며진 위젯스타일 입니다.</description>
|
||||
<description xml:lang="zh-TW">可變換多種線條外框的控件樣式。</description>
|
||||
<version>0.1</version>
|
||||
<date>2009-03-10</date>
|
||||
<preview>preview.gif</preview>
|
||||
<author email_address="sol@ngleader.com" link="http://www.ngleader.com">
|
||||
<name xml:lang="ko">sol</name>
|
||||
<name xml:lang="jp">sol</name>
|
||||
<name xml:lang="en">sol</name>
|
||||
<name xml:lang="es">sol</name>
|
||||
<name xml:lang="zh-CN">sol</name>
|
||||
<name xml:lang="zh-TW">sol</name>
|
||||
</author>
|
||||
|
||||
<extra_vars>
|
||||
<var name="ws_style" type="select">
|
||||
<name xml:lang="ko">스타일</name>
|
||||
<name xml:lang="zh-TW">樣式</name>
|
||||
<options>
|
||||
<value>widgetBoxC</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>
|
||||
44
widgetstyles/simpleRound/widgetstyle.html
Normal file
|
|
@ -0,0 +1,44 @@
|
|||
<!--%import("css/widgetBoxStyle.css")-->
|
||||
<div class="widgetBoxContainer {$widgetstyle_extar_var->ws_style}">
|
||||
<div class="widgetBox">
|
||||
|
||||
|
||||
<!--@if($widgetstyle_extar_var->ws_title_image || $widgetstyle_extar_var->ws_title)-->
|
||||
<h3 class="widgetBoxHeader" <!--@if($widgetstyle_extar_var->ws_title_color)-->style="color:{$widgetstyle_extar_var->ws_title_color};"<!--@end-->>
|
||||
<!--@if($widgetstyle_extar_var->ws_title_icon)-->
|
||||
<img src="{$widgetstyle_extar_var->ws_title_icon}" />
|
||||
<!--@end-->
|
||||
|
||||
<!--@if($widgetstyle_extar_var->ws_title_image)-->
|
||||
<img src="{$widgetstyle_extar_var->ws_title_image}" />
|
||||
<!--@else-->
|
||||
<!--@if($widgetstyle_extar_var->ws_title)-->
|
||||
{$widgetstyle_extar_var->ws_title}
|
||||
<!--@end-->
|
||||
<!--@end-->
|
||||
</h3>
|
||||
<!--@end-->
|
||||
|
||||
{$widget_content}
|
||||
|
||||
<!--@if($widgetstyle_extar_var->ws_more_url)-->
|
||||
<a href="http://{$widgetstyle_extar_var->ws_more_url}" class="widgetMore">
|
||||
<!--@if($widgetstyle_extar_var->ws_more_image)-->
|
||||
<img src="{$widgetstyle_extar_var->ws_more_image}" />
|
||||
<!--@else if($widgetstyle_extar_var->ws_more_text)-->
|
||||
{$widgetstyle_extar_var->ws_more_text}
|
||||
<!--@else-->
|
||||
more
|
||||
<!--@end-->
|
||||
</a>
|
||||
<!--@end-->
|
||||
<span class="rcContainer rcTop">
|
||||
<span class="rc tl"></span>
|
||||
<span class="rc tr"></span>
|
||||
</span>
|
||||
<span class="rcContainer rcBottom">
|
||||
<span class="rc bl"></span>
|
||||
<span class="rc br"></span>
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
21
widgetstyles/simpleSquare/css/widgetBoxStyle.css
Normal file
|
|
@ -0,0 +1,21 @@
|
|||
@charset "utf-8";
|
||||
/* NHN > UIT Center > Open UI Technology Team > Jeong Chan Myeong(dece24@nhncorp.com) */
|
||||
|
||||
.widgetBoxContainer{ position:relative;}
|
||||
|
||||
.widgetBox{ position:relative;}
|
||||
.widgetBox .widgetBoxHeader{ font-size:16px; font-family:Tahoma; margin:0; z-index:10;}
|
||||
.widgetBox .widgetContainer{ position:relative; z-index:10;}
|
||||
.widgetBox .widgetMore{ position:absolute; display:block; text-decoration:none; font-size:11px !important; white-space:nowrap; font-family:Tahoma; color:#000; text-align:center; z-index:20;}
|
||||
.widgetBox .widgetMore img{ border:0;}
|
||||
.widgetBox .rcContainer{ display:block; width:100%; font-size:0; line-height:0; z-index:1; *zoom:1;}
|
||||
.widgetBox .rc{ position:absolute; display:block; font-size:0; line-height:0; overflow:hidden;}
|
||||
.widgetBox .rcTop .tl{ top:0;}
|
||||
.widgetBox .rcTop .tr{ top:0;}
|
||||
.widgetBox .rcBottom .bl{ top:0;}
|
||||
.widgetBox .rcBottom .br{ top:0;}
|
||||
|
||||
.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 !important;}
|
||||
|
Before Width: | Height: | Size: 605 B After Width: | Height: | Size: 605 B |
|
Before Width: | Height: | Size: 280 B After Width: | Height: | Size: 280 B |
|
Before Width: | Height: | Size: 1.9 KiB After Width: | Height: | Size: 1.9 KiB |
80
widgetstyles/simpleSquare/skin.xml
Normal file
|
|
@ -0,0 +1,80 @@
|
|||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<widgetstyle>
|
||||
<title xml:lang="ko">심플 스퀘어</title>
|
||||
<title xml:lang="zh-TW">線條樣式</title>
|
||||
<description xml:lang="ko">각진 선으로 꾸며진 위젯스타일 입니다.</description>
|
||||
<description xml:lang="zh-TW">可變換多種線條外框的控件樣式。</description>
|
||||
<version>0.1</version>
|
||||
<date>2009-03-10</date>
|
||||
<preview>preview.gif</preview>
|
||||
<author email_address="sol@ngleader.com" link="http://www.ngleader.com">
|
||||
<name xml:lang="ko">sol</name>
|
||||
<name xml:lang="jp">sol</name>
|
||||
<name xml:lang="en">sol</name>
|
||||
<name xml:lang="es">sol</name>
|
||||
<name xml:lang="zh-CN">sol</name>
|
||||
<name xml:lang="zh-TW">sol</name>
|
||||
</author>
|
||||
|
||||
<extra_vars>
|
||||
<var name="ws_style" type="select">
|
||||
<name xml:lang="ko">스타일</name>
|
||||
<name xml:lang="zh-TW">樣式</name>
|
||||
<options>
|
||||
<value>widgetBoxB</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>
|
||||
44
widgetstyles/simpleSquare/widgetstyle.html
Normal file
|
|
@ -0,0 +1,44 @@
|
|||
<!--%import("css/widgetBoxStyle.css")-->
|
||||
<div class="widgetBoxContainer {$widgetstyle_extar_var->ws_style}">
|
||||
<div class="widgetBox">
|
||||
|
||||
|
||||
<!--@if($widgetstyle_extar_var->ws_title_image || $widgetstyle_extar_var->ws_title)-->
|
||||
<h3 class="widgetBoxHeader" <!--@if($widgetstyle_extar_var->ws_title_color)-->style="color:{$widgetstyle_extar_var->ws_title_color};"<!--@end-->>
|
||||
<!--@if($widgetstyle_extar_var->ws_title_icon)-->
|
||||
<img src="{$widgetstyle_extar_var->ws_title_icon}" />
|
||||
<!--@end-->
|
||||
|
||||
<!--@if($widgetstyle_extar_var->ws_title_image)-->
|
||||
<img src="{$widgetstyle_extar_var->ws_title_image}" />
|
||||
<!--@else-->
|
||||
<!--@if($widgetstyle_extar_var->ws_title)-->
|
||||
{$widgetstyle_extar_var->ws_title}
|
||||
<!--@end-->
|
||||
<!--@end-->
|
||||
</h3>
|
||||
<!--@end-->
|
||||
|
||||
{$widget_content}
|
||||
|
||||
<!--@if($widgetstyle_extar_var->ws_more_url)-->
|
||||
<a href="http://{$widgetstyle_extar_var->ws_more_url}" class="widgetMore">
|
||||
<!--@if($widgetstyle_extar_var->ws_more_image)-->
|
||||
<img src="{$widgetstyle_extar_var->ws_more_image}" />
|
||||
<!--@else if($widgetstyle_extar_var->ws_more_text)-->
|
||||
{$widgetstyle_extar_var->ws_more_text}
|
||||
<!--@else-->
|
||||
more
|
||||
<!--@end-->
|
||||
</a>
|
||||
<!--@end-->
|
||||
<span class="rcContainer rcTop">
|
||||
<span class="rc tl"></span>
|
||||
<span class="rc tr"></span>
|
||||
</span>
|
||||
<span class="rcContainer rcBottom">
|
||||
<span class="rc bl"></span>
|
||||
<span class="rc br"></span>
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
20
widgetstyles/simpleTitle/css/widgetBoxStyle.css
Normal file
|
|
@ -0,0 +1,20 @@
|
|||
@charset "utf-8";
|
||||
/* NHN > UIT Center > Open UI Technology Team > Jeong Chan Myeong(dece24@nhncorp.com) */
|
||||
|
||||
.widgetBoxContainer{ position:relative;}
|
||||
|
||||
.widgetBox{ position:relative;}
|
||||
.widgetBox .widgetBoxHeader{ font-size:16px; font-family:Tahoma; margin:0; z-index:10;}
|
||||
.widgetBox .widgetContainer{ position:relative; z-index:10;}
|
||||
.widgetBox .widgetMore{ position:absolute; display:block; text-decoration:none; font-size:11px !important; white-space:nowrap; font-family:Tahoma; color:#000; text-align:center; z-index:20;}
|
||||
.widgetBox .widgetMore img{ border:0;}
|
||||
.widgetBox .rcContainer{ display:block; width:100%; font-size:0; line-height:0; z-index:1; *zoom:1;}
|
||||
.widgetBox .rc{ position:absolute; display:block; font-size:0; line-height:0; overflow:hidden;}
|
||||
.widgetBox .rcTop .tl{ top:0;}
|
||||
.widgetBox .rcTop .tr{ top:0;}
|
||||
.widgetBox .rcBottom .bl{ top:0;}
|
||||
.widgetBox .rcBottom .br{ top:0;}
|
||||
|
||||
.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 .rcContainer{ display:none !important;}
|
||||
|
Before Width: | Height: | Size: 163 B After Width: | Height: | Size: 163 B |
BIN
widgetstyles/simpleTitle/preview.gif
Normal file
|
After Width: | Height: | Size: 1.8 KiB |
80
widgetstyles/simpleTitle/skin.xml
Normal file
|
|
@ -0,0 +1,80 @@
|
|||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<widgetstyle>
|
||||
<title xml:lang="ko">심플 타이틀</title>
|
||||
<title xml:lang="zh-TW">線條樣式</title>
|
||||
<description xml:lang="ko">제목을 강조하는 위젯스타일 입니다.</description>
|
||||
<description xml:lang="zh-TW">可變換多種線條外框的控件樣式。</description>
|
||||
<version>0.1</version>
|
||||
<date>2009-03-10</date>
|
||||
<preview>preview.gif</preview>
|
||||
<author email_address="sol@ngleader.com" link="http://www.ngleader.com">
|
||||
<name xml:lang="ko">sol</name>
|
||||
<name xml:lang="jp">sol</name>
|
||||
<name xml:lang="en">sol</name>
|
||||
<name xml:lang="es">sol</name>
|
||||
<name xml:lang="zh-CN">sol</name>
|
||||
<name xml:lang="zh-TW">sol</name>
|
||||
</author>
|
||||
|
||||
<extra_vars>
|
||||
<var name="ws_style" type="select">
|
||||
<name xml:lang="ko">스타일</name>
|
||||
<name xml:lang="zh-TW">樣式</name>
|
||||
<options>
|
||||
<value>widgetBoxG</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>
|
||||
44
widgetstyles/simpleTitle/widgetstyle.html
Normal file
|
|
@ -0,0 +1,44 @@
|
|||
<!--%import("css/widgetBoxStyle.css")-->
|
||||
<div class="widgetBoxContainer {$widgetstyle_extar_var->ws_style}">
|
||||
<div class="widgetBox">
|
||||
|
||||
|
||||
<!--@if($widgetstyle_extar_var->ws_title_image || $widgetstyle_extar_var->ws_title)-->
|
||||
<h3 class="widgetBoxHeader" <!--@if($widgetstyle_extar_var->ws_title_color)-->style="color:{$widgetstyle_extar_var->ws_title_color};"<!--@end-->>
|
||||
<!--@if($widgetstyle_extar_var->ws_title_icon)-->
|
||||
<img src="{$widgetstyle_extar_var->ws_title_icon}" />
|
||||
<!--@end-->
|
||||
|
||||
<!--@if($widgetstyle_extar_var->ws_title_image)-->
|
||||
<img src="{$widgetstyle_extar_var->ws_title_image}" />
|
||||
<!--@else-->
|
||||
<!--@if($widgetstyle_extar_var->ws_title)-->
|
||||
{$widgetstyle_extar_var->ws_title}
|
||||
<!--@end-->
|
||||
<!--@end-->
|
||||
</h3>
|
||||
<!--@end-->
|
||||
|
||||
{$widget_content}
|
||||
|
||||
<!--@if($widgetstyle_extar_var->ws_more_url)-->
|
||||
<a href="http://{$widgetstyle_extar_var->ws_more_url}" class="widgetMore">
|
||||
<!--@if($widgetstyle_extar_var->ws_more_image)-->
|
||||
<img src="{$widgetstyle_extar_var->ws_more_image}" />
|
||||
<!--@else if($widgetstyle_extar_var->ws_more_text)-->
|
||||
{$widgetstyle_extar_var->ws_more_text}
|
||||
<!--@else-->
|
||||
more
|
||||
<!--@end-->
|
||||
</a>
|
||||
<!--@end-->
|
||||
<span class="rcContainer rcTop">
|
||||
<span class="rc tl"></span>
|
||||
<span class="rc tr"></span>
|
||||
</span>
|
||||
<span class="rcContainer rcBottom">
|
||||
<span class="rc bl"></span>
|
||||
<span class="rc br"></span>
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -15,21 +15,6 @@
|
|||
.widgetBox .rcBottom .bl{ top:0;}
|
||||
.widgetBox .rcBottom .br{ top:0;}
|
||||
|
||||
.widgetBoxFred .widgetBox{ border:1px solid #ffcccc; border-top-width:5px; border-bottom-width:5px;}
|
||||
.widgetBoxFred .widgetBoxHeader{ position:relative; padding:4px 0; text-indent:15px; repeat-x 0 center; border-bottom:1px solid #ffcccc; color:#ff3333;}
|
||||
.widgetBoxFred .widgetMore{ top:7px; right:15px; color:#888;}
|
||||
.widgetBoxFred .rcContainer{ display:none !important;;}
|
||||
|
||||
.widgetBoxFgreen .widgetBox{ border:1px solid #d9efb9; border-top-width:5px; border-bottom-width:5px;}
|
||||
.widgetBoxFgreen .widgetBoxHeader{ padding:4px 0; text-indent:15px; repeat-x 0 center; border-bottom:1px solid #d9efb9; color:#ff3333;}
|
||||
.widgetBoxFgreen .widgetMore{ top:7px; right:15px; color:#888;}
|
||||
.widgetBoxFgreen .rcContainer{ display:none !important;;}
|
||||
|
||||
.widgetBoxFblue .widgetBox{ border:1px solid #d8e6e7; border-top-width:5px; border-bottom-width:5px;}
|
||||
.widgetBoxFblue .widgetBoxHeader{ position:relative; padding:4px 0; text-indent:15px; repeat-x 0 center; border-bottom:1px solid #d8e6e7; color:#55ccdd;}
|
||||
.widgetBoxFblue .widgetMore{ top:7px; right:15px; color:#888;}
|
||||
.widgetBoxFblue .rcContainer{ display:none !important;}
|
||||
|
||||
.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;}
|
||||
|
Before Width: | Height: | Size: 169 B After Width: | Height: | Size: 169 B |
|
Before Width: | Height: | Size: 171 B After Width: | Height: | Size: 171 B |
|
Before Width: | Height: | Size: 169 B After Width: | Height: | Size: 169 B |
|
Before Width: | Height: | Size: 170 B After Width: | Height: | Size: 170 B |
BIN
widgetstyles/squareFace/preview.gif
Normal file
|
After Width: | Height: | Size: 2 KiB |
92
widgetstyles/squareFace/skin.xml
Normal file
|
|
@ -0,0 +1,92 @@
|
|||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<widgetstyle>
|
||||
<title xml:lang="ko">스퀘어 페이스</title>
|
||||
<title xml:lang="zh-TW">彩色框樣式</title>
|
||||
<description xml:lang="ko">각진 면으로 꾸며진 위젯스타일 입니다.</description>
|
||||
<description xml:lang="zh-TW">可變換多種色彩外框的控件樣式。</description>
|
||||
<version>0.1</version>
|
||||
<date>2009-03-10</date>
|
||||
<preview>preview.gif</preview>
|
||||
<author email_address="sol@ngleader.com" link="http://www.ngleader.com">
|
||||
<name xml:lang="ko">sol</name>
|
||||
<name xml:lang="jp">sol</name>
|
||||
<name xml:lang="en">sol</name>
|
||||
<name xml:lang="es">sol</name>
|
||||
<name xml:lang="zh-CN">sol</name>
|
||||
<name xml:lang="zh-TW">sol</name>
|
||||
</author>
|
||||
|
||||
<extra_vars>
|
||||
<var name="ws_style" type="select">
|
||||
<name xml:lang="ko">스타일</name>
|
||||
<name xml:lang="zh-TW">樣式</name>
|
||||
<options>
|
||||
<value>widgetBoxJgray</value>
|
||||
<name xml:lang="ko">회색</name>
|
||||
</options>
|
||||
<options>
|
||||
<value>widgetBoxJred</value>
|
||||
<name xml:lang="ko">빨강</name>
|
||||
</options>
|
||||
<options>
|
||||
<value>widgetBoxJgreen</value>
|
||||
<name xml:lang="ko">초록</name>
|
||||
</options>
|
||||
<options>
|
||||
<value>widgetBoxJblue</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>
|
||||
44
widgetstyles/squareFace/widgetstyle.html
Normal file
|
|
@ -0,0 +1,44 @@
|
|||
<!--%import("css/widgetBoxStyle.css")-->
|
||||
<div class="widgetBoxContainer {$widgetstyle_extar_var->ws_style}">
|
||||
<div class="widgetBox">
|
||||
|
||||
|
||||
<!--@if($widgetstyle_extar_var->ws_title_image || $widgetstyle_extar_var->ws_title)-->
|
||||
<h3 class="widgetBoxHeader" <!--@if($widgetstyle_extar_var->ws_title_color)-->style="color:{$widgetstyle_extar_var->ws_title_color};"<!--@end-->>
|
||||
<!--@if($widgetstyle_extar_var->ws_title_icon)-->
|
||||
<img src="{$widgetstyle_extar_var->ws_title_icon}" />
|
||||
<!--@end-->
|
||||
|
||||
<!--@if($widgetstyle_extar_var->ws_title_image)-->
|
||||
<img src="{$widgetstyle_extar_var->ws_title_image}" />
|
||||
<!--@else-->
|
||||
<!--@if($widgetstyle_extar_var->ws_title)-->
|
||||
{$widgetstyle_extar_var->ws_title}
|
||||
<!--@end-->
|
||||
<!--@end-->
|
||||
</h3>
|
||||
<!--@end-->
|
||||
|
||||
{$widget_content}
|
||||
|
||||
<!--@if($widgetstyle_extar_var->ws_more_url)-->
|
||||
<a href="http://{$widgetstyle_extar_var->ws_more_url}" class="widgetMore">
|
||||
<!--@if($widgetstyle_extar_var->ws_more_image)-->
|
||||
<img src="{$widgetstyle_extar_var->ws_more_image}" />
|
||||
<!--@else if($widgetstyle_extar_var->ws_more_text)-->
|
||||
{$widgetstyle_extar_var->ws_more_text}
|
||||
<!--@else-->
|
||||
more
|
||||
<!--@end-->
|
||||
</a>
|
||||
<!--@end-->
|
||||
<span class="rcContainer rcTop">
|
||||
<span class="rc tl"></span>
|
||||
<span class="rc tr"></span>
|
||||
</span>
|
||||
<span class="rcContainer rcBottom">
|
||||
<span class="rc bl"></span>
|
||||
<span class="rc br"></span>
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
31
widgetstyles/squareWire/css/widgetBoxStyle.css
Normal file
|
|
@ -0,0 +1,31 @@
|
|||
@charset "utf-8";
|
||||
/* NHN > UIT Center > Open UI Technology Team > Jeong Chan Myeong(dece24@nhncorp.com) */
|
||||
|
||||
.widgetBoxContainer{ position:relative;}
|
||||
|
||||
.widgetBox{ position:relative;}
|
||||
.widgetBox .widgetBoxHeader{ font-size:16px; font-family:Tahoma; margin:0; z-index:10;}
|
||||
.widgetBox .widgetContainer{ position:relative; z-index:10;}
|
||||
.widgetBox .widgetMore{ position:absolute; display:block; text-decoration:none; font-size:11px !important; white-space:nowrap; font-family:Tahoma; color:#000; text-align:center; z-index:20;}
|
||||
.widgetBox .widgetMore img{ border:0;}
|
||||
.widgetBox .rcContainer{ display:block; width:100%; font-size:0; line-height:0; z-index:1; *zoom:1;}
|
||||
.widgetBox .rc{ position:absolute; display:block; font-size:0; line-height:0; overflow:hidden;}
|
||||
.widgetBox .rcTop .tl{ top:0;}
|
||||
.widgetBox .rcTop .tr{ top:0;}
|
||||
.widgetBox .rcBottom .bl{ top:0;}
|
||||
.widgetBox .rcBottom .br{ top:0;}
|
||||
|
||||
.widgetBoxFred .widgetBox{ border:1px solid #ffcccc; border-top-width:5px; border-bottom-width:5px;}
|
||||
.widgetBoxFred .widgetBoxHeader{ position:relative; padding:4px 0; text-indent:15px; repeat-x 0 center; border-bottom:1px solid #ffcccc; color:#ff3333;}
|
||||
.widgetBoxFred .widgetMore{ top:7px; right:15px; color:#888;}
|
||||
.widgetBoxFred .rcContainer{ display:none !important;;}
|
||||
|
||||
.widgetBoxFgreen .widgetBox{ border:1px solid #d9efb9; border-top-width:5px; border-bottom-width:5px;}
|
||||
.widgetBoxFgreen .widgetBoxHeader{ padding:4px 0; text-indent:15px; repeat-x 0 center; border-bottom:1px solid #d9efb9; color:#ff3333;}
|
||||
.widgetBoxFgreen .widgetMore{ top:7px; right:15px; color:#888;}
|
||||
.widgetBoxFgreen .rcContainer{ display:none !important;;}
|
||||
|
||||
.widgetBoxFblue .widgetBox{ border:1px solid #d8e6e7; border-top-width:5px; border-bottom-width:5px;}
|
||||
.widgetBoxFblue .widgetBoxHeader{ position:relative; padding:4px 0; text-indent:15px; repeat-x 0 center; border-bottom:1px solid #d8e6e7; color:#55ccdd;}
|
||||
.widgetBoxFblue .widgetMore{ top:7px; right:15px; color:#888;}
|
||||
.widgetBoxFblue .rcContainer{ display:none !important;}
|
||||
|
Before Width: | Height: | Size: 1 KiB After Width: | Height: | Size: 1 KiB |
|
|
@ -1,8 +1,8 @@
|
|||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<widgetstyle>
|
||||
<title xml:lang="ko">칼라박스 위젯스타일</title>
|
||||
<title xml:lang="ko">스퀘어 와이어</title>
|
||||
<title xml:lang="zh-TW">彩色框樣式</title>
|
||||
<description xml:lang="ko">색상이 있는 박스로 꾸며진 위젯스타일 입니다.</description>
|
||||
<description xml:lang="ko">각진 선으로 꾸며진 위젯스타일 입니다.</description>
|
||||
<description xml:lang="zh-TW">可變換多種色彩外框的控件樣式。</description>
|
||||
<version>0.1</version>
|
||||
<date>2009-03-10</date>
|
||||
|
|
@ -35,22 +35,6 @@
|
|||
<name xml:lang="ko">파랑</name>
|
||||
<name xml:lang="zh-TW">藍色</name>
|
||||
</options>
|
||||
<options>
|
||||
<value>widgetBoxJgray</value>
|
||||
<name xml:lang="ko">회색</name>
|
||||
</options>
|
||||
<options>
|
||||
<value>widgetBoxJred</value>
|
||||
<name xml:lang="ko">빨강</name>
|
||||
</options>
|
||||
<options>
|
||||
<value>widgetBoxJgreen</value>
|
||||
<name xml:lang="ko">초록</name>
|
||||
</options>
|
||||
<options>
|
||||
<value>widgetBoxJblue</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>
|
||||
44
widgetstyles/squareWire/widgetstyle.html
Normal file
|
|
@ -0,0 +1,44 @@
|
|||
<!--%import("css/widgetBoxStyle.css")-->
|
||||
<div class="widgetBoxContainer {$widgetstyle_extar_var->ws_style}">
|
||||
<div class="widgetBox">
|
||||
|
||||
|
||||
<!--@if($widgetstyle_extar_var->ws_title_image || $widgetstyle_extar_var->ws_title)-->
|
||||
<h3 class="widgetBoxHeader" <!--@if($widgetstyle_extar_var->ws_title_color)-->style="color:{$widgetstyle_extar_var->ws_title_color};"<!--@end-->>
|
||||
<!--@if($widgetstyle_extar_var->ws_title_icon)-->
|
||||
<img src="{$widgetstyle_extar_var->ws_title_icon}" />
|
||||
<!--@end-->
|
||||
|
||||
<!--@if($widgetstyle_extar_var->ws_title_image)-->
|
||||
<img src="{$widgetstyle_extar_var->ws_title_image}" />
|
||||
<!--@else-->
|
||||
<!--@if($widgetstyle_extar_var->ws_title)-->
|
||||
{$widgetstyle_extar_var->ws_title}
|
||||
<!--@end-->
|
||||
<!--@end-->
|
||||
</h3>
|
||||
<!--@end-->
|
||||
|
||||
{$widget_content}
|
||||
|
||||
<!--@if($widgetstyle_extar_var->ws_more_url)-->
|
||||
<a href="http://{$widgetstyle_extar_var->ws_more_url}" class="widgetMore">
|
||||
<!--@if($widgetstyle_extar_var->ws_more_image)-->
|
||||
<img src="{$widgetstyle_extar_var->ws_more_image}" />
|
||||
<!--@else if($widgetstyle_extar_var->ws_more_text)-->
|
||||
{$widgetstyle_extar_var->ws_more_text}
|
||||
<!--@else-->
|
||||
more
|
||||
<!--@end-->
|
||||
</a>
|
||||
<!--@end-->
|
||||
<span class="rcContainer rcTop">
|
||||
<span class="rc tl"></span>
|
||||
<span class="rc tr"></span>
|
||||
</span>
|
||||
<span class="rcContainer rcBottom">
|
||||
<span class="rc bl"></span>
|
||||
<span class="rc br"></span>
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||