Joomla-开源天空

前文我们曾经说过，页面中table可以减少到12个，现在页面中还有14个table,接下来我们来处理菜单，从而达到减少table的目的，剩下的12个table，如果不改变核心代码的话，是无法减少的。

我们要将菜单的风格设为 flat。（要在管理员界面的module manager中，对mainmenu模块修改，通常设置为flat,译者），现在页面中就只有12个table了。

接下来我们修改关于菜单的格式控制，添加代码如下：

/*Menu Styling*/

.moduletablemenu{
padding:0;
color: #333;
margin-bottom:1em;
}
.moduletablemenu h3 {
background:#666;
color:#fff;
padding:0.25em 0;
text-align:center;
font-size:1.1em;
margin:0;
border-bottom:1px solid #fff;
}
.moduletablemenu ul{
list-style: none;
margin: 0;
padding: 0;
}
.moduletablemenu li{
border-bottom: 1px solid #ccc;
margin: 0;
}
.moduletablemenu li a{
display: block;
padding: 3px 5px 3px 0.5em;
border-left: 10px solid #333;
border-right: 10px solid #9D9D9D;
background-color:#666;
color: #fff;
text-decoration: none;
}
html>body .moduletablemenu li a {
width: auto;
}
.moduletablemenu li a:hover,a#active_menu:link,a#active_menu:visited{
border-left: 10px solid #1c64d1;
border-right: 10px solid #5ba3e0;
background-color: #2586d7;
color: #fff;
} 

现在整个页面的效果如下图：

下一章，我们来看看隐藏列。