网站宝皮肤修改攻略>>案例

修改菜单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”。如图所示：

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

菜单就修改好了。