网站宝皮肤修改攻略>>案例
修改菜单menu
在html文件里找到菜单(menu)所在css所在文件的命名

找到对应的css文件public中的menu
根据CSS代码可以知道,菜单的总长度是1002px,宽式35px。中间绿色的部分的长度是650px,高是35px,背景色是“#85b200”,背景图片是“menu.gif”,并向X轴延伸。“menutop”和“menubottom”也分别用了背景图“menutop.gif”和“menubottom.gif”。 字体是“宋体”,颜色是“#fff100”。

截取相应的图片把原图替换掉,背景颜色替换为“#d2d2d2”,字体颜色换为“#000000”。接下来是选中状态和下拉菜单的部分
找到相应css代码

根据css文件我们可以知道,普通选中状态的菜单按钮用了一个背景图“black_2a.gif”,有下拉菜单的选中状态的按钮的背景图也是“black_2a.gif”,
把图片替换掉.
接下来我们修改下拉菜单,还是在public.css文件中进行修改

从css文件中我们可以知道,下拉菜单底部有一个背景图片“menu-sub-bg.gif”,整个下拉菜单的背景色是“#75ad01”,边框为1px,颜色为“#558901”选中文字时出现的框的背景图是“sub.gif”,选中状态时,背景条的颜色是“#76ae00”。如图所示:

我们把背景图 和颜色替换一下,效果如下图

菜单就修改好了。