这两天鱼摆摆认真研究了一下淘宝导航条css代码的设置，现在特别放出一份男装牛仔店铺淘宝2012旺铺装修模板代码，其预览效果如下：

第一：模板演示

本套淘宝新旺铺2012模板头部的牛仔背景非常有特色，适合一些卖男装、牛仔服装、牛仔裤的淘宝店铺使用。

第二：模板构成

模板包含了店招代码、淘宝新旺铺2012导航条代码、950自定义促销模板代码、底部模块图片。

其中店招选中为自定义招牌，切设置高度为120px。

第三：模板下载

------------------------------------------模板免费下载地址-------------------------------------------------------------

本男装牛仔店铺淘宝新旺铺2012模板的下载地址是：

/uploadfile/201212/26/146277813.rar

第四：提示

（1）本模板完全免费，建议安装完毕后，请去淘宝图片空间tu.taobao.com搬家本模板，这样本模板可以长期免费使用，而且打开的速度也很快，不会出现模板图片现红叉叉的情况发生。搬家见http://www.yubaibai.com.cn/html/taobaozhuangxiujiaocheng/taobaozhuangxiujiaocheng_2249.html

（2）没耐心的朋友，可以联系鱼摆摆为你付费安装。本模板由鱼摆摆亲测，模板无错，只要你有基础，可以不看本教程直接安装好的，不会的请反复看教程，可以学会自己弄的。看了模板3次以上，折腾了很久还是不会的同学，可以向鱼摆摆咨询，只要你不是伸手党，我们很乐意为你免费解答问题的。

------------------------------------------模板安装教程-------------------------------------------------------------

第五：模板安装与使用

（1）准备工作

1.模板下载后并解压到当前文件夹，得到模板代码与装修图片

2.登录淘宝，进入卖家中心，单击“店铺装修”，进入淘宝装修后台

（2）店招（店铺招牌）的安装与设置

1.鼠标移到页面右上角的店招上面，出现"编辑"时并单击

2.选择“自定义招牌”、单击“代码切换”按钮进入到代码模式黏贴店招代码、设置“店招高度”

3.再次单击“代码视图”切换按钮，回到视图模式下，将其中的“鱼摆摆网店装修网”修改为你自己的淘宝店铺名称。当然，你也可以删除文字，插入背景透明的店铺logo什么的。

编辑完毕后，点击保存，这样店招就添加完毕了。

（3）旺铺导航条css代码安装

1.鼠标移到导航条右侧，然后单击“编辑”

2.单击“显示设置”，然后黏贴代码，并单击左下角的“确定”保存css代码

（4）安装中间的950模板代码

1. 安装之前，请先确定你的店铺已经添加950布局模块，如果没有，先添加950布局模块。

2.添加2个950自定义模块，第一个安装“950自定义代码1.txt”，第二个安装“950自定义代码2可重复添加.txt”。其中第二个代码为促销推荐代码，你可以添加多个自定义模块，然后重复安装。促销推荐里的文字可以自由编辑修改的。

（5）安装底部模块图片

鼠标移到页面底部模块右侧，单击“编辑”，然后直接上传“底部模块图片.jpg”

（6）设置店铺背景与配色

1. 鼠标移到左上角的“装修”上，然后单击“样式管理”

2.然后选择“黑色”配色方案，并保存

3.配色保存后，会直接进入背景图片设置页面。我们先设置“页头背景”

（a）页头背景为透明的图片，这样方便显示底部的全屏牛仔背景图。

上传“页头背景图片.png”图片后，设置“背景显示”为“平铺”

提示：有不少朋友留言说店招不能显示背景，其实是设置的问题，需设置页头背景为“平铺”，且页头背景色不要勾选。仔细看下面的截图哦！

 

（b）页头背景设置后，单击左上角的“页面设置”，设置页面背景色为“#0E101F”

 

页面背景色设置好后，上传“页面背景图片.jpg”，然后设置背景显示为“不对齐”，“背景对齐”为“居中”

 

这样，本套淘宝新旺铺模板代码就安装完毕了，直接发布就可以看到效果了。

题外话：鱼摆摆研究淘宝旺铺css代码时，走了一些弯路，如css导航条效果要发布去观看，不能点预览。预览时，翻转效果、选中效果不能查看。不然本模板前两天就分享出来了。第一个950自定义模板代码“950自定义代码1.txt”其实为空白的表格，如果你觉得比较空，可以删除本代码，放上gif、png透明格式的海报图片。

版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至 yubaibai360@qq.com 举报，一经查实，本站将立刻删除。