淘宝天猫万能居中全屏代码

天猫,专业版,基础版均能实现完美的居中全屏

提示:全屏代码经过优化了,天猫,淘宝店通用,在使用过程中,如果发现不是居中全屏的,就是 left:-960px; 这个数值出现问题了

1
2
3
4
<div class="www-wm90-com" style="height: 高度px;" data-source="wm90">
<div class="footer-more-trigger most-footer cloud-footer sn-simple-logo" style="position: absolute; left: 50%; top: auto; width: 0; height: inherit; border: 0; padding: 0; background-color: transparent; display: block; overflow: visible;">
<div class="footer-more-trigger most-footer cloud-footer sn-simple-logo" style="position: absolute; left: -960px; top: 0px; width: 1920px; height: 高度px; border: 0px; padding: 0px; display: block; overflow: hidden; background-color: transparent;">
<div class="clearfix J_TWidget" style="margin: 0 auto; width: 宽度px; height: 高度px; overflow: hidden;" data-source="wm90">

<!–提示这里替换成你需要全屏的代码–>


代码说明:

  1. 代码中 灰色文字 是经过处理过的,就算放进淘宝店,也不会显示
  2. 代码中 红色文字 是代表模块高度,就比如你海报高度300px,那么红色文字就改成300就可以
  3. 代码中 蓝色文字 是代表模块宽度,就比如你海报宽度1920px,那么蓝色文字改成1920就可以

使用方法:

  1. 把你需要全屏的代码,替换代码中【<!–提示这里替换成你需要全屏的代码–>】部分,然后修改代码中 【高度】比如你的海报高度300px  那就修改代码中 高度  为 300 【height:300px;】宽度也是同理
  2. 天猫商城和淘宝专业版的话,代码中 绿色的left 数值不需要改变
  3. 淘宝基础版的话,建议在右侧750布局中新建自定义模块,然后修改全屏代码中 绿色文字  left:-1060px; 吧 960修改成1060即可

发表评论

电子邮件地址不会被公开。 必填项已用*标注