快消品货源批发市场
快消品货源分销平台
 
 
当前位置: 货源批发网 » 网商学院 » 网店装修 » 淘宝店铺装修 » 去空白间隙全屏装修代码分享

去空白间隙全屏装修代码分享

放大字体  缩小字体 发布日期:2024-06-01 09:09:49  来源:电商联盟  作者:乐发网  浏览次数:31

在做淘宝装修时,敲装修代码很是让人头疼,哪里搞错了,可能会导致图片不显示,或者显示不出相应的效果,那么今天小编要给大家分享一段代码,可以省去大家不少时间,淘宝去空白间隙全屏海报装修代码献给大家!

小编随便举个例子,海报图片尺寸为1920×600。我们自己随便敲的全屏代码,可以使用。但是如果是做首页(图片比较长)。一旦发布后,就把其他的页面遮挡掉了,那么遇到这样的情况我们该怎么办呢?那么重点来了小编分享的就是:任何1920px的代码或者1920px的图片都可以放在950自定义模块中实现1920全屏展示。

实现这个功能要用到以下代码,好好学习学习!

<div class="tb-module">

<div class="tanchudiv" style="height: 130px">

<div class="footer-more-trigger mui-display-none" style="z-index: 99; border-bottom: 0px; border-left: 0px; padding-bottom: 0px; padding-left: 0px; width: 1920px; padding-right: 0px; height: 130px; visibility: visible; border-top: 0px; top: auto; border-right: 0px; padding-top: 0px; left: 50%">

<div class="footer-more-trigger mui-display-none" style="z-index: 99; border-bottom: 0px; border-left: 0px; padding-bottom: 0px; padding-left: 0px; width: 1920px; padding-right: 0px; height: 130px; visibility: visible; border-top: 0px; top: auto; border-right: 0px; padding-top: 0px; left: -75%">

<div class="footer-more-trigger mui-display-none" style="border-bottom: 0px; border-left: 0px; padding-bottom: 0px; padding-left: 0px; width: 1920px; padding-right: 0px; height: 130px; visibility: visible; border-top: 0px; top: 0px; border-right: 0px; padding-top: 0px; left: -100px">

<div style="margin: 0px auto; width: 950px">


<!-- 以下是自己的代码 -->


在这里输入要实现的代码或图片。如果只是图片要写成这样的格式: <p> <img src="图片地址" /></p>


<!-- 以上是自己的代码 -->


</div>

</div>

</div>

</div>

</div>

</div>

如果发现实现后的全屏效果不居中,可适当调整代码。小编的分享就到这里,希望能给大家带来帮助,如果大家想了解更多店铺装修知识,那就赶紧关注甩手网吧!

乐发网超市批发网提供超市货源信息,超市采购进货渠道。超市进货网提供成都食品批发,日用百货批发信息、微信淘宝网店超市采购信息和超市加盟信息.打造国内超市采购商与批发市场供应厂商搭建网上批发市场平台,是全国批发市场行业中电子商务权威性网站。

本文内容整合网站:百度百科知乎淘宝平台规则

本文来源: 去空白间隙全屏装修代码分享

分享与收藏:  网商学院搜索  告诉好友  关闭窗口  打印本文 本文关键字:
 
更多..资源下载
淘宝店铺装修图文
淘宝天猫宝贝详情页模板添加关联产品连带的方法 【官方】旺铺新功能多端同步页使用教程
【官方教程】旺铺模块使用基础 淘宝神笔子账号设置方法
淘宝店铺装修网商学院推荐
淘宝店铺装修点击排行
 
手机版 手机扫描访问