zoukankan      html  css  js  c++  java
  • 淘宝店铺基础版全屏装修步骤及代码,已经经过测试

    1.淘宝基础版全屏海报
    旺铺基础版是左右两栏的布局,那我们就把左栏的模块全部删掉,在右栏建立自己的自定义模块,在自定义模块中加入以下代码,产生的效果就是通栏效果。在“加入自己的自定义内容”这句话这里插入自定义代码比如全屏不轮播代码等。
    <div class="J_TWidget" data-widget-config="{'effect': 'fade', 'circular': true ,'contentCls':'taobaoux'}" data-widget-type="Tabs" style="height:580px;overflow:hidden;">
    <div class="taobaoux">
    <div class="footer-more-trigger" style="border-bottom:medium none;border-left:medium none;padding-bottom:0px;padding-left:0px;950px;padding-right:0px;height:580px;border-top:medium none;top:auto;border-right:medium none;padding-top:0px;left:50%;">
    <div class="footer-more-trigger" style="border-bottom:medium none;border-left:medium none;padding-bottom:0px;padding-left:0px;950px;padding-right:0px;height:580px;border-top:medium none;border-right:medium none;padding-top:0px;left:-575px;">


    <font color="#ff0000">加入自己的自定义内容</font>

    </div>

    2、淘宝基础版表格布局代码

    <div class="J_TWidget" data-widget-config="{&quot;effect&quot;: &quot;fade&quot;, &quot;circular&quot;:
    true ,&quot;contentCls&quot;:&quot;taobaoux&quot;}" data-widget-type="Tabs" style="height:380px;overflow:hidden;">
    <div class="taobaoux">
    <div class="footer-more-trigger" style="border-bottom:medium none;border-left:medium none;padding-bottom:0px;left:0px;950px;padding-right:0px;height:580px;border-top:medium none;top:auto;border-right:medium none;padding-top:0px;left:50%;">
    <div class="footer-more-trigger" style="border-bottom:medium none;border-left:medium none;padding-bottom:0px;left:0px;950px;padding-right:0px;height:580px;border-top:medium none;border-right:medium none;padding-top:0px;left:-480px;">
    <div style="height:600px;">
    <div class="footer-more-trigger" style="left:50%;top:auto;border:none;padding:0;">
    <div class="footer-more-trigger" style="left:-960px;top:40px;border:none;padding:0;">
    <a href="#" style="1920px;height:600px;display:block;" target="_blank">
    <table height="30px">
    <tbody>
    <tr>
    <td width="370px">
    &nbsp;
    </td>
    <td width="380px">
    <img src="//gdp.alicdn.com/imgextra/i3/2445509868/TB2P1MgjVXXXXbCXpXXXXXXXXXX_!!2445509868.jpg" />
    </td>
    <td width="20px">
    &nbsp;
    </td>
    <td width="380px">
    <a>
    <div style="background-image:url(//gdp.alicdn.com/imgextra/i4/2445509868/TB2zq3ajVXXXXXgXFXXXXXXXXXX_!!2445509868.jpg);height:450px;">
    <div style="position:relative;top:400px;left:30px;color:white;font-size:20px;">
    男士正装 原价200元 现价100元
    </div>
    </div>
    </a>
    </td>
    <td width="20px">
    &nbsp;
    </td>
    <td width="380px">
    <a><img src="//gdp.alicdn.com/imgextra/i3/2445509868/TB2RTZfjVXXXXXOXpXXXXXXXXXX_!!2445509868.jpg" /> </a>
    </td>
    <td width="370px">
    &nbsp;
    </td>
    </tr>
    </tbody>
    </table>
    </a>
    </div>
    </div>
    </div>
    </div>
    </div>
    </div>
    </div>

  • 相关阅读:
    Populating Next Right Pointers in Each Node II
    Populating Next Right Pointers in Each Node
    Construct Binary Tree from Preorder and Inorder Traversal
    Construct Binary Tree from Inorder and Postorder Traversal
    Path Sum
    Symmetric Tree
    Solve Tree Problems Recursively
    632. Smallest Range(priority_queue)
    609. Find Duplicate File in System
    poj3159最短路spfa+邻接表
  • 原文地址:https://www.cnblogs.com/275147378abc/p/5165126.html
Copyright © 2011-2022 走看看