基础版全屏店招,支持详情页全屏,强制店招热点!!!

wuhalang0302 发表于 2016-1-22 21:49:38 | 显示全部楼层   [复制链接]
629 22279
回复

使用道具 举报

发表于 2016-11-27 02:41:06 | 显示全部楼层
<div style="width:990px;height:115px;">   <div class="footer-more-trigger sn-simple-logo" style="width:990px;height:115px;  padding:0px;border:0;left:50%; top:auto;">     <div class="footer-more-trigger sn-simple-logo" style="width:990px;height:115px;  padding:0px;border:0;left:-495px; top:-0px;z-index:2;">       <div class="J_TWidget" data-widget-type="Tabs" data-widget-config="{'navCls':'shiyan-youhuiquan-nav','contentCls':'shiyan-youhuiquan-con','activeTriggerCls':'hidden','triggerType':'click','effect':'fade','autoplay':false}">         <div style="position:relative;width:990px;height:115px;overflow:hidden;">            <!--优惠券部分开始-->            <img src="http://img01.taobaocdn.com/imgextra/i1/686821827/TB2rtoibFXXXXX.XXXXXXXXXXXX_!!686821827.jpg" usemap="#Map_youhuiquan1" border="0">           <map name="Map_youhuiquan1">             <area style="outline:none;" coords="807,14,966,99" href="http://taoquan.taobao.com/coupon/unify_apply.htm?spm=a1z10.1-b.w5003-9989726202.2.nGRNgt&sellerId=2261078975&activityId=208136122&scene=taobao_shop" target="_blank" data-spm-wangpu-module-id="5003-9989726202" data-spm-anchor-id="a1z10.1-b.w5003-9989726202.2">             <area style="outline:none;" coords="630,14,789,99" href="http://taoquan.taobao.com/coupon/unify_apply.htm?spm=a1z10.1-b.w5003-9989726202.3.nGRNgt&sellerId=2261078975&activityId=207288305&scene=taobao_shop" target="_blank" data-spm-wangpu-module-id="5003-9989726202" data-spm-anchor-id="a1z10.1-b.w5003-9989726202.3">             <area style="outline:none;" coords="454,14,613,99" href="http://taoquan.taobao.com/coupon/unify_apply.htm?spm=a1z10.1-b.w5003-9989726202.4.nGRNgt&sellerId=2261078975&activityId=207296320&scene=taobao_shop" target="_blank" data-spm-wangpu-module-id="5003-9989726202" data-spm-anchor-id="a1z10.1-b.w5003-9989726202.4">             <area style="outline:none;" coords="278,14,437,99" href="http://taoquan.taobao.com/coupon/unify_apply.htm?spm=a1z10.1-b.w5003-9989726202.5.nGRNgt&sellerId=2261078975&activityId=207412332&scene=taobao_shop" target="_blank" data-spm-wangpu-module-id="5003-9989726202" data-spm-anchor-id="a1z10.1-b.w5003-9989726202.5">           </map>           <!--优惠券部分结束-->          </div>         <div class="shiyan-youhuiquan-slide-con shiyan-youhuiquan-con footer-more-trigger sn-simple-logo" style="left:0px;top:0px;padding:0; border:none;height:0px;width:990px;">           <div class="con-item" style="display: block; opacity: 1; position: absolute; z-index: 9;">             <div style="width:990px;height:115px;opacity:0.8;filter:progidXImageTransform.Microsoft.Alpha(opacity=80);"></div>           </div>           <div class="con-item" style="display: block; opacity: 0; position: absolute; z-index: 1;">             <div style="position:relative;width:990px;height:115px;overflow:hidden;">                 <!--优惠券部分开始-->                <img src="http://img01.taobaocdn.com/imgextra/i1/686821827/TB2rtoibFXXXXX.XXXXXXXXXXXX_!!686821827.jpg" usemap="#Map_youhuiquan1" border="0">               <map name="Map_youhuiquan1">                 <area style="outline:none;" coords="807,14,966,99" href="http://taoquan.taobao.com/coupon/unify_apply.htm?spm=a1z10.1-b.w5003-9989726202.2.nGRNgt&sellerId=2261078975&activityId=208136122&scene=taobao_shop" target="_blank" data-spm-wangpu-module-id="5003-9989726202" data-spm-anchor-id="a1z10.1-b.w5003-9989726202.2">                 <area style="outline:none;" coords="630,14,789,99" href="http://taoquan.taobao.com/coupon/unify_apply.htm?spm=a1z10.1-b.w5003-9989726202.3.nGRNgt&sellerId=2261078975&activityId=207288305&scene=taobao_shop" target="_blank" data-spm-wangpu-module-id="5003-9989726202" data-spm-anchor-id="a1z10.1-b.w5003-9989726202.3">                 <area style="outline:none;" coords="454,14,613,99" href="http://taoquan.taobao.com/coupon/unify_apply.htm?spm=a1z10.1-b.w5003-9989726202.4.nGRNgt&sellerId=2261078975&activityId=207296320&scene=taobao_shop" target="_blank" data-spm-wangpu-module-id="5003-9989726202" data-spm-anchor-id="a1z10.1-b.w5003-9989726202.4">                 <area style="outline:none;" coords="278,14,437,99" href="http://taoquan.taobao.com/coupon/unify_apply.htm?spm=a1z10.1-b.w5003-9989726202.5.nGRNgt&sellerId=2261078975&activityId=207412332&scene=taobao_shop" target="_blank" data-spm-wangpu-module-id="5003-9989726202" data-spm-anchor-id="a1z10.1-b.w5003-9989726202.5">               </map>               <!--优惠券部分结束-->               </div>           </div>         </div>         <div class="shiyan-youhuiquan-nav footer-more-trigger sn-simple-logo" style="left:0px;top:0px; z-index: 11; padding:0; border:none;">           <div class="hidden" style="z-index: 2;"></div>           <div style="width:990px;height:115px;">              <!--    点击收藏或关注开始-->              <a href="http://favorite.taobao.com/popup/add_collection.htm?spm=a1z10.1-c.0.0.FOauce&id=65942818&itemid=65942818&itemtype=0&sellerid=686821827&scjjc=2" target="_blank" class="J_TokenSign"> <img src="http://img03.taobaocdn.com/imgextra/i3/686821827/TB2I2QcbFXXXXcpXXXXXXXXXXXX_!!686821827.png"></a>              <!--    点击收藏或关注结束-->            </div>         </div>       </div>     </div>   </div> </div> </div>
淘码神论坛Taomashen.com-电商代码交流平台
发表于 2017-5-1 09:18:40 | 显示全部楼层
align="middle">
                                                                &nbsp;
                                                        </td>
                                                        <td height="10" colspan="5">
                                                                &nbsp;
                                                        </td>
                                                        <td rowspan="4" width="12">
                                                                &nbsp;
                                                        </td>
                                                        <td rowspan="2" width="190">
                                                                &nbsp;
                                                        </td>
                                                </tr>
                                                <tr>
                                                        <td height="190" rowspan="3" width="190">
                                                                <div class="ping">
                                                                         <a href="//design.taobao.com/common/?scene=taobao_shop#" target="_blank"><img border="0" alt="" src="//gdp.alicdn.com/imgextra/i2/106583458/T2pM1GXfpaXXXXXXXX-106583458.jpg" width="190" height="190" /></a>
                                                                </div>
                                                        </td>
                                                        <td rowspan="3" width="12">
                                                                &nbsp;
                                                        </td>
                                                        <td style="line-height:150%;" valign="bottom" rowspan="2" colspan="2">
                                                                <div align="center">
                                                                         <font color="#000000">RMB: 68元</font>
                                                                </div>
                                                        </td>
                                                        <td style="line-height:150%;" valign="bottom" rowspan="3" width="12">
                                                                &nbsp;

