淘宝旺铺基础版如何设置通栏店招

2014-1-29 10:46| 发布者: 老y| 查看: 25180| 评论: 14

摘要: 通栏店招效果图：一直有卖家咨询如何让旺铺基础版也实现像专业版一样有通栏店招，经过测试，今天给大家分享一下。让一钻以上的卖家不需要买专业版旺铺也可以装修的像专业版一样大气。我们主要用到两段代码：1. CSS导 ...

通栏店招效果图：

一直有卖家咨询如何让旺铺基础版也实现像专业版一样有通栏店招，经过测试，今天给大家分享一下。让一钻以上的卖家不需要买专业版旺铺也可以装修的像专业版一样大气。

我们主要用到两段代码：

1. CSS导航代码

.skin-box-bd{background:url(http://www.lakwdian.com/ad/bj1.jpg);border:0px;}.skin-box-bd .menu-list .menu-selected .link .title{background:none;border:0px;}.skin-box-bd .menu-list .menu-selected .link{background:url(http://www.lakwdian.com/ad/bj2.gif);}.skin-box-bd .menu-list .menu .link:hover{background:url(http://www.lakwdian.com/ad/bj2.gif);}.menu-list{background:none;border:0px;}.link{background:none;border:0px;}.menu{background:none;border:0px;}.all-cats{background:none;border:0px;}.skin-box-bd .all-cats .title{color:#FFFFFF;}.menu-list .menu .title{color:#FFFFFF;font-weight:bold;font-family:"微软雅黑";font-size:14px;}.all-cats .link .title{color:#FFFFFF;font-size:14px;font-weight:bold;font-family:"微软雅黑";}.skin-box-bd .menu-list .menu .link .title:hover{color:#FFFF00;}.skin-box-bd .popup-content .cats-tree .cat-hd-hover .cat-name{color:red;}body{background-repeat:no-repeat;background-image:url(http://www.lakwdian.com/ad/beijing.jpg);background-position:center 25px;}

下面蓝色方框中是背景图片，不喜欢本风格可以自己制作替换编辑。注：上面的CSS代码与固定背景代码有冲突，请选择其一使用。

CSS导航添加方法。

2.自定义店招代码

<table border="0" style="width:960px;"><tbody><tr><td width="300"> <br /></td><td>~~您的淘宝店铺名字~~</td><td> <br /></td></tr><tr><td> <br /></td><td>~~您的淘宝店铺介绍~~</td><td> <br /></td></tr></tbody></table>

上面代码中黑色部份为你的店铺名字和店铺简介，修改即可。

本文来自老y开网店(http://www.lakwdian.com) 转载请注明出处，关注官方公众号:lakwdian 每天推送淘宝装修技巧、淘宝装修特效模板，淘宝装修教程以及让你尖叫的淘宝运营实操案例、原创干货、超级干货，老y个人微信号:A8686369 每天免费解答、指导。