簡單的Menu制作
Blogging Pro China用的是Relaxation_3column这个模版,有人问如何添加像BPCN那样的菜单,在此写下。其实只是很简单的增加一列<li>,然后用css来控制这部分<li>的表现,如果要应用到其他模版,请自行修改css部分的相关代码。
在header.php合适位置添加如下代码:
[html]
[/html]
style.css部分添加以下代码:
[css]#menu {
position: relative;
height:1.7em;
line-height:1.7em;
width:450px;
padding: 0 0 0 20px;
margin: -30px 0 0 0;
z-index:2;
}
#menu ul {
margin:0;
padding:0;
}
#menu li {
float:left;
margin:0;
padding:0;
list-style-type:none;
border-right:0px solid;
white-space:nowrap;
}
#menu li a {
display:block;
padding:0 5px;
text-transform: uppercase;
font-size:12px;
letter-spacing:1px;
color: #000;
}
#menu li a:hover {
text-decoration: underline;
}[/css]
[…] 今天看到一篇《简单的menu制作》,根据文章的指点做了一个非常简单的html menu,顺便熟悉了一下xhtml和css。这里有几个地方我以前不是很熟悉,记下来以备以后查找: […]