簡單的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]

One Response to “簡單的Menu制作”

Leave a Reply

Note: Commenter is allowed to use '@User+blank' to automatically notify your reply to other commenter. e.g, if ABC is one of commenter of this post, then write '@ABC '(exclude ') will automatically send your comment to ABC. Using '@all ' to notify all previous commenters. Be sure that the value of User should exactly match with commenter's name (case sensitive).