手机
当前位置:查字典教程网 >电子商务 >淘宝店铺装修 >装修技巧:轻松除去自定义模块的空白间隙
装修技巧:轻松除去自定义模块的空白间隙
摘要:淘宝店铺装修是每一个新手开店都需要经历的过程,即便大部分人都是直接请人装修的,但是最起码我们店主需要懂的些基础的修改技巧。在我们新手装修时其...

淘宝店铺装修是每一个新手开店都需要经历的过程,即便大部分人都是直接请人装修的,但是最起码我们店主需要懂的些基础的修改技巧。

在我们新手装修时其实是会遇到很多的问题,其中如:自定义模板的时候会出现空隙,那又该怎么办。需要怎样才能去除这自定义模板的空白间隙。下面我们来看看自己是如何动手解决的:

例如:


<div style="height:200px;">
<div style="margin:0 auto;width:950px;height:200px;">
<a target="_blank"><img src="h/imgextra/i4/853427377/TB2toEmaXXXXXXpXXXXXXXXXXXX_!!853427377.jpg" /></a>
</div>
</div>

修改后:

<div style="height:180px;">
<div class="footer-more-trigger" style="margin:0 auto;width:950px;height:200px;top:-20px;left:auto;padding:0;border:none;">
<a target="_blank"><img src="/imgextra/i4/853427377/TB2toEmaXXXXXXpXXXXXXXXXXXX_!!853427377.jpg" /></a>
</div>
</div>

注释:

装修技巧:轻松除去自定义模块的空白间隙1

淘宝如何去除自定义模块的空白间隙?

我们可以很清楚的看到红框中的就是修改和增加的部分,原来自定义模块的高度是200px,我们需要减掉20px,200-20=180,这个根据你们的实际尺寸来减。

另外增加一个css样式:class="footer-more-trigger" 这个是淘宝自带样式,作用于模块的定位

再加上一段控制模块属性的代码:top:-20px;left:auto;padding:0;border:none;,这段代码加到style=""内,假如有些人的代码是<div>这种类型,那么就要增加为:<div class="footer-more-trigger" style="top:-20px;left:auto;padding:0;border:none;" >

top:-20px 是让模块向上移动20像素,所以上面提到为什么要减掉20px就是这个原因

left:auto; 是让模块自动向左

padding:0; 是防止一些浏览器自带padding的间距

border:none; 是防止一些浏览器自带边框。

【装修技巧:轻松除去自定义模块的空白间隙】相关文章:

四个装修小技巧让店铺首页变得高大上

你会用啥软件来制作淘宝宝贝的详情页

手淘服装店铺主图装修技巧分享

淘宝店铺装修:高转化率的详情页设计如何做到?

学会网店装修技巧 提高店铺转化率

淘宝装修:淘宝默认模板应用及模板备份与还原

网店自己免费装修照样打造出更精致的店铺

淘宝新旺铺装修教程:如何添加“客服中心”模块

淘宝装修教程之编辑免费模板中的图片

淘宝店铺装修最基础的教程

精品推荐
分类导航