淘宝基础版全屏代码店铺装修教程

[ 淘宝设计   // 2015-12-22  ]
4843

大家是不是一直困扰这个问题,为什么别人家的C店基础版的(就是没有花50块钱一个月买专业版的店铺)店铺的店招可以宽屏,也就是全屏的,设计得也很漂亮,而不是用系统的那种丑得要死的导航店招,那么要怎么实现呢,现在免费软件之家小编给大家免费分享一下安装全屏店招的方法..

淘宝C店基础版1920全屏/宽屏店招代码店铺装修教程:

将下面的代码复制到 Dreamweaver Notepad++中,使用Ctrl+F分别查找以下几张图片地址,进行替换你需要使用的图片地址:

<div data-componentid="5003" data-spm="110.0.5003-932850972" data-title="" data-widgetid="932850972">
<div class="skin-box tb-module "> <s class="skin-box-tp"></s> 
<div class="skin-box-bd clear-fix">
<div class="J_TWidget" data-widget-config="{'effect': 'fade', 'circular': true ,'navCls':'toseise','activeTriggerCls':'odslos','contentCls':'piaofu'}" data-widget-type="Tabs"> <div class="piaofu" style="height: 480px">
<div class="J_TWidget" data-widget-config="{
            'contentCls': 'slide-kun1362899830209content',
            'triggerCls': 'slide-kun1362899830209triggers',
            'navCls': 'slide-kun1362899830209triggers',
            'triggerType': 'mouse',
            'effect': 'scrollx',
 'prevBtnCls':'prev',
 'nextBtnCls':'next',
            'steps': 1,
            'autoplay': true,
 'viewSize':[1920],
            'circular': true
        }" data-widget-type="Carousel" style="padding-right: 0px; padding-left: 0px; z-index: 10; left: -485px; padding-bottom: 0px; margin: 0px; width: 1920px; padding-top: 0px; top: 0px"> <div class="J_TWidget" data-widget-config="{'trigger':'.first-trigger2','align':{'node':'.first-trigger2','offset':[0,0],'points':['cc','cc']}}" data-widget-type="Popup" style="display: none"> <div class="prev" style="float: left; width: 90px; height: 90px"> 
<span><img data-ks-lazyload="http://img03.taobaocdn.com/imgextra/i3/75979125/T2.nOlXbpcXXXXXXXX-75979125.png"  data-cke-saved-src="http://img03.taobaocdn.com/imgextra/i3/75979125/T2.nOlXbpcXXXXXXXX-75979125.png" src="http://img03.taobaocdn.com/imgextra/i3/75979125/T2.nOlXbpcXXXXXXXX-75979125.png" /></span></div>
<div class="next" style="margin-left: 950px; width: 90px; height: 90px">
<span><img data-ks-lazyload="http://img04.taobaocdn.com/imgextra/i4/75979125/T2d8dTXetdXXXXXXXX-75979125.png"  data-cke-saved-src="http://img04.taobaocdn.com/imgextra/i4/75979125/T2d8dTXetdXXXXXXXX-75979125.png" src="http://img04.taobaocdn.com/imgextra/i4/75979125/T2d8dTXetdXXXXXXXX-75979125.png" /></span></div>
</div>
<div class="first-trigger2" style="padding-right: 0px; padding-left: 0px; padding-bottom: 0px; margin: 0px; overflow: hidden; width: 1920px; padding-top: 0px; height: 500px">
<ul class="slide-kun1362899830209content" style="padding-right: 0px; padding-left: 0px; padding-bottom: 0px; margin: 0px; width: 1920px; padding-top: 0px; height: 500px">
<li style="padding-right: 0px; padding-left: 0px; padding-bottom: 0px; margin: 0px; width: 1920px; padding-top: 0px; list-style-type: none; height: 500px">
<span><a  data-cke-saved-href="http://www.taobao.com/" href="http://www.taobao.com/" style="padding-right: 0px; padding-left: 0px; padding-bottom: 0px; margin: 0px; padding-top: 0px" target="_blank"><img border="0" data-ks-lazyload="http://img03.taobaocdn.com/imgextra/i3/1120870168/T2Os4VXthXXXXXXXXX-1120870168.gif" height="500"  data-cke-saved-src="http://img03.taobaocdn.com/imgextra/i3/1120870168/T2Os4VXthXXXXXXXXX-1120870168.gif" src="http://img03.taobaocdn.com/imgextra/i3/1120870168/T2Os4VXthXXXXXXXXX-1120870168.gif" width="1920" /></a></span></li>

