git-svn-id: http://xe-core.googlecode.com/svn/trunk@1756 201d5d3c-b55e-5fd7-737f-ddc643e51545

modules/admin/lang/ko.lang.php

@@ -17,6 +17,8 @@
     $lang->table_count = "테이블수";
     $lang->installed_path = "설치경로";
 
+    $lang->cmd_shortcut_management = "메뉴 편집하기";
+
     $lang->msg_is_not_administrator = '관리자만 접속이 가능합니다';
     $lang->msg_manage_module_cannot_delete = '모듈, 애드온, 레이아웃, 위젯 모듈의 바로가기는 삭제 불가능합니다';
     $lang->msg_default_act_is_null = '기본 관리자 Action이 지정되어 있지 않아 바로가기 등록을 할 수가 없습니다';

modules/admin/tpl/css/admin.css

@@ -1,39 +1,221 @@
 @charset "utf-8";
+/*
+NHN UIT Lab. WebStandardization Team (http://html.nhndesign.com/)
+Jeong, Chan Myeong 070601~070630
+*/
 
-#admin_title {
-    font-size:20pt;
-    font-weight:bold;
-    float:left;
-    height:30px;
-}
+/* 
+Used Hack 
 
-#admin_sub_menu{
-    float:right;
-    height:30px;
-}
+IE6 & Below 
+{ property:value; _property:value;}
 
-#admin_main_menu {
-    clear:both;
-    text-align:right;
-    margin-bottom:10px;
-}
+IE7 Only
+*:first-child+html #selector
 
-#admin_main_menu .selected {
-    font-weight:bold;
-}
+*/
 
