查看技巧:在Blogger的首页动态输出文章摘要
1.实现鼠标经过菜单项时,菜单项的颜色可以变化突出。为使字体颜色和鼠标经过时的颜色可以在Fonts&Colors里修改,我们定义两个颜色变量(将下述代码加入模板的HTML代码的“变量定义段”中):
2.定义导航菜单栏的样式,添加下列CSS代码到模板HTML代码中的“CSS样式段”中:
#menubar h2 {display:none;}
#menubar ul {
list-style: none;
}
#menubar li {
float: left;
}
#menubar a:link, #menubar a:visited, #menubar a:hover {
padding: 5px;
display: block;
color: $menuTextColor;
}
#menubar a:hover {
background-color: $menuCornersColor;
}
3.在Html代码里添加下列加粗的红色代码到相应的区域,注意不要使用“扩展窗口小部件模板”功能,否则保存会出错:
4.保存模板。然后你就可以到“页面元素”(Page elements)里添加链接或到“字体和颜色”(Fonts&Colors)里修改相应的颜色了。
没有评论:
发表评论