<td id="navColumnOne" class="columnLeft" style="width: <?php echo COLUMN_WIDTH_LEFT; ?>">在这个之后加上:
<div class="xj"> Categories </div>
<div class="xjx">
<ul>
<li> <?php echo $zen_SiteMapTree->buildTree();?> </li>
</ul>
</div>
这是在stylesheet.css加上如下代码:
.xj {
font-family: arial, helvetica, sans-serif;
height: 30px;
width: 208px;
background-image: url(../images/ezpages_bg.gif);
background-repeat: repeat;
background-position: 0px 0px;
margin-left: 3px;
line-height: 30px;
font-weight: bold;
color: #FFFFFF;
text-indent: 6px;
}
.xjx {
font-family: arial, helvetica, sans-serif;
width: 206px;
margin-left: 3px;
line-height: 25px;
border: 1px solid #CCCCCC;
}
.xjx ul li{
font-family: arial, helvetica, sans-serif;
line-height: 25px;
list-style-type: square;
background-position: 10px;
}
ezpages_bg.gif图片换自己的,我设置的宽度是208,下面内容部分206,两边各加了1像素边框,border: 1px solid #CCCCCC;大家可根据自已想要的方式调整,呵呵,水平只有这样,希望对菜鸟有所帮助
具体效果:http://www.rubikone.com/,这个网站我是去掉边框的也就是没有border: 1px solid #CCCCCC






News