首页 网店学院 网店资讯 网店问答 专栏 店铺装修 拼多多入驻 虾皮入驻 推广返佣
    TOP
    甩手网 > 网店学院 > 网店装修 > 装修代码

    特效banner图装修代码分享

    2015-07-01 11:11:40 人气:7016

    网店装修不能少的就是banner图了。banner图展示着各种爆款,促销内容等,是大篇幅,抓眼球的重要板块。今天,甩手和大家分享一些带特效的banner图装修代码,希望为你的店铺装修增色加彩,吸引更多的顾客。

    甩手提醒大家,此模板最多能承载7张展示图片,代码实现阴影效果,为高级代码,卖家们可以在代码中更换展示的宝贝链接。

    <div class="sg-hd"style="color:#351405;overflow:hidden;text-align:center;zoom:1;height:58px"><div style="background:url(http://img02.taobaocdn.com/imgextra/i2/52995017/TB22pMSbVXXXXaeXpXXXXXXXXXX-52995017.jpg) no-repeat center 0;height:58px;overflow:hidden;"><h3 style="font-family:微软雅黑;font-size: 26px;padding-top: 5px;">本期の推荐/其他卖家想要的标题</h3><h4 style="font-family:arial;text-transform:uppercase;overflow:hidden;font-weight:normal;font-size:14px;padding-top: 2px;">recommend goods</h4></div><span style="clear:both;display:block;overflow:hidden;float: right;position: relative;right: 40px;top: -60px;"><a style="color:#351405;padding:0 15px;margin-top:10px;display:inline-block;;"target="_blank"href="http://shop59633421.taobao.com/search.htm?keyword=+查看更多〉">+查看更多〉</a></span></div><div class="sg-bd"style="font-family:arial;"><ul style="overflow:hidden; clear:both;zoom:1; text-align:center;color:#323232"><li style="float:left;margin:0 10px 0 0; background:#efe9dc; width:228px; border:1px solid #b0998b"><a class="list_bgyv643mg7"style="display:block; width:228px; height:230px; background:url(http://img01.taobaocdn.com/bao/uploaded/i1/14322024077293692/T1eTJfFoxgXXXXXXXX_!!0-item_pic.jpg_230x230.jpg) no-repeat center center"href="http://item.taobao.com/item.htm?id=17503642751"target="_blank"></a><a href="http://item.taobao.com/item.htm?id=17503642751"target="_blank"style="color:#323232;height:20px; line-height:20px; overflow:hidden; display:block; text-align:center; margin:6px 10px 0 10px;">展示区内的宝贝标题</a><span style="display:inline-block;height:20px; line-height:20px;margin:6px 0 0 0;"><b style="color:#323232;font-size:14px;">RMB &yen;99.00</b></span><div style="display:none; width:228px; height:231px;background:#FFF;*filter:progid:DXImageTransform.Microsoft.Alpha(opacity=30);;opacity:.3"class="J_TWidget"data-widget-type="Popup"data-widget-config="{'trigger':'.list_bgyv643mg7','align':{'node':'.list_bgyv643mg7','offset':[0,0],'points':['cc','cc']}}"><a href="展示区内的宝贝链接"style="text-decoration:none;display:block; width:228px;text-align:center; color:#FFF; height:230px;"target="_blank"></a></div></li><li style="float:left;margin:0 10px 0 0; background:#efe9dc; width:468px; border:1px solid #b0998b"><a class="list_zxovy5vimf"style="display:block; width:468px; height:230px; background:url(http://img02.taobaocdn.com/bao/uploaded/i1/T1cKWuFExXXXXXXXXX_!!0-item_pic.jpg_468x468.jpg) no-repeat center center"href="展示区内的宝贝链接"target="_blank"></a><a href="展示区内的宝贝链接"target="_blank"style="color:#323232;height:20px; line-height:20px; overflow:hidden; display:block; text-align:center; margin:6px 10px 0 10px;"> 展示区内的宝贝标题->B158-1</a><span style="display:inline-block;height:20px; line-height:20px;margin:6px 0 0 0;"><b style="color:#323232;font-size:14px;">RMB &yen;30.00</b></span><div style="display:none; width:468px; height:231px;background:#FFF;*filter:progid:DXImageTransform.Microsoft.Alpha(opacity=30);;opacity:.3"class="J_TWidget"data-widget-type="Popup"data-widget-config="{'trigger':'.list_zxovy5vimf','align':{'node':'.list_zxovy5vimf','offset':[0,0],'points':['cc','cc']}}"><a href="展示区内的宝贝链接"style="text-decoration:none;display:block; width:228px;text-align:center; color:#FFF; height:230px;"target="_blank"></a></div></li><li style="float:left;margin:0 0 0 0; background:#efe9dc; width:228px; border:1px solid #b0998b"><a class="list_gr88do6rjf"style="display:block; width:228px; height:230px; background:url(http://img02.taobaocdn.com/bao/uploaded/i1/T1df5FFeFfXXXXXXXX_!!0-item_pic.jpg_230x230.jpg) no-repeat center center"href="展示区内的宝贝链接"target="_blank"></a><a href="展示区内的宝贝链接"target="_blank"style="color:#323232;height:20px; line-height:20px; overflow:hidden; display:block; text-align:center; margin:6px 10px 0 10px;"> 展示区内的宝贝标题 ->B144-2</a><span style="display:inline-block;height:20px; line-height:20px;margin:6px 0 0 0;"><b style="color:#323232;font-size:14px;">RMB &yen;30.00</b></span><div style="display:none; width:228px; height:231px;background:#FFF;*filter:progid:DXImageTransform.Microsoft.Alpha(opacity=30);;opacity:.3"class="J_TWidget"data-widget-type="Popup"data-widget-config="{'trigger':'.list_gr88do6rjf','align':{'node':'.list_gr88do6rjf','offset':[0,0],'points':['cc','cc']}}"><a href="展示区内的宝贝链接"style="text-decoration:none;display:block; width:228px;text-align:center; color:#FFF; height:230px;"target="_blank"></a></div></li><li style="float:left;margin:10px 10px 0 0; background:#efe9dc; width:228px; border:1px solid #b0998b"><a class="list_k9r3ba0gxr"style="display:block; width:228px; height:230px; background:url(http://img01.taobaocdn.com/bao/uploaded/i4/T10lSGFhXdXXXXXXXX_!!0-item_pic.jpg_230x230.jpg) no-repeat center center"href="展示区内的宝贝链接"target="_blank"></a><a href="展示区内的宝贝链接"target="_blank"style="color:#323232;height:20px; line-height:20px; overflow:hidden; display:block; text-align:center; margin:6px 10px 0 10px;"> 展示区内的宝贝标题->B130-3</a><span style="display:inline-block;height:20px; line-height:20px;margin:6px 0 0 0;"><b style="color:#323232;font-size:14px;">RMB &yen;30.00</b></span><div style="display:none; width:228px; height:231px;background:#FFF;*filter:progid:DXImageTransform.Microsoft.Alpha(opacity=30);;opacity:.3"class="J_TWidget"data-widget-type="Popup"data-widget-config="{'trigger':'.list_k9r3ba0gxr','align':{'node':'.list_k9r3ba0gxr','offset':[0,0],'points':['cc','cc']}}"><a href="展示区内的宝贝链接"style="text-decoration:none;display:block; width:228px;text-align:center; color:#FFF; height:230px;"target="_blank"></a></div></li><li style="float:left;margin:10px 10px 0 0; background:#efe9dc; width:228px; border:1px solid #b0998b"><a class="list_5it61x4glp"style="display:block; width:228px; height:230px; background:url(http://img02.taobaocdn.com/bao/uploaded/i1/T1ariuFEteXXXXXXXX_!!0-item_pic.jpg_230x230.jpg) no-repeat center center"href="展示区内的宝贝链接"target="_blank"></a><a href="展示区内的宝贝链接"target="_blank"style="color:#323232;height:20px; line-height:20px; overflow:hidden; display:block; text-align:center; margin:6px 10px 0 10px;"> 展示区内的宝贝标题->B163-3</a><span style="display:inline-block;height:20px; line-height:20px;margin:6px 0 0 0;"><b style="color:#323232;font-size:14px;">RMB &yen;30.00</b></span><div style="display:none; width:228px; height:231px;background:#FFF;*filter:progid:DXImageTransform.Microsoft.Alpha(opacity=30);;opacity:.3"class="J_TWidget"data-widget-type="Popup"data-widget-config="{'trigger':'.list_5it61x4glp','align':{'node':'.list_5it61x4glp','offset':[0,0],'points':['cc','cc']}}"><a href="展示区内的宝贝链接"style="text-decoration:none;display:block; width:228px;text-align:center; color:#FFF; height:230px;"target="_blank"></a></div></li><li style="float:left;margin:10px 10px 0 0; background:#efe9dc; width:228px; border:1px solid #b0998b"><a class="list_yd47aqvkio"style="display:block; width:228px; height:230px; background:url(http://img03.taobaocdn.com/bao/uploaded/i4/T1NaIGFXteXXXXXXXX_!!0-item_pic.jpg_230x230.jpg) no-repeat center center"href="展示区内的宝贝链接"target="_blank"></a><a href="展示区内的宝贝链接"target="_blank"style="color:#323232;height:20px; line-height:20px; overflow:hidden; display:block; text-align:center; margin:6px 10px 0 10px;"> 展示区内的宝贝标题->B151-1</a><span style="display:inline-block;height:20px; line-height:20px;margin:6px 0 0 0;"><b style="color:#323232;font-size:14px;">RMB &yen;30.00</b></span><div style="display:none; width:228px; height:231px;background:#FFF;*filter:progid:DXImageTransform.Microsoft.Alpha(opacity=30);;opacity:.3"class="J_TWidget"data-widget-type="Popup"data-widget-config="{'trigger':'.list_yd47aqvkio','align':{'node':'.list_yd47aqvkio','offset':[0,0],'points':['cc','cc']}}"><a href="展示区内的宝贝链接"style="text-decoration:none;display:block; width:228px;text-align:center; color:#FFF; height:230px;"target="_blank"></a></div></li><li style="float:left;margin:10px 0 0 0; background:#efe9dc; width:228px; border:1px solid #b0998b"><a class="list_jgqywyal8y"style="display:block; width:228px; height:230px; background:url(http://img02.taobaocdn.com/bao/uploaded/i2/T1w4aGFmlcXXXXXXXX_!!0-item_pic.jpg_230x230.jpg) no-repeat center center"href="展示区内的宝贝链接"target="_blank"></a><a href="展示区内的宝贝链接"target="_blank"style="color:#323232;height:20px; line-height:20px; overflow:hidden; display:block; text-align:center; margin:6px 10px 0 10px;"> 展示区内的宝贝标题->B141-5</a><span style="display:inline-block;height:20px; line-height:20px;margin:6px 0 0 0;"><b style="color:#323232;font-size:14px;">RMB &yen;30.00</b></span><div style="display:none; width:228px; height:231px;background:#FFF;*filter:progid:DXImageTransform.Microsoft.Alpha(opacity=30);;opacity:.3"class="J_TWidget"data-widget-type="Popup"data-widget-config="{'trigger':'.list_jgqywyal8y','align':{'node':'.list_jgqywyal8y','offset':[0,0],'points':['cc','cc']}}"><a href="展示区内的宝贝链接"style="text-decoration:none;display:block; width:228px;text-align:center; color:#FFF; height:230px;"target="_blank"></a></div></li></ul></div>

    *本站部分文字及图片均来自于网络,如侵犯到您的权益,请及时通知我们删除。联系信息:甩手网
    关注微信
    装修代码

    装修代码

    免费提供淘宝装修代码、淘宝模板、淘宝装修素材、淘宝装修教程,装修技巧等,让宝贝的曝光率和成交率暴增。顾客一看就无法忘记。

    详情>>
    关于甩手软件     |     关于我们     |     联系我们     |     服务条款     |     隐私协议     |     用户权限     |     站点地图     |     帮助中心

    甩手客户服务

    • 甩手问答
    • 在线客服:企业QQ 800055007
    • 白班咨询电话(9:00-18:00):
      0755-26470437/26470392
      晚班咨询电话(18:00-22:00):
      18926581976/18926585976
    • 客服上班时间:
      周一至周五9:00--22:00,周末9:00--17:00
      (除法定节日以外,其他不在线时间请留言,
      我们看到后会第一时间回复您!)
    • 甩手网投诉电话:0755-26470437/26470392转621

    关注公众号

    Copyright ©2010-2020 深圳市华通易点信息技术有限公司 - 甩手网 All Rights Reserved.[粤ICP备12028137号]

    粤公网安备 44030502000916号

    关闭
    在线客服
    投诉建议