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

1. faceOff 레이아웃 기본 속성 및 편집 기능 개선

Browse source 
- 모든 영역은 기본적으로 padding:10px를 가지도록 하고 header의 경우 margin/padding 조절 가능하도록 개선
- 기본 sample faceOff레이아웃 변경
2. 가로 메뉴 출력 스킨 위젯의 CSS속성 변경


git-svn-id: http://xe-core.googlecode.com/svn/sandbox@5836 201d5d3c-b55e-5fd7-737f-ddc643e51545
This commit is contained in:
zero 2009-03-11 02:51:30 +00:00
parent 5fc3ef700e
commit d789f41342
10 changed files with 119 additions and 201 deletions
Download patch file Download diff file Expand all files Collapse all files

41
widgets/navigator/skins/horiNavigator/css/widget.css
View file

@ -1,10 +1,24 @@
@charset "utf-8";
.widgetNavC{ margin:0; padding:0; font-size:12px; line-height:1.2; background-repeat:repeat-x;background-position:0 0;}
.widgetNavC ul{ margin:0; padding:0; height:35px;}
.widgetNavC ul li ul{ display:none; position:absolute; top:40px; left:20px; height:auto; padding-bottom:7px; background:#35ad06; border:1px solid #027a00;}
.widgetNavC ul li { margin:0 !important; }
.widgetNavC ul li.active ul{ display:block;}
.widgetNavC ul.aCenter{ margin-left:auto; margin-right:auto;}
.widgetNavC ul.aLeft{ margin-right:auto;}
.widgetNavC ul.aRight{ margin-left:auto;}
.widgetNavC li{ position:relative; padding-right:3px; float:left; list-style:none; background-repeat:no-repeat;background-position:right -40px; white-space:nowrap;}
.widgetNavC li a{ position:relative; float:left; padding:12px 22px 0 25px; height:23px; color:#fff !important; text-decoration:none !important;}
.widgetNavC li.first a{ background-repeat:no-repeat;background-position:left -40px;}
.widgetNavC li.active{ margin-left:-2px; background-repeat:no-repeat;background-position:right -80px;}
.widgetNavC li.active a{ font-weight:bold; color:#ff0 !important; background-repeat:no-repeat; background-position:left -80px;}
.widgetNavC li.active li{ padding:2px 15px; float:none; background:none;}
.widgetNavC li.active li.active{ margin:0;}
.widgetNavC li.active li.first{ margin-top:-4px; padding-top:14px; background-repeat:no-repeat; background-position:30px top;}
.widgetNavC li.active li a{ display:block; _display:inline-block; padding:0; float:none; height:auto; font-weight:normal; color:#fff !important; background:none;}
.widgetNavC li.active li.active a{ color:#ff0 !important;}
.widgetNavC li.active li a:hover,
.widgetNavC li.active li a:active,
.widgetNavC li.active li a:focus{ text-decoration:underline !important;}
ul.widgetNavSub { display:block; height:auto; border:1px solid; padding-bottom:7px; background:#35ad06; background-image:none !important; padding:0; margin:0;}
ul.widgetNavSub li { list-style:none; }
@ -16,48 +30,73 @@ ul.widgetNavSub li.first{ margin-top:-4px; padding-top:14px; background-repeat:n
/* widgetNavCgreen */
.widgetNavCgreen{ background-image:url(../img/white/bgMenuCgreen.gif);}
.widgetNavCgreen ul li ul{ background:#35ad06; border-color:#027a00;}
.widgetNavCgreen li{ background-image:url(../img/white/bgMenuCgreen.gif);}
.widgetNavCgreen li.first a{ background-image:url(../img/white/bgMenuCgreen.gif);}
.widgetNavCgreen li.active{ background-image:url(../img/white/bgMenuCgreen.gif);}
.widgetNavCgreen li.active a{ background-image:url(../img/white/bgMenuCgreen.gif);}
.widgetNavCgreen li.active li.first{ background-image:url(../img/white/arrowMenuCgreen.gif);}
ul.widgetNavSub.green { background:#35ad06; border-color:#027a00;}
ul.widgetNavSub.green { background-image:url(../img/white/bgMenuCgreen.gif);}
ul.widgetNavSub.green li.first{ background-image:url(../img/white/arrowMenuCgreen.gif);}
/* widgetNavCblue */
.widgetNavCblue{ background-image:url(../img/white/bgMenuCblue.gif);}
.widgetNavCblue ul li ul{ background:#0688ad; border-color:#00557a;}
.widgetNavCblue li{ background-image:url(../img/white/bgMenuCblue.gif);}
.widgetNavCblue li.first a{ background-image:url(../img/white/bgMenuCblue.gif);}
.widgetNavCblue li.active{ background-image:url(../img/white/bgMenuCblue.gif);}
.widgetNavCblue li.active a{ background-image:url(../img/white/bgMenuCblue.gif);}
.widgetNavCblue li.active li.first{ background-image:url(../img/white/arrowMenuCblue.gif);}
ul.widgetNavSub.blue { background:#0688ad; border-color:#00557a;}
ul.widgetNavSub.blue { background-image:url(../img/white/bgMenuCblue.gif);}
ul.widgetNavSub.blue li.first{ background-image:url(../img/white/arrowMenuCblue.gif);}
/* widgetNavCcyan */
.widgetNavCcyan{ background-image:url(../img/white/bgMenuCcyan.gif);}
.widgetNavCcyan ul li ul{ background:#06a4ad; border-color:#00717a;}
.widgetNavCcyan li{ background-image:url(../img/white/bgMenuCcyan.gif);}
.widgetNavCcyan li.first a{ background-image:url(../img/white/bgMenuCcyan.gif);}
.widgetNavCcyan li.active{ background-image:url(../img/white/bgMenuCcyan.gif);}
.widgetNavCcyan li.active a{ background-image:url(../img/white/bgMenuCcyan.gif);}
.widgetNavCcyan li.active li.first{ background-image:url(../img/white/arrowMenuCcyan.gif);}
ul.widgetNavSub.cyan { background:#06a4ad; border-color:#00717a;}
ul.widgetNavSub.cyan{ background-image:url(../img/white/bgMenuCcyan.gif);}
ul.widgetNavSub.cyan li.first{ background-image:url(../img/white/arrowMenuCcyan.gif);}
/* widgetNavCorange */
.widgetNavCorange{ background-image:url(../img/white/bgMenuCorange.gif);}
.widgetNavCorange ul li ul{ background:#ad9906; border-color:#7a6600;}
.widgetNavCorange li{ background-image:url(../img/white/bgMenuCorange.gif);}
.widgetNavCorange li.first a{ background-image:url(../img/white/bgMenuCorange.gif);}
.widgetNavCorange li.active{ background-image:url(../img/white/bgMenuCorange.gif);}
.widgetNavCorange li.active a{ background-image:url(../img/white/bgMenuCorange.gif);}
.widgetNavCorange li.active li.first{ background-image:url(../img/white/arrowMenuCorange.gif);}
ul.widgetNavSub.orange { background:#ad9906; border-color:#7a6600;}
ul.widgetNavSub.orange{ background-image:url(../img/white/bgMenuCorange.gif);}
ul.widgetNavSub.orange li.first{ background-image:url(../img/white/arrowMenuCorange.gif);}
/* widgetNavCred */
.widgetNavCred{ background-image:url(../img/white/bgMenuCred.gif);}
.widgetNavCred ul li ul{ background:#ad4606; border-color:#7a1300;}
.widgetNavCred li{ background-image:url(../img/white/bgMenuCred.gif);}
.widgetNavCred li.first a{ background-image:url(../img/white/bgMenuCred.gif);}
.widgetNavCred li.active{ background-image:url(../img/white/bgMenuCred.gif);}
.widgetNavCred li.active a{ background-image:url(../img/white/bgMenuCred.gif);}
.widgetNavCred li.active li.first{ background-image:url(../img/white/arrowMenuCred.gif);}
ul.widgetNavSub.red { background:#ad4606; border-color:#7a1300;}
ul.widgetNavSub.red {background-image:url(../img/white/bgMenuCred.gif);}
ul.widgetNavSub.red li.first{ background-image:url(../img/white/arrowMenuCred.gif);}
/* widgetNavCgray */
.widgetNavCgray{ background-image:url(../img/white/bgMenuCgray.gif);}
.widgetNavCgray ul li ul{ background:#595959; border-color:#7a1300;}
.widgetNavCgray li{ background-image:url(../img/white/bgMenuCgray.gif);}
.widgetNavCgray li.first a{ background-image:url(../img/white/bgMenuCgray.gif);}
.widgetNavCgray li.active{ background-image:url(../img/white/bgMenuCgray.gif);}
.widgetNavCgray li.active a{ background-image:url(../img/white/bgMenuCgray.gif);}
.widgetNavCgray li.active li.first{ background-image:url(../img/white/arrowMenuCgray.gif);}
ul.widgetNavSub.gray { background:#595959; border-color:#555;}
ul.widgetNavSub.gray{ background-image:url(../img/white/bgMenuCgray.gif);}
ul.widgetNavSub.gray li.first{ background-image:url(../img/white/arrowMenuCgray.gif);}

5
widgets/navigator/skins/horiNavigator/js/navigator.js
View file

@ -74,7 +74,7 @@ WidgetNavigator.prototype.drawMenu = function(parent_srl){
var parent_offset = jQuery('li.node_'+parent_srl).offset();
h.css({
top : parent_offset.top + jQuery('li.node_'+parent_srl).height()-2,
left : parent_offset.left + 2
left : parent_offset.left
})
// 2차메뉴
@ -98,6 +98,7 @@ WidgetNavigator.prototype.drawMenu = function(parent_srl){
var t = jQuery(this);
var m = t.attr('text');
if(!m) return;
var u ='#';
if(t.attr('url')){
if(/^http\:\/\//.test(t.attr('url'))){
@ -297,4 +298,4 @@ WidgetNavigator.prototype.getDepth = function(node_srl){
var m = this.data.find('span[node_srl='+node_srl+']');
return m.parents("span").size();
}
*/
*/

5
widgets/navigator/skins/horiNavigator/navigator.html
View file

@ -1,4 +1,5 @@
<!--%import("./js/navigator.js")-->
<!--%import("./css/widget.css")-->
<script type="text/javascript">
if(typeof(widget_navigator) != 'Object') var widget_navigator={};
@ -7,10 +8,8 @@ widget_navigator[{$widget_info->menu_srl}] = new WidgetNavigator({$widget_info->
widget_navigator[{$widget_info->menu_srl}].load('{$widget_info->xml_file}');
</script>
<!--%import("./css/widget.css")-->
<div class="widgetContainer<!--@if($colorset=="black")--> black<!--@end-->">
<div class="widgetMenuC widgetMenuC{$colorset}">
<div class="widgetNavC widgetNavC{$colorset}">
<ul class="widget_navigator_{$widget_info->menu_srl} navigator" menu_srl='{$widget_info->menu_srl}'>
<!--@foreach($widget_info->arranged_menu as $key => $val)-->
<!--@if($val->text && $val->depth == 0)-->