自定义菜单样式

发布时间:2009-02-27   阅读次数:2610  

第一步:插入菜单的标签。
在需要调用菜单的地方插入菜单标签。如图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