<li style="padding-right: 0px; padding-left: 0px; padding-bottom: 0px; margin: 0px; width: 1920px; padding-top: 0px; list-style-type: none; height: 500px">
<span><a  data-cke-saved-href="http://www.taobao.com/" href="http://www.taobao.com/" style="padding-right: 0px; padding-left: 0px; padding-bottom: 0px; margin: 0px; padding-top: 0px" target="_blank"><img border="0" data-ks-lazyload="http://img03.taobaocdn.com/imgextra/i3/1120870168/T2JURTXwBXXXXXXXXX-1120870168.gif" height="500"  data-cke-saved-src="http://img03.taobaocdn.com/imgextra/i3/1120870168/T2JURTXwBXXXXXXXXX-1120870168.gif" src="http://img03.taobaocdn.com/imgextra/i3/1120870168/T2JURTXwBXXXXXXXXX-1120870168.gif" width="1920" /></a></span></li>

<li style="padding-right: 0px; padding-left: 0px; padding-bottom: 0px; margin: 0px; width: 1920px; padding-top: 0px; list-style-type: none; height: 500px">

<span><a  data-cke-saved-href="http://www.taobao.com/" href="http://www.taobao.com/" style="padding-right: 0px; padding-left: 0px; padding-bottom: 0px; margin: 0px; padding-top: 0px" target="_blank"><img border="0" data-ks-lazyload="http://img03.taobaocdn.com/imgextra/i3/1120870168/T2Os4VXthXXXXXXXXX-1120870168.gif" height="500"  data-cke-saved-src="http://img03.taobaocdn.com/imgextra/i3/1120870168/T2Os4VXthXXXXXXXXX-1120870168.gif" src="http://img03.taobaocdn.com/imgextra/i3/1120870168/T2Os4VXthXXXXXXXXX-1120870168.gif" width="1920" /></a></span></li>

<li style="padding-right: 0px; padding-left: 0px; padding-bottom: 0px; margin: 0px; width: 1920px; padding-top: 0px; list-style-type: none; height: 500px">

<span><a  data-cke-saved-href="http://www.taobao.com/" href="http://www.taobao.com/" style="padding-right: 0px; padding-left: 0px; padding-bottom: 0px; margin: 0px; padding-top: 0px" target="_blank"><img border="0" data-ks-lazyload="http://img03.taobaocdn.com/imgextra/i3/1120870168/T2JURTXwBXXXXXXXXX-1120870168.gif" height="500"  data-cke-saved-src="http://img03.taobaocdn.com/imgextra/i3/1120870168/T2JURTXwBXXXXXXXXX-1120870168.gif" src="http://img03.taobaocdn.com/imgextra/i3/1120870168/T2JURTXwBXXXXXXXXX-1120870168.gif" width="1920" /></a></span></li>

</ul>
</div>

<ul class="slide-kun1362899830209triggers" style="padding-right: 0px; display: none; padding-left: 0px; padding-bottom: 0px; margin: 0px; padding-top: 0px">
<li>
<span> </span></li> 
<li>
<span> </span></li>

<li>
<span> </span></li> 

<li>
<span> </span></li> 
</ul>
</div> </div> </div> </div> <s class="skin-box-bt"></s></div></div>

注意:替换图片大小为:1920*500px。