欢迎光临
我们一直在努力

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

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

淘宝店招导航装修教学

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

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

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

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

3、得出的效果图

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

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

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

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

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

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

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

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

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

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

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

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

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

赞(0)
版权声明:本文采用知识共享 署名4.0国际许可协议 [BY-NC-SA] 进行授权
文章名称:《淘宝导航栏怎么设置(店招导航装修教学)》
文章链接:https://www.6buu.com/227773.html
本站资源仅供个人学习交流,不允许用于商业用途,否则法律问题自行承担。

评论 抢沙发