淘宝店铺装修全屏代码(米色全方位剖析淘宝/天猫店铺全屏代码)

装修过淘宝或者天猫店铺的同志,肯定会遇到一个很尴尬的问题,就是本地写的代码放在店里无法全屏显示,只能显示950或者990像素宽度。(可能很多人都知道这个问题,但是考虑到很多人可能不知道,我决定写一个教程来帮助大家。)

有同志想问,你的全屏代码和别人的全屏代码有什么区别?

我们都知道淘宝和天猫店铺版本不一样,所以有时候代码也不一样。我的全屏码是天猫和淘宝通用的。而且无论你的内容有多宽,都可以完美的显示在全屏的中央。而且使用起来非常方便。废话少说,言归正传:

I:为什么店里不能有全面屏



从上面的代码可以看出,自定义模块框架里有一个叫skin-box-bd的哥们,有两种样式宽度:750px溢出:隐藏;

同志们有问题要问。有什么问题?以上两种样式是指宽度为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)交流学习。

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

使用微信扫描二维码后

点击右上角发送给好友