自定义菜单样式-博卡先锋网站建设|营销型网站|北京网站建设|网页设计|北京

自定义菜单样式
发布时间:2009年2月27日阅读次数:840

第一步：插入菜单的标签。

在需要调用菜单的地方插入菜单标签。如图1-1

图1-1

第二步：在Dremweaver中实现其中的一个单元。

我们可以看到页面中的菜单（如图1-2），实际上是一个个小单元（如图1-3）的重复。我们只需要在Dremweaver中做好这个小的单元就可以。如图1-4

图1-2

图1-3

图1-4

第三步：编辑菜单模板。

在后台“风格管理”→“模板套系”→“编辑模板”→“频道模板中”选择菜单模板，点击编辑进入模板编辑的页面，当前显示的是默认安装的菜单样式。如图1-5

图1-5

进入代码编辑的窗口，将在Dreamweaver中编辑好的代码拷贝进来，先不要删除默认的样式。

图1-6中，列出了主要代码的功能，我们可以在原有代码的基础上，参考要实现的样式，进行修改。

图1-6

编辑完成后，点击“确定”→“浏览”就可以查看效果。

第三步：修改下拉菜单的样式。

有的时候还需要修改下拉菜单的样式，和编辑菜单的样式一样，在后台风格管理→模板套系→编辑模板→频道模板中”选择编辑下拉菜单模板就可以。如图1-7

图1-7

第四步：修改菜单的颜色。

如果只是要修改菜单的颜色，可以到后台“风格管理→模板套系→详细设置”中设置。图1-8

图1-8