添加menu bar

当然，如果想要用其他方式做自己喜爱的menu bar，可以跟着下面的方式的哦~


效果图：

步骤1：

打开布局->Edit HTML, 用Ctrl+F寻找以下的code

]]></b:skin>

步骤2：

在]]></b:skin>之前，添加以下的code：


.basictab{
padding: 3px 0;
margin-left: 0;
font: bold 16px Freestyle Script;
list-style-type: none;
text-align: center; /*set to left, center, or right to align the menu as desired*/
}

.basictab li{
display: inline;
margin: 0;
}

.basictab li a{
text-decoration: none;
padding: 3px 7px;
margin-right: 3px;
border: 1px solid gray;
background-color:  #f6ffd5 ;  /*可自行更换背景颜色*/
color: #2d2b2b;
}

.basictab li a:visited{
color: #2d2b2b;
}

.basictab li a:hover{
background-color:  #DBFF6C ;  /*可自行更换背景颜色*/
color: black;
}

.basictab li a:active{
color: black;
}

.basictab li.selected a{ /*selected tab effect*/
position: relative;
top: 1px;
padding-top: 4px;
background-color:  #DBFF6C ;  /*可自行更换背景颜色*/
color: black;
}

步骤3：

然后打开【页面元素】-【添加小工具】-【HTML/JavaScript】

将以下的code copy然后paste进去【HTML/JavaScript】里



<center>
<ul class="basictab">
<li class="selected"><a href="网址1">标题1</a></li>
<li><a href="网址2">标题2</a></li>
<li><a href="网址3">标题3</a></li>
<li><a href="网址4">标题4</a></li>
</ul>
</center>


红色部分为可自行更换背景颜色区。
蓝色部分为可自行更换字体区。
紫色部分为可自行更换线框区。