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>

  • 相关阅读:
    spring @component的作用
    Spring 开启Annotation <context:annotation-config> 和 <context:component-scan>诠释及区别
    servlet中实现页面跳转return “r:”和return “f:
    MyEclipse中SVN的使用方法 此博文包含图片 (2012-04-19 12:18:35)
    MyEclipse使用总结——MyEclipse10安装SVN插件
    javaweb学习总结(九)—— 通过Servlet生成验证码图片
    Spring-springmvc-mybatis整合
    MyBatis连接SQLServer数据库
    mybatis入门基础(二)----原始dao的开发和mapper代理开发
    MyBatis入门基础(一)
  • 原文地址:https://www.cnblogs.com/275147378abc/p/5165126.html
Copyright © 2011-2022 走看看