当前位置:图集之家知识

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

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

内容

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

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

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

div data-componentid=5003 data-spm=110.0.5003-932850972 data-title= data-widgetid=932850972div class=skin-box tb-modules class=skin-box-tp/sdiv class=skin-box-bd clear-fixdiv 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: 480pxdiv 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

spanimg data-ks-lazyload=/d/file/9/99.png data-cke-saved-src=/d/file/9/99.png src=/d/file/9/99.png //span/div

div class=next style=margin-left: 950px; width: 90px; height: 90px

spanimg data-ks-lazyload=/d/file/9/100.png data-cke-saved-src=/d/file/9/100.png src=/d/file/9/100.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

spana 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=_blankimg border=0 data-ks-lazyload=/d/file/9/101.gif height=500 data-cke-saved-src=/d/file/9/101.gif src=/d/file/9/101.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: 500pxspana 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=_blankimg border=0 data-ks-lazyload=/d/file/9/104.gif height=500 data-cke-saved-src=/d/file/9/104.gif src=/d/file/9/104.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

spana 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=_blankimg border=0 data-ks-lazyload=/d/file/9/101.gif height=500 data-cke-saved-src=/d/file/9/101.gif src=/d/file/9/101.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

spana 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=_blankimg border=0 data-ks-lazyload=/d/file/9/104.gif height=500 data-cke-saved-src=/d/file/9/104.gif src=/d/file/9/104.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: 0pxlispan /span/lilispan /span/li

lispan /span/li

lispan /span/li/ul/div /div /div /div s class=skin-box-bt/s/div/div

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

*特别声明:资源收集自网络或用户上传,本网站所提供的电子文本仅供参考,请以正式出版物为准。电子文本仅供个人标准化学习、研究使用,不得复制、发行、汇编、翻译或网络传播等。如有侵权,请联系我们处理。

相关