手机访问 / 收藏这页


淘宝旺铺专业版如何设置全屏海报全屏轮播店招通栏

作者:72 2015-9-11 17:24 Friday 分类:电商、IT、数码、手机

添加自定义模板,插入以下代码:

1、全屏海报

<div style="height:550px;">

    <div class="footer-more-trigger" style="left:50%;top:auto;border:none;padding:0;">

        <div class="footer-more-trigger" style="left:-960px;top:auto;border:none;padding:0;">

      <a href="图片链接" target="_blank" style="width:1920px;height:550px;display:block;">

              <img src="图片地址" border="0" alt="全屏海报" /></a>

        </div>

    </div>

</div>

2、全屏轮播

<div class="footer-more-trigger" style="width:1920px;height:550px;padding:0px;border:none;left:-960px;">

                <div data-widget-config="{'contentCls': 'taobaoux-com','navCls': 'bbs-taobaoux-com','effect': 'scrollx','easing': 'easeOutStrong','prevBtnCls':'prev1920','nextBtnCls':'next1920','autoplay': true,'viewSize':[1920],'circular': true}" data-widget-type="Carousel" class="J_TWidget">

                    <div class="J_TWidget" data-widget-config="{'trigger':'.ux1920','align':{'node':'.ux1920','offset':[-500,0],'points':['cc','cc']}}" data-widget-type="Popup" style="display:none;">                        

                    </div>

          <div class="J_TWidget" data-widget-config="{'trigger':'.ux1920','align':{'node':'.ux1920','offset':[500,0],'points':['cc','cc']}}" data-widget-type="Popup" style="display:none;"> 

                    </div>

                    <div style="height:550px;width:1920px;overflow:hidden;padding:0px;margin:0px;" class="ux1920">

                        <ul class="taobaoux-com" style="height:550px;width:1920px;padding:0px;margin:0px;">

                          <li style="width:1920px;height:550px;padding:0px;margin:0px;">

                            <a target="_blank"  href="图片一链接" style="padding:0px;margin:0px;">

                                <img src="图片一地址" width="1920px" height="550px" border="0px"></a></li>

                          <li style="width:1920px;height:550px;padding:0px;margin:0px;">

                            <a target="_blank"  href="图片二链接" style="padding:0px;margin:0px;">

                                <img src="图片二地址" width="1920px" height="550px" border="0px"></a></li>

                          <li style="width:1920px;height:550px;padding:0px;margin:0px;">

                            <a target="_blank"  href="图片三链接" style="padding:0px;margin:0px;">

                                <img src="图片三地址" width="1920px" height="550px" border="0px"></a></li></ul>

                    </div>

                    <div class="footer-more-trigger" style="padding:0px;border:none;left:50%;">

                        <div class="footer-more-trigger" style="width:1920px;height:50px;padding:0px;border:none;left:-960px;background: url() repeat;top:500px;">

                            <ul class="bbs-taobaoux-com" style="width:950px;height:50px;margin:0 auto;text-align: center;">

                                <li style="display: inline;margin: 0 5px;cursor:pointer;line-height: 50px;">

                                    <img src="图片一地址" width="137px" height="46px" border="0px" style="vertical-align:middle;margin:5px 0;" /></li>

                                <li style="display: inline;margin: 0 5px;cursor:pointer;line-height: 50px;">

                                    <img src="图片二地址" width="137px" height="46px" border="0px" style="vertical-align:middle;margin:5px 0;" /></li>

                                <li style="display: inline;margin: 0 5px;cursor:pointer;line-height: 50px;">

                                    <img src="图片三地址" width="137px" height="46px" border="0px" style="vertical-align:middle;margin:5px 0;" /></li> 

                            </ul>   

                        </div>    

                    </div>

                </div>

            </div>

        </div>

    </div>

<ul class="ks-switchable-nav" style="display:none;"></ul>

</div>

3、1920宽通栏背景(编辑导航,显示设置下面的文本框,代码放进去,就ok了)

body{background-image:url(图片地址);background-repeat:no-repeat;background-position:center;background-attachment:fixed;}

 

更多

说两句:

 

© 2017 OURPE.com QQ: 373757436 E-mail: bjzuji#163.com  友情链接:棒棒糖 爱淘宝 迪卡侬 欧瑞德 百度 Google 凤凰网 网易 搜狐 中华网军事 环球网 中彩网 P1杂志 电影天堂 支付宝 阿里妈妈 工商银行 北京交通广播在线收听 潮汕_北京_天涯论坛 旅游户外 户外资料网 blogbus sina hexun 陈言易 中国天气网() Powered by emlog 京ICP备06010752号 sitemap
回到顶部