加载中…
正文 字体大小:

利用footer-more-trigger类去除模块间10px间距-C店

(2017-05-14 11:26:40)
我是这样想的,既然footer-more-trigger可以用其样式更改宽度和左右位移形成全屏海报,那么同样也应该可以在样式中使其上移。
于是我经过测试,做到了与上一个模块之间无间隔。
这是代码作用完后的样子,上方的10px变无,其实是整个模块向上移动了。
ok废话不多说,放代码。
  1.  style="height:490px;">
  2.         
     class="footer-more-trigger" style="left:50%;top:auto;">
  3.                 
     class="footer-more-trigger" style="left:-491px;top:-18px;">
  4.                         


  5.                                 利用footer-more-trigger类去除模块间10px间距-C店src="http://img02.taobaocdn.com/imgextra/i2/35818853/T27i.VXcNbXXXXXXXX_!!35818853.jpg" />


  6.                 

  •         
说明:
海报是950x500的,利用footer-more-trigger样式中的top值向上移动模块之后,下方自然会空出10象素,所以在代码的第一行,将高度更改为490,才能完美无缝。如果是第一套模板,这里应该减20.

第三行的top:-18px,为什么不是top:-10px,这个我也不知道,我用的是第二套模板,top:-10px并不能完全贴紧上一个模块,-18就正好,第一套模板和第三套模板,可以自行测试。left:-491px也在是950海报状态下测试出来正好居中的值,如果做超过950的全屏海报,可按照本论坛全屏海报里给出的值做参考。


去除淘宝首页装修,自定义部分,上下间隔20px的代码,代码解释:
class=”bbs-taobaoux-com-nav”  轮播导航列表,设置display:none的作用是隐藏导航区,禁止出现1、2、3这些导航数值;
轮播内容列表,必须定义模块宽度与高度;
style=”width:950px;height:100px;”  模块的宽度与高度,比如你的模块尺寸是950px*500px,那这里就应该改为style=”width:950px;height:480px;”,为什么高度是480了?因为向上移动了20个像素。
top:-20px; 向上移动20个像素,完美去除上下模块之间20像素的空隙。这时,应该还需要加上一个z-index属性,把模块置于顶层,但事实上我们不用多此一举,系统会自动加上这个属性。
以上是第一套模板的修改方法,第二、第三套模板的修改方法稍微有点麻烦。你必须清楚的知道,前面一个模块的高度,比如前面一个模块的高度是500px,那top:-20px就应该改为top:490px;
装修代码如下:



<</span>div class="J_TWidget" data-widget-type="Carousel" data-widget-config="{'contentCls': 'bbs-taobaoux-com-con','navCls': 'bbs-taobaoux-com-nav','effect': 'fade'}">
<</span>div class="bbs-taobaoux-com-con" style="width:950px;height:100px;">
<</span>div style="width:950px;top: -20px;">

</</span>div>
</</span>div>
<</span>div class="bbs-taobaoux-com-nav" style="display:none;"></</span>div>
</</span>div>

0

阅读 评论 收藏 转载 喜欢 打印举报/Report
  • 评论加载中,请稍候...
发评论

    发评论

    以上网友发言只代表其个人观点,不代表新浪网的观点或立场。

      

    新浪BLOG意见反馈留言板 电话:4006900000 提示音后按1键(按当地市话标准计费) 欢迎批评指正

    新浪简介 | About Sina | 广告服务 | 联系我们 | 招聘信息 | 网站律师 | SINA English | 会员注册 | 产品答疑

    新浪公司 版权所有