淘宝还是天猫商店装修的同志们经常会遇到一个非常尴尬的问题,那就是为什么本地编写的代码不能在商店里全屏显示,只有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)进行交流和学习
最新评论