导航条对于淘宝店铺来说就是消费者的指路灯，可以将顾客顺利引导到需要的界面，装修出优质的导航更能提搞店铺的转化，为店铺的整体加分。
如何才能装修出优质的导航条呢？这一点可能让很多中小卖家都很头疼，毕竟是需要通过CSS自定义功能来实现对于导航条的完美蜕变，况且CSS不是短时间就能学会的，但是我们会用最直接最简单的方式教大家做出个性完美的css自定义导航，让我们卖家都能学会如何简单运用CSS代码做好导航条。
CSS导航效果图：
1. 首先把我们做好的psd文件切片，如上图，储存为web所用格式，保存格式选择HTML和图像。（这点很简单，不懂的可以看图）
2. 把倒出来的images图片上传到淘宝图片空间，右键白日梦html，选择Dreamweaver打开。点击菜单栏下面的设计，选择01切片，依次用淘宝空间图片链接，在软件下方属性源文件地址中替换成淘宝空间图片链接。源文件下方，链接地址填写你需要链接到的淘宝页面地址。
3. 选择代码，复制<body>与</body>中间的代码，切记复制完整。之前先按F12测试链接是否有错误。
4. 进入装修页面，编辑店铺招牌，选择代码，把之前复制的代码粘贴。在高度里填写150px，这样就可以把淘宝默认的导航，顶下去，发布后就看不见淘宝的默认导航了。导航背景需要在，装修—样式管理—背景设置里上传导航背景图片。然后预览看看你的效果吧。 css导航需要html基础。
网店装修对于卖家来说就是通往销量的门，核心在于促进交易的进行。 良好的店铺装修能够给买家很直观的视觉体验和心理作用，进一步获得更优质的客户源和转化率，是我们经营店铺的一大利器。本专题让你能够学到从新手到...
详情>>
企业QQ 800055007
下载
微信
新浪微博
甩手抖音号
