新旺铺如何将导航和店招装修成通栏？

鲁虺智能机器人

廣告

　　1、页头通栏装修准备：
　　首先需要准备页头通栏1920*150的尺寸，
　　方法：在PS里面新建两条垂直参考线，第一条485PX，第二条1435PX;再建立一条水平参考线120PX，如图：

新旺铺如何将导航和店招装修成通栏？ 三联

　　然后把整个页头背景存储为WEB所用格式，注意文件小于200K，尺寸为1920*150像素
　　在把店招部分给裁剪保存下来，尺寸为950*120像素，如下图：

新旺铺如何将导航和店招装修成通栏？2

　　2、页头通栏装修步骤：
　　1. 店招安装(尺寸为：950*120像素)
　　进入店铺装修后台，店招部分，编辑，选择自定义店铺招牌，然后插入准备好的店招(如果需要加多个链接，可以采用切片或者热点来加店招链接)

新旺铺如何将导航和店招装修成通栏？3

　　2. 页头背景安装(尺寸为：1920*150像素，文件小于200K)
　　左侧-->页头，然后更换页头背景图，背景显示：不平铺;背景对齐：居中;应用到所有页面;页头下边距10像素：关闭。

新旺铺如何将导航和店招装修成通栏？4

　　注意必须是旺铺专业版才能更换页头背景图片，如果不是专业版，新旺铺可以免费升级专业版。
　　3.导航栏CSS代码改导航条颜色

新旺铺如何将导航和店招装修成通栏？5

　　在PS里面将导航条中的颜色CMYK值查出来，如下图，值为：9c6218
　　打开免费在线生成导航栏CSS代码网页：http://www.taoour.com/tbzx/navigationBar_css/navigationBar_css.html
　　替换下面红框几个部分，注意保留#号，其他地方也可以根据自己实际需要修改，可以在线预览先看效果

新旺铺如何将导航和店招装修成通栏？6

　　生成代码并复制

新旺铺如何将导航和店招装修成通栏？7

　　到店铺装修后台，导航栏位置，点击编辑按钮

新旺铺如何将导航和店招装修成通栏？8

　　点击显示设置，将生成的导航栏CSS代码复制到这里

新旺铺如何将导航和店招装修成通栏？9

　　最后发布，完整的页头通栏就OK了。

新旺铺如何将导航和店招装修成通栏？ 10