文章 评论 书签

blogger添加用标签分类的菜单

书签和共享

首先插入一段CSS来控制菜单效果
/* nav menu
----------------------------------------------- */
#nav{
background-color: #009900;
position: relative;
width: 92%;
height:40px;
font-weight: bold;
}
#nav_menu{
list-style-type:none;
height:40px;
margin:0 auto;
padding:0;
}
#nav a{
padding:0 0px 0 0px;
text-align: center;
display:block;
text-decoration:none;
line-height:40px;
background-color: #009900;
color:#ffffff;
width: 90px;
border-left-style: solid; border-left-width: 1px; border-left-color: #cccccc
}

#nav a:hover{
padding:0 0px 0 0px;
background-color: #cccccc;
color:#000000;
}

#nav_menu li{
float:left;
display:inline;
margin:0;
height:40px;
padding:0 0px 0 0px;
}

/* Content
----------------------------------------------- */

然后在

<div id='content-wrapper'>


前面插入下面代码:

<div id='nav'>

<ul id='nav_menu'>

<li><a href='http://songqingwei.blogspot.com/' style='background-color:#cccccc; color:#000000'>首页</a></li>

<li><a href='http://songqingwei.blogspot.com/search/label/标签1'>标签1'</a></li>

<li><a href='http://songqingwei.blogspot.com/search/label/标签2'>标签2'</a></li>

</ul>

</div>

绿色字体为你的博客地址,

红色字体为你用来分类的标签名称!

0 评论: