手机
当前位置:查字典教程网 >电子商务 >淘宝店铺装修 >新旺铺如何将导航和店招装修成通栏?
新旺铺如何将导航和店招装修成通栏?
摘要:1、页头通栏装修准备:首先需要准备页头通栏1920*150的尺寸,方法:在PS里面新建两条垂直参考线,第一条485PX,第二条1435PX;...

1、页头通栏装修准备:

首先需要准备页头通栏1920*150的尺寸,

方法:在PS里面新建两条垂直参考线,第一条485PX,第二条1435PX;再建立一条水平参考线120PX,如图:

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

然后把整个页头背景存储为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代码网页:/tbzx/navigationBar_css/navigationBar_css.html

替换下面红框几个部分,注意保留#号,其他地方也可以根据自己实际需要修改,可以在线预览先看效果

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

生成代码并复制

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

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

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

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

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

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

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

【新旺铺如何将导航和店招装修成通栏?】相关文章:

新手店铺装修教程店招的尺寸和设置方法

手淘服装店铺主图装修技巧分享

开网店背景装修怎么做

淘宝店铺装修最基础的教程

小卖家必学的手机淘宝装修方法

如何使用淘宝助理导入csv文件

淘宝运营谈店铺装修

如何偷走别人的漂亮模板

淘宝店铺导航装修怎么编辑?

新手应该怎么装修淘宝网店

精品推荐
分类导航