淘宝导航栏怎么设置(店招导航装修教学)

各位小伙伴们,节日快到了,准备好给自己的淘宝店换一个应节的导航栏了吗?今天就教大家淘宝导航栏怎么设置~

淘宝店招导航装修教学

1、设计导航图,尺寸为1920*150,下面是一个导航栏设计

超简单的自定义淘宝店招导航的装修教学

2、切图把1920的宽度切成950PX的宽度,用画布大小的方法切图,会切最中间的950px的导航栏

超简单的自定义淘宝店招导航的装修教学

3、得出的效果图

超简单的自定义淘宝店招导航的装修教学

4、在DW网页设计软件中增加图片连接,先把图片都传到图片空间,然后在新建html文档,在Body标签里面增加950的导航图片,把图片路径换成图片空间的路径

超简单的自定义淘宝店招导航的装修教学

5、DW设计界面添加图片热点,添加的热点记得换产品分类链接哦,对应的链接也要复制正确哦~

超简单的自定义淘宝店招导航的装修教学

6、复制Body标签里面的代码

超简单的自定义淘宝店招导航的装修教学

7、在淘宝装修后台打开店招,编辑用源代码模式,把刚复制的代码粘贴进去,记得高度设置为150px哦!

超简单的自定义淘宝店招导航的装修教学

8、最后一步就是在页头部分增加背景图片,按图片所示设置就可以了。

超简单的自定义淘宝店招导航的装修教学

最后别忘了发布装修哦,一个简单自定义的店招就完成了!

关于淘宝导航栏怎么设置大家学会了吗?大家快去给自己的淘宝店装修一个漂亮的店招导航吧~

(0)
远光博客的头像远光博客注册用户

相关推荐

发表回复

登录后才能评论