淘码神论坛Taomashen.com-电商代码交流平台
发表于 2018-1-11 20:09:27 | 显示全部楼层
skin-box-bd, .skin-box-bd .all-cats, .skin-box-bd .menu-list .menu{height:30px;} .skin-box-bd .link{height:30px;line-height:30px;} .skin-box-bd{background-color:#bf0000;} .skin-box-bd .menu-list .menu-hover{background-color:#8f0000;} .skin-box-bd .all-cats .link{width:168px;} .skin-box-bd .menu-list{width:761px;} .skin-box-bd .all-cats{background-color:#8f0000;} .skin-box-bd .all-cats-hover{background-color:#8f0000;} .skin-box-bd .all-cats .link .title{font-family:Arial;} .skin-box-bd .all-cats .link .title{color:#ffffff;} .skin-box-bd .all-cats .link .title{font-size:12px;} .skin-box-bd .all-cats .link .title{border: 0;font-style:normal;font-weight:300;text-decoration:none;} .skin-box-bd .all-cats-hover .link .title{color:#ffffff;} .skin-box-bd .link .title{font-family:Arial;} .skin-box-bd .menu-list .menu .link .title{color:#ffffff;} .skin-box-bd .menu-list .menu .link .title{font-size:12px;} .skin-box-bd .menu-list .menu .link .title{font-style:normal;font-weight:300;text-decoration:none;} .skin-box-bd .menu-list .menu-hover .link .title{color:#ffffff;} .skin-box-bd .menu-list .menu .link .title{display:block;height: 30px;line-height: 30px;padding: 10 20px;width: auto;text-align:center;margin-top:0;border-right:1px solid #6f0000} .all-cats-popup{width:188px;} .all-cats-popup .cats-tree .fst-cat, .popup-content .cats-tree .fst-cat-hd, .popup-content .cats-tree .fst-cat-name, .menu-popup-cats .sub-cat, .menu-popup-cats .sub-cat a,  .menu-popup-cats .sub-cat .cat-name{height:28px;line-height:28px;} .all-cats-popup, .menu-popup-cats{background-color:#af0000;} .all-cats-popup .cats-tree .fst-cat:hover,  .all-cats-popup .cats-tree .fst-cat.cat-hd-hover, .menu-popup-cats .sub-cat-hover{background-color:#6a0000;} .all-cats-popup .cats-tree .fst-cat .fst-cat-hd .cat-name, .menu-popup-cats .sub-cat a,  .menu-popup-cats .sub-cat .cat-name{font-family:Arial;color:#ffffff;font-size:12px;font-style:normal;font-weight:300;text-decoration:none;} .all-cats-popup .cats-tree .fst-cat:hover .fst-cat-hd a,  .all-cats-popup .cats-tree .fst-cat.cat-hd-hover .fst-cat-hd a,  .all-cats-popup .cats-tree .fst-cat:hover .fst-cat-hd .fst-cat-name,  .all-cats-popup .cats-tree .fst-cat.cat-hd-hover .fst-cat-hd .fst-cat-name, .menu-popup-cats .sub-cat-hover a,  .menu-popup-cats .sub-cat-hover .cat-name{color:#ffffff;} .all-cats-popup .cats-tree .snd-pop .snd-pop-inner{width:188px;} .all-cats-popup .cats-tree .snd-pop .snd-pop-inner .fst-cat-bd .snd-cat{height:auto;line-height:28px;} .popup-content .cats-tree .snd-cat-hd, .all-cats-popup .cats-tree .snd-pop .snd-pop-inner .snd-cat-hd .snd-cat-name{height:28px;line-height:28px;} .all-cats-popup .cats-tree .snd-pop .snd-pop-inner{background-color:#8f0000;} .all-cats-popup .cats-tree .snd-pop .snd-pop-inner .snd-cat-hd-hover{background-color:#6a0000;} .all-cats-popup .cats-tree .snd-pop .snd-pop-inner .snd-cat-hd-hover a,  .all-cats-popup .cats-tree .snd-pop .snd-pop-inner .snd-cat-hd .snd-cat-name{font-family:Arial;color:#ffffff;font-size:12px;font-style:normal;font-weight:300;text-decoration:none;} .all-cats-popup .cats-tree .snd-pop .snd-pop-inner .snd-cat-hd-hover a,  .all-cats-popup .cats-tree .snd-pop .snd-pop-inner .snd-cat-hd-hover .snd-cat-name{color:#ffffff;} .skin-box-bd .all-cats .link{height: 30px;line-height: 30px;padding:0 10px;margin-top:0;border:0 none;text-align:left;} .skin-box-bd .menu-list .menu .link{display:block;height: 30px;line-height: 30px;padding: 0px;width: auto;text-align:center;margin-top:0;border:0 none;} .all-cats-popup, .all-cats-popup .cats-tree .snd-pop .snd-pop-inner, .popup-content{border:0 none;} .all-cats-popup .cats-tree .fst-cat .fst-cat-hd, .all-cats-popup .cats-tree .snd-pop .snd-pop-inner .snd-cat-hd-hover a,  .all-cats-popup .cats-tree .snd-pop .snd-pop-inner .snd-cat-hd-hover .snd-cat-name,.skin-box-bd .menu-list .menu a:hover,.skin-box-bd .tb-shop-popup-content .popup-content,.skin-box-bd .menu-list .menu-selected .link,.skin-box-bd .menu-list .menu-selected{text-align:left;background:none;} .skin-box-bd .tb-shop-popup-content .popup-content{width:100%} .skin-box-bd .tb-shop-popup-content .popup-content .snd-cat-icon{margin: 12px 4px 0 4px;} .all-cats-popup .cats-tree .cat-name{display:block;float:left;overflow:hidden;width:160px;} .skin-box-bd .menu-list .menu .link .title{padding:0 20px;display:inline-block;*display:inline;*zoom:1;}
淘码神论坛Taomashen.com-电商代码交流平台
发表于 2016-1-22 11:25:56 | 显示全部楼层
看看 和我的一样不
淘码神论坛Taomashen.com-电商代码交流平台
发表于 2016-1-22 11:59:19 | 显示全部楼层
看看是不是好用
淘码神论坛Taomashen.com-电商代码交流平台
发表于 2016-1-22 13:11:27 | 显示全部楼层
过来看一下怎么样,学习一下
淘码神论坛Taomashen.com-电商代码交流平台
发表于 2016-1-22 14:31:15 | 显示全部楼层
不错啊,看着挺炫酷的
淘码神论坛Taomashen.com-电商代码交流平台
发表于 2016-1-22 14:31:28 | 显示全部楼层
xinrenbaodao
淘码神论坛Taomashen.com-电商代码交流平台
发表于 2016-1-22 14:41:43 | 显示全部楼层
不错不错  
淘码神论坛Taomashen.com-电商代码交流平台
发表于 2016-1-22 18:07:14 | 显示全部楼层
感谢分享,希望学习一下!
淘码神论坛Taomashen.com-电商代码交流平台
发表于 2016-1-22 21:49:38 | 显示全部楼层
楼主作品太棒了,膜拜中……
淘码神论坛Taomashen.com-电商代码交流平台
您需要登录后才可以回帖 登录 | 快速注册

本版积分规则

推荐阅读

返回顶部快速回复上一主题下一主题返回列表联系站长关注微信

QQ| Archiver|手机版|小黑屋|联系站长| 淘码神论坛 ( 粤ICP备15035760号-1 )     

Powered by Discuz! X3.2© 2001-2013 Comsenz Inc.  Templated By 迪恩网络

京IP备案号:BGJ15464X

扫一扫二维码
现在关注我们
赠送精美礼品
返回顶部 返回列表