做过淘宝、天猫店铺装修的同志,一定会面临尴尬的问题。 为什么当地写的代码放在店铺里,就不能全屏显示吗? 只能显示950像素或990像素的宽度吗? (这个问题很多人可能知道,但很多人可能不知道,所以决定写教程帮助大家。)
有同志要问了,米色老湿你的全屏代码跟别人的全屏代码哪里不一样呢?
因为我知道淘宝和天猫的店铺版本不一样,所以代码有时会不一样。 我的全屏代码是天猫和天猫通用的。 另外,无论内容的宽度如何,都可以实现完整的全屏中央显示。 而且很容易使用。 闲话不多说,进入正题:
一:为什么店铺里面不能全屏
在上图的代码中,可以看到定制模块框架中名为skin-box-bd的class兄弟有两种样式的width:750px。 overflow:hidden;
同志有想问的事情,这有什么问题。 上面两种样式意味着750px宽; 溢出来藏起来。 顾名思义就是放入定制模块中的内容,如果宽度超过750,超过的部分就会被遮住,当然就不能全屏了。
二:解决思路
在谈思路之前,先说一句,只能在全屏店铺中使用定位来实现。 但是,淘宝上不允许店铺内的商家使用定位(相对定位除外)和外距离的负值。 那需要仔细考虑如何实现。 它利用双重定位功能,将需要全屏的内容移动两次,以获得全屏效果
三:具体实现代码
div class=’miseu’ style=’height :【高度2】px;’
div
class=’ footer-more-trigger most-footersn-simple-logo ‘ style=’ position :
绝对; left: 50%; top: auto; width: 0; height: inherit; border: 0
垫: 0; background: transparent; ‘ ‘
div
class=’ footer-more-trigger most-footersn-simple-logo ‘ style=’ position :
绝对; left: -【店铺类型】px; top :【到下边的距离】px; width: 1920px; height :【高度】px;
border: 0px; padding: 0px; background: transparent; ‘ ‘
divclass=’ clearfix j _ t构件’ style=’ margin:0 auto; width【宽度】px; height :【高度】px;’ data-source=’乐发网www.kxphy.com‘
【内容】
/div
/div
/div
/div
参数剖析:
【高度2】:【高度】-【下冲】
【店铺类型】:天猫店和淘宝专版在这里修改为960
【到下边的距离】:定制模块之间的距离,天猫和淘宝的专业版在这里写10,基础版店铺在这里写20。 如果不需要消除定制模块之间的距离,则写0
【高度】:需要全屏的内容的整体高度
【宽度】:需要全屏内容的整体宽度
【内容】:这里用需要全屏的代码替换
注意:替换时【】这个括号也一起替换了
四:拓展说明
虽然写得很清楚,但可能有些同志还是觉得麻烦,所以我又专门按照说明添加了内容,制作了在线生成工具,点击按钮自动生成所需的代码。 工具地址(复制目标在浏览器中打开) )。
乐发网超市批发网提供超市货源信息,超市采购进货渠道。超市进货网提供成都食品批发,日用百货批发信息、微信淘宝网店超市采购信息和超市加盟信息.打造国内超市采购商与批发市场供应厂商搭建网上批发市场平台,是全国批发市场行业中电子商务权威性网站。
本文来源: 淘宝店铺全屏代码,淘宝店招全屏代码