-#admin_module_info {
-    border:1px solid #EEEEEE;
-    padding:5px;
-    margin-bottom:20px;
-}
+/* default.css - Type Selector Definition */
+* { margin:0; padding:0; font-family:"돋움", Dotum, "굴림", Gulim, AppleGothic, Sans-serif;}
+html, body { }
+html { width:100%; position:relative;}
+body { font-size:.75em; width:100%; background:#2f2f2f; margin:0em;}
+img { border:none;}
+label { cursor:pointer;}
+select { height:1.6em;}
+option { padding-right:.5em;}
+li { list-style:none;}
+a { text-decoration:none;}
+a:hover { text-decoration:underline;}
+address { font-style:normal;}
 
-#admin_module_info a {
-    color:#000000;
-    font-weight:bold;
-    text-decoration:none;
-}
+/* Input Style Definition */
+.inputTypeText { border:1px solid #c9c9c9; padding:3px; height:1em; line-height:1em; background:#ffffff;}
+.inputTypeText:hover,
+.inputTypeText:focus { background:#f4f4f4;}
+.inputTypeTextArea { border:1px solid #c9c9c9; padding:3px; background:#ffffff;}
 
-#admin_content {
-    clear:both;
-}
+/* Internet Explorer 6 PNG Bug Fix */
+.iePngFix { behavior:url(../js/iePngFix.htc);} 
+
+/* Special Class Selector */
+.fr { float:right;}
+.fl { float:left;}
+.fwB { font-weight:bold;}
+
+/* ----- Header | Start ----- */
+
+#header { position:relative; height:71px; background:url(../images/headerBg.gif) repeat-x; overflow:hidden; clear:both; z-index:99;}
+#header h1 { float:left; width:180px; height:71px; position:relative; background:url(../images/h1_bg.gif) no-repeat;}
+#header h1 img { position:absolute; top:29px; left:29px;}
+#header #logout { width:470px; height:71px; float:right; background:url(../images/headerBgEnd.png) no-repeat right top;}
+#header #logout a { float:right; position:relative; top:29px; right:24px;}
+
+/* ----- Header | End ----- */
+
+/* ----- cBody | Start ----- */
+
+#cBody { position:relative; clear:both; padding:0px 18px 0px 198px; margin:-71px 0 -38px 0; overflow:hidden; background:#ffffff url(../images/menuBg.gif) repeat-y;}
+
+#gNavigation { float:left; width:180px; padding:71px 0 200px 0; margin-right:18px; margin-left:-198px; _margin-left:-99px;}
+#gNavigation h2 { margin-bottom:8px;}
+#gNavigation ul { width:180px;}
+#gNavigation ul li { width:180px; height:30px; background:url(../images/menuBg.png) no-repeat left top; behavior:url(../js/iePngFix.htc);}
+#gNavigation ul li.on { background-position:left -30px; margin-top:-2px; _background:url(../images/menuBgIeFix.png) no-repeat left top;}
+#gNavigation ul li.on a { color:#ffffff; font-weight:bold;}
+#gNavigation ul li a { display:block; padding:9px 0 0 28px; height:21px; color:#606060;}
+#gNavigation .menuEdit { float:left; padding:15px 0 0 26px;}
+
+#content { float:left; width:100%; padding:71px 0 100px 0;}
+#content h3 { position:relative; padding:22px 0 7px 0; border-bottom:2px solid #f2250d; background:url(../images/h3.gif) no-repeat 1px 24px; font-size:1.4em; margin-bottom:10px; text-indent:24px; z-index:99;}
+#content h3 .gray { color:#9d9d9d;}
+#content .pass { background:url(../images/h4.gif) no-repeat .5em center; padding-left:1em; color:#606060; font-size:1em;}
+#content .header4 { overflow:hidden;}
+#content h4 { font-size:1em; color:#f2250d; float:left; padding:.5em 0 1.2em 2em;}
+#content h4 .bracket { font-weight:normal; color:#9d9d9d;}
+#content h4 .vr { font-weight:normal; color:#d1d1d1;}
+#content h4 .view { color:#158692; padding-right:.6em; font:bold .9em Tahoma; background:url(../images/iconView.gif) no-repeat right center;}
+#content .header4 .summary { font:.9em Tahoma; color:#636363; float:left; padding:.5em 0 1.2em 2em;}
+#content .header4 .summary .vr { font-weight:normal; color:#d1d1d1; margin:0 .5em;}
+#content .header4 .summary em { color:#ff1d00; font-style:normal;}
+
+/* ----- cBody | End ----- */
+
+/* ----- Footer | Start ----- */
+
+#footer { position:relative; width:100%; clear:both; height:38px; overflow:hidden; background:url(../images/footerBg.gif) repeat-x left 3px;}
+#footer .footerLine { height:3px; width:100%; float:left; clear:both;}
+#footer .footerLeft { float:left;}
+#footer address { position:absolute; top:3px; right:0; width:350px; height:35px; background:url(../images/addressBg.gif) no-repeat right top;}
+#footer address img { position:absolute; top:15px; left:38px;}
+#footer address .version { position:absolute; top:10px; left:297px; font:.8em Tahoma; color:#ffffff;}
+#footer address .version strong { font:bold 1em Tahoma; color:#ff0000; }
+
+/* ----- Footer | End ----- */
+
+/* ----- Content | Start ----- */
+
+/* localNavigation */
+.localNavigation { float:right;}
+.localNavigation li { float:left; border:2px solid #e0dfde; margin-right:.3em;}
+.localNavigation li.on { border:2px solid #ff1a00; margin-right:.3em;}
+.localNavigation li a { padding:.4em 1em .2em 1em; display:block; float:left; font-size:.9em; color:#606060;}
+.localNavigation li.on a { color:#f2250d;}
+
+/* buttonType */
+.buttonRight { float:right; padding-top:15px;}
+.buttonRight li { float:left; margin-right:.3em;}
+.buttonLeft { float:left; padding-top:15px;}
+
+.buttonTypeA { display:block; cursor:pointer; background:url(../images/buttonTypeACenter.gif) repeat-x left center; line-height:100%; overflow:visible; color:#3f4040; margin:0 1px; white-space:nowrap;}
+.buttonTypeA:hover { text-decoration:none;}
+.buttonTypeA img { vertical-align:middle;}
+.buttonTypeA input { border:none; cursor:pointer; background:url(../images/white/buttonTypeACenter.gif) repeat-x left center; line-height:100%; overflow:visible; color:#3f4040; margin:0 1px; white-space:nowrap;border:0px; _position:relative; _top:3px;}
+.buttonTypeA .leftCap { width:2px; height:24px; background:url(../images/buttonTypeALeft.gif) no-repeat; margin:0 .3em 0 0;  position:relative; left:-1px;}
+.buttonTypeA .rightCap { width:2px; height:24px; background:url(../images/buttonTypeARight.gif) no-repeat; margin:0 -1px 0 .4em;}
+.buttonTypeA .icon { margin:0 .4em 0 .2em;}
+
+.buttonTypeB { display:block; cursor:pointer; background:url(../images/buttonTypeBCenter.gif) repeat-x left center; line-height:100%; overflow:visible; color:#3f4040; margin:0 1px; font-size:.9em; white-space:nowrap;}
+.buttonTypeB:hover { text-decoration:none;}
+.buttonTypeB img { vertical-align:middle;}
+.buttonTypeB input { border:none; cursor:pointer; background:url(../images/white/buttonTypeBCenter.gif) repeat-x left center; line-height:100%; overflow:visible; color:#3f4040; margin:0 1px; white-space:nowrap;border:0px; _position:relative; _top:4px;}
+.buttonTypeB .leftCap { width:2px; height:21px; background:url(../images/buttonTypeBLeft.gif) no-repeat; margin:0 .3em 0 0;  position:relative; left:-1px;}
+.buttonTypeB .rightCap { width:2px; height:21px; background:url(../images/buttonTypeBRight.gif) no-repeat; margin:0 -1px 0 .4em;}
+.buttonTypeB .icon { margin:0 .2em;}
+
+.buttonTypeGo { border:none; cursor:pointer; width:24px; height:20px; background:url(../images/buttonTypeInput24.gif) no-repeat; font:.75em Tahoma; text-align:center;}
+
+/* pageNavigation */
+.pageNavigation { display:block; padding:1.5em 0 2em 0; text-align:center; font:bold .8em Tahoma; }
+.pageNavigation a { position:relative; margin-left:-4px; font:bold 1em Tahoma; color:#666666; display:inline-block; padding:1px 7px 2px 6px; border-left:1px solid #dedfde; border-right:1px solid #CCCCCC; text-decoration:none; line-height:1em; }
+.pageNavigation a:hover { background:#F7F7F7; text-decoration:none; }
+.pageNavigation a:visited { color:#999999;}
+.pageNavigation a.goToFirst,
+.pageNavigation a.goToLast { border:none; border-right:1px solid #ffffff; border-left:1px solid #ffffff; z-index:99; vertical-align:top; padding:0px 7px 4px 6px;}
+.pageNavigation a.goToFirst img,
+.pageNavigation a.goToLast img { display:inline-block; padding:2px 0; position:relative; top:2px; _top:1px;}
+.pageNavigation .current { position:relative; margin-left:-4px; font:bold 1em Tahoma; color:#ff6600; display:inline-block; padding:1px 7px 1px 6px; border-left:1px solid #dedfde; border-right:1px solid #CCCCCC; text-decoration:none; line-height:1em; }
+
+/* tableStyle */
+#content .infoText { border:1px solid #f2f2f0; margin-bottom:12px; background:#f9f9f6; padding:1.2em; color:#7b7972; font-size:.9em; line-height:1.4em;}
+#content .tableSummaryType1 { font:bold .8em Tahoma; color:#a0a0a0; margin-bottom:10px;}
+#content .tableSummaryType1 strong { font:bold 1em Tahoma; color:#ff1a00;}
+#content .tableType1 { width:100%; border-bottom:2px solid #c1c0bd;}
+#content .tableType1 th { font-weight:normal; color:#ffffff; background:url(../images/tableType1Header.gif) repeat-x; height:28px;}
+#content .tableType1 td { text-align:center; color:#636363; height:30px; border-top:1px solid #ededed;}
+#content .tableType1 td a { color:#1d1d1d;}
+#content .tableType1 .tahoma { font-size:.9em; font-family:Tahoma;}
+#content .tableType1 .tahoma a { font-size:1em;}
+#content .tableType1 td.blue a { color:#158692;}
+#content .tableType1 td.red a { color:#c95b53;}
+
+#content .tableType2 { border:2px solid #c1c0bd; border-left:none; border-right:none; width:100%;}
+#content .tableType2 th { border-top:1px solid #fbfbfb; border-bottom:1px solid #e4e4e4; background:#f5f5f5; padding:10px 10px 10px 2em; font-weight:normal; text-align:left; color:#606060;}
+#content .tableType2 td { border-bottom:1px solid #ededed; padding:10px 10px 7px 10px; font-size:.9em; color:#7b7972;}
+#content .tableType2 td input,
+#content .tableType2 td textarea,
+#content .tableType2 td select { margin-bottom:.5em; vertical-align:middle; font-size:1em; border-color:#a6a6a6 #d8d8d8 #d8d8d8 #a6a6a6;}
+#content .tableType2 td .w100 { width:100%; display:block;}
+#content .tableType2 td .checkbox { margin:-3px;}
+#content .tableType2 td p { line-height:1.4em;}
+
+#content .tableType3 { width:100%; border-bottom:2px solid #c1c0bd;}
+#content .tableType3 th,
+#content .tableType3 td { border-top:1px solid #bfbfbf;}
+#content .tableType3 thead th { font-weight:normal; color:#ffffff; background:url(../images/tableType1Header.gif) repeat-x; height:28px;}
+#content .tableType3 tbody th { font-weight:normal; color:#606060; text-align:left; background:#f5f5f5; padding:10px 10px 10px 2em;}
+#content .tableType3 tbody th img { vertical-align:middle; margin-top:-2px;}
+#content .tableType3 td { text-align:center; color:#636363; border-left:1px solid #ededed; padding:10px 10px 7px 10px;}
+#content .tableType3 td.colSpan { text-align:left; border-top:1px solid #ededed;}
+#content .tableType3 td a { color:#1d1d1d;}
+#content .tableType3 .tahoma { font-size:.9em; font-family:Tahoma;}
+#content .tableType3 .tahoma a { font-size:1em;}
+#content .tableType3 td.left { text-align:left; }
+#content .tableType3 td label { margin-right:1em; }
+#content .tableType3 td a.blue { color:#158692;}
+#content .tableType3 td a.red { color:#c95b53;}
+#content .tableType3 td input,
+#content .tableType3 td textarea,
+#content .tableType3 td select { margin-bottom:.5em; vertical-align:middle; font-size:1em; border-color:#a6a6a6 #d8d8d8 #d8d8d8 #a6a6a6;}
+#content .tableType3 td .w100 { width:100%; display:block;}
+
+#content .tableType4 { border:2px solid #c1c0bd; border-left:none; border-right:none; width:100%;}
+#content .tableType4 th { border-top:1px solid #fbfbfb; border-bottom:1px solid #e4e4e4; background:#f5f5f5; padding:10px 10px 10px 2em; font-weight:normal; text-align:left; color:#606060;}
+#content .tableType4 td { border-bottom:1px solid #ededed; padding:10px 10px 7px 10px; color:#7b7972;}
+#content .tableType4 td input,
+#content .tableType4 td textarea,
+#content .tableType4 td select { margin-bottom:.5em; vertical-align:middle;font-size:1em; border-color:#a6a6a6 #d8d8d8 #d8d8d8 #a6a6a6;}
+#content .tableType4 td label { margin-right:1em; }
+#content .tableType4 td .w100 { width:100%; display:block;}
+#content .tableType4 td .checkbox { margin:-3px;}
+#content .tableType4 td p { line-height:1.4em;}
+
+/* ----- Content | End ----- */
+
+/* ----- Popup | Start ----- */
+
+/* popup */
+#popHeadder { height:40px; background:url(../images/popupTopBg.png) repeat-x left top;}
+#popHeadder h1 { padding:13px 0 0 19px; height:27px; background:url(../images/popupTopBgEnd.png) no-repeat right top; font-size:1.2em; color:#d8d8d8;}
+#popBody { padding:1em; background:#ffffff;}
+#popFooter { background:#f7f7f6; border-top:1px solid #e8e8e7; padding:.5em 0 .5em 0; overflow:hidden; width:100%;}
+#popFooter .close { position:relative; left:50%; margin-left:-1em; float:left;}
+
+#popBody .tableType5 { border:1px solid #c1c0bd; border-left:none; border-right:none; width:100%;}
+#popBody .tableType5 th { border-top:1px solid #fbfbfb; border-bottom:1px solid #e4e4e4; background:#f5f5f5; padding:8px 10px 7px 2em; font-weight:normal; text-align:left; color:#606060;}
+#popBody .tableType5 td { border-bottom:1px solid #ededed; padding:8px 10px 7px 10px; color:#7b7972;}
+#popBody .tableType5 td input,
+#popBody .tableType5 td textarea,
+#popBody .tableType5 td select { margin-bottom:.5em; vertical-align:middle;}
+#popBody .tableType5 td .w100 { width:100%; display:block;}
+#popBody .tableType5 td .checkbox { margin:-3px; margin-bottom:1em; }
+#popBody .tableType5 td p { line-height:1.4em;}
+#popBody .tableType5 .borderBottomNone { border-bottom:none;}
+
+/* ----- Popup | End ----- */
+
+/* ----- Category Manager | Start ----- */
+#category_list { float:left; width:320px; padding:.5em 0 .5em 0; margin-bottom:2em; border-top:2px solid #c1c0bd; border-bottom:2px solid #c1c0bd;}
+#category_list .checkbox { margin-top:1em; border:0px; }
+#category_info { float:left; width:370px; padding-left:10px; }
+/* ----- Category Manager | End ----- */

modules/admin/tpl/index.html

@@ -38,5 +38,5 @@
 
 <!-- 하단 라이센스 -->
 <div>
-    <h6>{$lang->xe_license}</h4>
+    <h4>{$lang->xe_license}</h4>
 </div>

modules/admin/tpl/js/admin.js

@@ -10,3 +10,16 @@ function doDeleteShortCut(selected_module) {
     fo_obj.selected_module.value = selected_module;
     procFilter(fo_obj, delete_shortcut);
 }
+
+// footer를 화면 크기에 맞춰 설정
+xAddEventListener(window, 'load', fixAdminLayoutFooter);
+xAddEventListener(window, 'resize', fixAdminLayoutFooter);
+function fixAdminLayoutFooter() {
+    var headerHeight = xHeight(xGetElementById('header'));
+    var bodyHeight = xHeight(xGetElementById('cBody'));
+    var footerHeight = xHeight(xGetElementById('footer'));
+    var clientHeight = xClientHeight();
+    var newHeight = clientHeight - footerHeight - headerHeight + 71 + 38;
+    if(newHeight<bodyHeight) newHeight = bodyHeight;
+    xHeight(xGetElementById('cBody'), newHeight);
+}

modules/admin/tpl/js/iePngFix.htc

@@ -0,0 +1,64 @@
+<public:component>
+<public:attach event="onpropertychange" onevent="doFix()" />
+
+<script type="text/javascript">
+// IE5.5+ PNG Alpha Fix v1.0RC4
+// (c) 2004-2005 Angus Turnbull http://www.twinhelix.com
+// This is licensed under the CC-GNU LGPL, version 2.1 or later.
+// For details, see: http://creativecommons.org/licenses/LGPL/2.1/
+// This must be a path to a blank image. That's all the configuration you need.
+
+if (typeof blankImg == 'undefined') var blankImg = '../img/blank.gif'; // 1x1px 짜리 투명 이미지(blank.gif)의 경로를 변경.
+var f = 'DXImageTransform.Microsoft.AlphaImageLoader';
+
+function filt(s, m)
+{
+ if (filters[f])
+ {
+  filters[f].enabled = s ? true : false;
+  if (s) with (filters[f]) { src = s; sizingMethod = m }
+ }
+ else if (s) style.filter = 'progid:'+f+'(src="'+s+'",sizingMethod="'+m+'")';
+}
+
+function doFix()
+{
+ // Assume IE7 is OK.
+ if (!/MSIE (5\.5|6\.)/.test(navigator.userAgent) ||
+  (event && !/(background|src)/.test(event.propertyName))) return;
+
+ var bgImg = currentStyle.backgroundImage || style.backgroundImage;
+
+ if (tagName == 'IMG')
+ {
+  if ((/\.png$/i).test(src))
+  {
+   if (currentStyle.width == 'auto' && currentStyle.height == 'auto')
+    style.width = offsetWidth + 'px';
+   filt(src, 'scale'); 
+// 'scale' 을 'image' 으로 변경하면 padding 적용시 나타나는 이미지 크기의 변화(잘못된 렌더링)를 방지할 수 있다. 하지만 border 표현에 문제가 생긴다.
+   src = blankImg;
+  }
+  else if (src.indexOf(blankImg) < 0) filt();
+ }
+ else if (bgImg && bgImg != 'none')
+ {
+  if (bgImg.match(/^url[("']+(.*\.png)[)"']+$/i))
+  {
+   var s = RegExp.$1;
+   if (currentStyle.width == 'auto' && currentStyle.height == 'auto')
+    style.width = offsetWidth + 'px';
+   style.backgroundImage = 'none';
+   filt(s, 'crop');
+   // IE link fix.
+   for (var n = 0; n < childNodes.length; n++)
+    if (childNodes[n].style) childNodes[n].style.position = 'relative';
+  }
+  else filt();
+ }
+}
+
+doFix();
+
+</script>
+</public:component>

modules/admin/tpl/layout.html

@@ -1,32 +1,36 @@
 <!--%import("css/admin.css")-->
 <!--%import("js/admin.js")-->
 
-<div id="admin_title">
-    <a href="{getUrl('','module','admin')}">zeroboard XE</a>
-</div>
-
-<div id="admin_sub_menu">
-    <a href="{getUrl('','module','admin','act','dispMemberLogout')}">{$lang->cmd_logout}</a>
-</div>
-
-<div id="admin_main_menu">
-    <!-- 자주 쓰이는 모듈의 경우 별도 등록을 함 -->
-    <div>
-        <!--@foreach($shortcut_list as $key => $val)-->
-        <span <!--@if($running_module==$val->module)-->class="selected"<!--@end-->>
-            <a href="#" onclick="location.href='{getUrl('','module','admin','act',$val->default_act)}';return false;">{$val->title}</a>
-        </span>
-        <!--@end-->
-        [<a href="#" onclick="location.href='{getUrl('','module','admin','act','dispAdminShortCut')}';return false;">{$lang->cmd_management}</a>]
+<div id="header">
+    <h1><a href="{getUrl('','module','admin')}"><img src="./images/h1.png" alt="Zeroboard XE" width="128" height="20" class="iePngFix" /></a></h1>
+    <div id="logout" class="iePngFix">
+        <a href="{getUrl('','module','admin','act','dispMemberLogout')}"><img src="./images/buttonLogout.png" alt="{$lang->cmd_logout}" width="53" height="10" class="iePngFix" /></a>
     </div>
 </div>
 
-<!--@if($selected_module_info)-->
-<div id="admin_module_info">
-    <a href="#" onclick="location.href='{getUrl('','module','admin','act', $selected_module_info->admin_index_act)}';return false;">{$selected_module_info->title}</a> (ver {$selected_module_info->version})
-</div>
-<!--@end-->
+<div id="cBody">
+
+    <div id="gNavigation">
+        <h2><img src="./images/h2.gif" alt="Administration" width="180" height="45" /></h2>
+        <ul>
+            <!--@foreach($shortcut_list as $key => $val)-->
+            <li <!--@if($running_module==$val->module)-->class="on"<!--@end-->>
+                <a href="{getUrl('','module','admin','act',$val->default_act)}">{$val->title}</a>
+            </li>
+            <!--@end-->
+        </ul>
+        <div class="menuEdit">
+            <a href="{getUrl('','module','admin','act','dispAdminShortCut')}" class="buttonTypeB"><img src="./images/blank.gif" alt="" class="leftCap" />{$lang->cmd_shortcut_management}<img src="./images/blank.gif" alt="" class="rightCap" /></a>
+        </div>
+    </div>
+
+    <div id="content">{$content}</div>
 
-<div id="admin_content">
-    {$content}
+</div>
+
+<div id="footer">
+    <img src="./images/footerLine.gif" alt="" class="footerLine" /><img src="./images/footerLeft.gif" alt="" width="350" height="35" class="footerLeft" />
+    <address>
+        <a href="http://www.zeroboard.com"><img src="./images/address.gif" alt="Copyright 2000, Zeroboard All Rights Reserved. Version" width="255" height="7" /><span class="version"><strong>XE</strong> Beta</span></a>
+    </address>
 </div>

modules/admin/tpl/shortcut_list.html

@@ -1,37 +1,32 @@
 <!--%import("filter/delete_shortcut.xml")-->
 <!--%import("js/admin.js")-->
 
-<!--#include("./header.html")-->
+<h3>{$lang->cmd_shortcut_management}</h3>
 
-<div>
-    {$lang->about_shortcut}
-</div>
+<div class="infoText">{$lang->about_shortcut}</div>
 
 <!-- 숏컷의 위/아래, 삭제와 관련된 form -->
 <form id="fo_shortcut_info" action="./" method="get">
     <input type="hidden" name="selected_module" value="" />
 </form>
 
-<div>
-    <table>
+<table cellspacing="0" class="tableType3">
+<thead>
     <tr>
-        <th>{$lang->title}</th>
-        <th>{$lang->module}</th>
-        <th>{$lang->regdate}</th>
-        <th>{$lang->cmd_delete}</th>
+        <th scope="col">{$lang->title}</th>
+        <th scope="col">{$lang->module}</th>
+        <th scope="col">{$lang->regdate}</th>
+        <th scope="col">{$lang->cmd_delete}</th>
     </tr>
-    <!--@if(!count($shortcut_list))-->
-    <tr>
-        <td colspan="4">{$lang->msg_shortcut_is_null}</td>
-    </tr>
-    <!--@end-->
+</thead>
+<tbody>
     <!--@foreach($shortcut_list as $shortcut_info)-->
     <tr>
-        <td>{$shortcut_info->title}</td>
-        <td>{$shortcut_info->module}</td>
-        <td>{zdate($shortcut_info->last_update,"Y-m-d H:i:s")}</td>
-        <td><a href="#" onclick="doDeleteShortCut('{$shortcut_info->module}');return false;">{$lang->cmd_delete}</a></td>
+        <th scope="row">{$shortcut_info->title}</th>
+        <td class="tahoma">{$shortcut_info->module}</td>
+        <td class="tahoma">{zdate($shortcut_info->regdate,"Y-m-d H:i:s")}</td>
+        <td class="tahoma"><a href="#" onclick="doDeleteShortCut('{$shortcut_info->module}');return false;" class="red">{$lang->cmd_delete}</a></td>
     </tr>
     <!--@end-->
-    </table>
-</div>
+</tbody>
+</table>