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

淘宝店铺全屏代码,淘宝店招全屏代码

放大字体  缩小字体 发布日期:2024-12-19 06:51:43  来源:电商联盟  作者:乐发网  浏览次数:13

做过淘宝、天猫店铺装修的同志,一定会面临尴尬的问题。 为什么当地写的代码放在店铺里,就不能全屏显示吗? 只能显示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

【高度】:需要全屏的内容的整体高度

【宽度】:需要全屏内容的整体宽度

【内容】:这里用需要全屏的代码替换

注意:替换时【】这个括号也一起替换了

四:拓展说明

虽然写得很清楚,但可能有些同志还是觉得麻烦,所以我又专门按照说明添加了内容,制作了在线生成工具,点击按钮自动生成所需的代码。 工具地址(复制目标在浏览器中打开) )。

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

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

本文来源: 淘宝店铺全屏代码,淘宝店招全屏代码

分享与收藏:  网商学院搜索  告诉好友  关闭窗口  打印本文 本文关键字:
 
更多..资源下载
淘宝店铺装修图文
生意参谋装修分析怎么用? 具体步骤详解!添加视频到宝贝详情页
【官方】旺铺新功能多端同步页使用教程 淘宝主图可以换吗?换图要注意什么
淘宝店铺装修网商学院推荐
淘宝店铺装修点击排行
 
手机版 手机扫描访问