淘宝全屏代码生成器(米色全方位剖析淘宝/天猫店铺全屏代码)

淘宝还是天猫商店装修的同志们经常会遇到一个非常尴尬的问题,那就是为什么本地编写的代码不能在商店里全屏显示,只有950或990像素宽。(很多人可能知道这个问题,但考虑到很多人可能不知道,我决定写一篇教程来帮助你)

有些同志想问,米色的老湿,你的全屏代码和别人的全屏代码有什么区别?

我们都知道淘宝和天猫商店的版本是不同的,所以代码有时是不同的。我的全屏代码可以被天猫和淘宝使用。无论你的内容有多宽,它都可以完全集中在全屏上。而且使用起来也很方便。不要胡说八道,让我们直奔主题:

1:为什么商店不能全屏

查看上图中的代码,您会发现定制模块框架中名为skinboxBD的好友有两种样式,宽度:750px;溢出:隐藏;

有同志要问。有什么问题吗。以上两种样式的平均宽度为750px;溢出隐藏。顾名思义,内容放在用户定义的模块中。如果宽度超过750,超出部分将被隐藏,自然无法显示全屏


2:解决方案想法

在谈论创意之前,我们首先要说,如果你想使用全屏商店,你只能使用定位。然而,淘宝网不允许商家使用负面定位(相对定位除外)和外部保证金。然后我们需要弄清楚如何实现它。在这里,我使用双定位将需要全屏的内容移动两次,以实现全屏效果


3:具体实施代码

&书信电报;Divclass=“miseu”style=“height:[height2]PX;”和gt;

&书信电报;divclass=“footermoretriggermostfootersnsimplelogo”style=”position:完全的左:50%;顶部:自动;宽度:0;身高:继承;边界:0;padding:0背景:transparent;“>;

&书信电报;Divclass=“footermoretriggermostfooterSnsimplelogo”style=“position:绝对;左:-[storetype]PX;上:[bottommargin]PX;宽:1920px;高:[height]PX;边框:0px;padding:0px;背景:transparent;”gt;

&书信电报;Divclass=“Clearfixj_twidget”style=“边距:0自动;宽度:[宽度]PX;高度:[高度]PX数据来源=“米色官网:www.mgsns.Com”>;

[内容]

<;/部门>;

<;/部门>;

<;/部门>;

<;/部门>;


参数分析:

淘宝全屏代码

[height2]:[height]-[removebottommargin]

【门店类型】:天猫店和淘宝专业版在此修改为960

[移除底部边距]:自定义模块之间的距离。天猫和淘宝专业版在这里写10,基础版商店在这里写20如果你不需要删除自定义模块之间的距离,写0

[高度]:需要全屏显示的内容的总高度

[宽度]:需要全屏显示的内容的总宽度

[内容]:用需要全屏显示的代码替换此处的全部内容

注意:更换时,支架[]也会被更换


4:扩展说明

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

http:www.mgsns。com/portal。php?mod=主题&;topicid=7

本教程将首先在这里编写。如果您有上述其他问题,可以到代码交换组(组号:101527468)进行交流和学习

您可以还会对下面的文章感兴趣

最新评论

  1. 尽兴酣饮
    尽兴酣饮
    发布于:2022-04-27 13:36:35 回复TA
    店在这里写20如果你不需要删除自定义模块之间的距离,写0[高度]:需要全屏显示的内容的总高度[宽度]:需要全屏显示的内容的总宽度[内容]:用需要全屏显示的代码替换此处的全部内容注意:更换时,支架[]也会被更换4:扩展说明虽然写得很清楚,但有些同志可
  1. 小软熊
    小软熊
    发布于:2022-04-27 06:59:14 回复TA
    X;”和gt;&书信电报;divclass=“footermoretriggermostfootersnsimplelogo”style=”position:完全的左:50%;顶部:自动;宽度:0;身高:继承;边界:0;p
  1. 苏华楠娅
    苏华楠娅
    发布于:2022-04-27 02:57:51 回复TA
    写的真好

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

使用微信扫描二维码后

点击右上角发送给好友