淘装修吧 关注:933贴子:859

店铺装修,全屏海报代码解析,新手也能看懂, 新人福利

只看楼主收藏回复

楼主我珍藏多年的好东西分享给大家,装修有不懂的留言便可,小主我坐楼回复,大牛勿喷,高手勿扰,
小主我也是入行小丑,经不起大风大浪,只求得新手点选关注即可,有不懂的请大家关注下留言,待我一一回复!
淘宝C店全屏代码如下:
<div style="height:500px;">/*定义模块高度*/
<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:500px;display:block;">
<img src="#" border="0" alt="" /></a>
</div>
</div>
</div>
解释:padding,内边距 width,宽度 border,边框 left,左偏移 top,上偏移 footer-more-trigger 是淘宝自带的class 天猫店铺为“sn-simple-logo”
正常我们使用中只需要改:height值,left值就OK了。。。。。
天猫全屏代码如下:
<div style="height:500px;">
<div class="sn-simple-logo" style="padding:0px;left:50%;top:auto;">
<div class="sn-simple-logo" style="padding:0px;left:-960px;top:auto;">
<a href="#" style="width:1920px;height:500px;display:block;" target="_blank">
<img alt="全屏海报" border="0" src="#" /></a>
</div>
</div>
</div>
拍拍全屏代码:
<div style="width:950px; height:全屏高度px; margin:0px auto">
<div style="width:1920px; height:全屏高度px; background:none; position:absolute; margin-left:-485px; top:auto; left:auto; position:absolute; margin-top:-10px; z-index:99" class="switch l_wcag">
<img src="全屏图片地址" />
</div>
</div>
苏宁全屏代码:
<style type="text/css"><!--
.template {position:static; width:990px;}body{overflow:none;overflow-x: hidden; }.template div {overflow:visible;}
</style>
<!--使用方法:
1、替换图片地址<img src="...">
2、修改div对应的图片高度
-->
<div style="width: 1920px; margin: 0 auto; height: 938px;">
<div style="height: 938px; position: absolute; margin-left: -465px;"><img src="
" alt="" width="1920" height="938" /></div>
</div>
当当全屏代码:
<div style="width: 100%; overflow: hidden;" class="shop_topbanner">
<div style="width: 980px; height: 529px;">
<div style="position: absolute; margin-top: -5px; width: 1440px; height: 529px; margin-left: -230px;">
<table id="__01" border="0" cellspacing="0" cellpadding="0" width="1440" height="529">
<tbody>
<tr>
<td><img style="border: 0px;" src="#
" /></td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
京东全屏代码:
京东不用全屏代码,自定义1920模块即可完成全屏
不写了,太累了,装修有啥不懂的留言即可!记得点关注哦!!!!!!!


1楼2015-12-30 15:02回复
    上图一张,此图我从别处拿来了,希望没有版权问题,,,,其它平台不懂,什么京东,一号店,当当,国美,苏宁,的,乱七八糟的,请在关注下留言或加我扣扣问我,扣扣:749092849,记住哦, ,,是关注后哦亲


    2楼2015-12-30 15:04
    回复
      2025-05-28 05:05:52
      广告
      国美全屏代码:
      <div style="padding: 0px; border: currentColor; left: 50%; top: auto;
      width: 1920px; height: 7791px;" class="footer-more-trigger">
      <div style="padding: 0px; border: currentColor; top: auto;
      width: 1920px; height: 650px; margin-left: -465px; position:
      absolute;" class="footer-more-trigger">
      插入要加的图片代码
      </div>
      </div>


      3楼2015-12-30 15:05
      回复
        楼主求帮助啊~我导航条设置完颜色之后除了首页以外显示的都不对,是为什么?



        4楼2015-12-30 16:31
        收起回复
          需要店铺装修的直接加我扣扣:749092849


          5楼2016-01-02 13:50
          回复
            用这个代码是不是不需要把海报图片剪来剪去就可以实现全屏效果了


            IP属地:浙江来自iPhone客户端6楼2016-01-04 01:17
            收起回复
              顶一下


              8楼2016-01-18 11:03
              回复


                9楼2016-01-18 11:04
                回复
                  2025-05-28 04:59:52
                  广告


                  10楼2016-01-19 10:40
                  回复


                    12楼2016-01-19 10:41
                    回复


                      13楼2016-01-19 10:41
                      回复


                        14楼2016-01-19 10:41
                        回复


                          来自iPhone客户端15楼2016-01-20 09:31
                          回复
                            顶层


                            16楼2016-01-20 13:36
                            回复
                              2025-05-28 04:53:52
                              广告


                              17楼2016-01-20 13:36
                              回复