装修过淘宝或者天猫店铺的同志,肯定会遇到一个很尴尬的问题,就是本地写的代码放在店里无法全屏显示,只能显示950或者990像素宽度。(可能很多人都知道这个问题,但是考虑到很多人可能不知道,我决定写一个教程来帮助大家。)
有同志想问,你的全屏代码和别人的全屏代码有什么区别?
我们都知道淘宝和天猫店铺版本不一样,所以有时候代码也不一样。我的全屏码是天猫和淘宝通用的。而且无论你的内容有多宽,都可以完美的显示在全屏的中央。而且使用起来非常方便。废话少说,言归正传:
I:为什么店里不能有全面屏
同志们有问题要问。有什么问题?以上两种样式是指宽度为750px;溢出。顾名思义,它是放置在自定义模块中的内容。如果宽度超过750,那么超出的部分会被隐藏,自然不能全屏。
二:解决方案
在思考之前,先说一下。想要全屏商店,只能用定位。但淘宝不允许店内商家使用定位(相对定位除外)和负外缘。然后你需要思考如何实现。这里我用双定位把需要全屏的内容移动两次,达到全屏效果。
三:具体实现代码
& ltdiv class = " miseu " style = " height:[height 2]px;"& gt
& ltdiv class = " footer-more-trigger most-footer sn-simple-logo " style = " position:absolute;左:50%;顶:自动;宽度:0;身高:继承;边框:0;填充:0;背景:透明;”& gt
& ltdiv class = " footer-more-trigger most-footer sn-simple-logo " style = " position:absolute;左:-【店铺类型】px;top:[下边距]px;宽度:1920px身高:【身高】px;边框:0px填充:0px背景:透明;”& gt
& ltdiv class = " clear fix J _ TWidget " style = " margin:0 auto;宽度:[width]px;高度:[height]px;"Data-source= "beige官网:www.mgsns.com " >:
[内容]
& lt/div & gt;
& lt/div & gt;
& lt/div & gt;
& lt/div & gt;
参数分析:
[高度2]:[高度]-[下边距]
【店铺类型】:天猫店铺和淘宝专业版此处修改为960。
【下边距】:定制模块之间的距离,天猫和淘宝专业版写10的地方,基础版店铺写20的地方。如果不需要去掉自定义模块之间的距离,写0。
【高度】:需要全屏的内容的整体高度。
【宽度】:需要全屏的内容的整体宽度。
【内容】:这里用你需要全屏的代码来代替整体。
注意:替换时,括号[]也被替换。
IV:扩展指令
虽然写的很清楚,但有些同志可能还是觉得麻烦,所以我特意写了一个在线生成工具,只需要按照说明,添加内容,点击按钮,就可以自动生成需要的代码。工具地址(复制地址在浏览器中打开)
http://www.mgsns.com/portal.php? mod =主题与主题。topicid=7
本教程到此结束。如果以上还有其他问题,可以去代码交流群(群号:101527468)交流学习。