淘宝基础版淘宝怎么去掉模块间隙店招与海报之间的间隙?

来源：蜘蛛抓取(WebSpider) 时间：2016-09-30 01:35 标签： 淘宝全屏海报去除间隙
淘宝装修，店招和海报之间的间隙怎么消除？_百度知道淘宝店铺装修教程 >
摘要：大部分店长在装修时可能会遇到这样一个问题：淘宝店铺模块之间如何去掉两个模块之间的间隙？特别是我们在将设计好的大幅版面分段切割好，想放在不同自定义模块里面，这时我们需要想办法消除自定义模块之间的间隙了。 淘宝、天猫店铺模块间隙是10px，只要掌握一点简单代码就可以解决这个问题。...
&&&&& 大部分店长在装修时可能会遇到这样一个问题：淘宝店铺模块之间如何去掉两个模块之间的间隙？特别是我们在将设计好的大幅版面分段切割好，想放在不同自定义模块里面，这时我们需要想办法消除自定义模块之间的间隙了。
&&&&& 淘宝、天猫店铺模块间隙是10px，只要掌握一点简单代码就可以解决这个问题。装修宅提醒，目前消除模块间隙只能限于两个自定义的模块，如果是官方的图片轮播、搜索店内宝贝、宝贝推荐等模块就无法与上一个模块消除10PX间隙了。
官方模块之间默认有10像素间隙，如上图。
一般情况下，两个自定义模块发布后，都会有如上图的间隙。
使用如下代码，消除店铺自定义模块之间的10PX间隙：
&div style=&height:344px;width:1920px;&&
&div class=&footer-more- trigger& style=&width:1920height:364px;left:top:margin:0;padding:0;border:0;&&
&div class=&footer-more-trigger& style=&left:-485top:-20px;margin:0;padding:0;border:0;&&
&a href=&/item.htm?spm=a1z10.3.w895.23.tiev41&id=&scene=taobao_shop& target=&_blank&&&img src=&/imgextra/i4//T2qK7RXjRaXXXXXXXX-.jpg& /&&/a&&/div&
说明：这张图片上364像素高，模块之间间隙是10PX，两个模块间隙就是20PX，所以，修改代码&div class=&footer-more-trigger& style=&left:-485top:-20margin:0;padding:0;border:0;&&，中的top:-20PX（主要修改这个参数，-30，-40自己可以试试调节）,天猫一般是-10PX，根据实际情况，有的是-10PX，有的需要是-20px,
然后再修改&div style=&height:344width:1920&&，把原本高度为height:364PX;，修改为height:344
绿色的代码就是要替换的代码，这段代码可以是一张图片，也可以是一个版面的切割图代码。例如，使用ps切割之后，会有一个html文件的，将里面的代码替换到上面的绿色代码中（&body&...&/body&之间的代码）。最后记得修改&div style=&height:344width:1920&&这里的高度。不明白可以联系站长，我有空可以教你如何修改！
使用上面的代码，实现消除自定义模块间的10像素间隙！
收集改动或原创丨 | 转载 请标明出处
本文原地址：
本文标签：
淘宝店铺装修教程/03-14
淘宝店铺装修教程/06-16
淘宝店铺装修教程/12-11
淘宝店铺装修教程/02-11
淘宝店铺装修教程/03-08
淘宝店铺装修教程/12-13
评论列表（网友评论仅供网友表达个人看法，并不表明本站同意其观点或证实其描述）
这个更C刺j激，A 片：htTP://uVU.Cc/ijW7
精彩大片你懂，htTP://uVU.Cc/ijW6
这个更刺j激，准备好手纸哦 A 片。。 hTTp://T.CN/RcLNTFM
万 部 A 片高清 国产日韩 hTTp://T.cN/RtswVdh
万 部 A 片高清 国产日韩 hTTp://T.CN/RtdW3KQ
请问如果是 切片的自定义怎么实现这种效果
自带模块的空白不能消除
太感谢分享者了。。看了上面的和回复网友的问题，看懂了，很好的人儿。。[亲亲]
我用了这个代码，可是第二个自定义模块的连接都没有了
深海宏添企业
这个代码到底怎么放，放哪里看不懂，很受伤[生病][泪]
在创建/编辑风格里面有一个下边距10像素可以勾选去掉的
我也是按照这么做的，间隔是可以去掉了，可是歪了我就不说了，但是问题是，它下面的都不显示了，现在想把那个主图视频给删了都找不到，
为什么我弄不了呢？加我Q吧，
按照你的代码，把下面的全部弄好了。就差一个店招，不知道怎么下手！
我就想问店招怎么弄？你这个代码用在店招上面没有用啊！能不能说一下
我不是经常都在线，你在网站底部点击“联系站长”给我留言吧，我有空都可以帮你解决~
我直接新建了一个自定义模块，把你的上述代码全部复制进去，可以看到那张红色的图，但是我把这个模块往下移，模块是下去了，但这张红色的图还是在
自定义模块的~例如你切割的图片代码，就喜欢这段代码a href= /item.htm?spm=a1z10.3.w895.23.tiev41id=scene=taobao_shop target=_blankimg s
代码放在什么位置 是在导航显示区还是放到每一个自定义模块呢！
歪妖内涵网
网站不错很漂亮，欢迎互访！
left:-485px 哪里来的？
是的，所以下个自定义模块设置需要之前基础上多10像素
这样是可以消除，但是间隙会加到下两个模块之前，也就是说本来这个间隙是10，你用这个方法去掉了，下两个模块的间隙就是20了
修改这个值left:-485px
按亲提供的方法做了，是可以消除模块之间的间隙，但是显示不全，往左边靠。
谢谢辛苦了，对我们不懂代码的来说，很值得看~
弄得这么复杂有个p用 明明一条代码的事
淘宝店铺装修教程淘宝店铺全屏海报与导航条上面的间隙如何去掉啊？急啊！_百度知道查看: 8363|回复: 5
基础版怎么去掉全屏海报和自定义内容区之间缝隙
TA的每日心情思考 08:14签到天数: 3 天连续签到: 1 天[LV.2]登堂入室主题帖子积分
阅读权限: 20
注册会员, 积分 9765, 距离下一级还需 235 积分
注册会员, 积分 9765, 距离下一级还需 235 积分
基础版怎么去掉全屏海报和自定义内容区之间缝隙
(9.48 KB, 下载次数: 283)
13:28 上传
淘宝美工论坛－汇聚淘宝美工高端人才，建设淘宝美工人才基地。请认准论坛唯一网址：
TA的每日心情不爽 13:39签到天数: 138 天连续签到: 1 天[LV.7]炉火纯青主题帖子积分
阅读权限: 30
中级会员, 积分 30142, 距离下一级还需 69858 积分
中级会员, 积分 30142, 距离下一级还需 69858 积分
论坛里有&&具体忘记了&&你找找&&左上角搜索一下 ，貌似是top:-20
我不生产水，我只是互联网的搬运工！
我不是雷锋，请叫我红领巾！
TA的每日心情心跳 19:45签到天数: 71 天连续签到: 1 天[LV.6]渐入佳境主题帖子积分
阅读权限: 30
中级会员, 积分 14677, 距离下一级还需 85323 积分
中级会员, 积分 14677, 距离下一级还需 85323 积分
淘宝装修 就上淘宝美工/?action=show&id=287
TA的每日心情思考 18:45签到天数: 49 天连续签到: 1 天[LV.5]略有小成主题帖子积分
阅读权限: 30
中级会员, 积分 27134, 距离下一级还需 72866 积分
中级会员, 积分 27134, 距离下一级还需 72866 积分
向上平移20个像素 top:-20；
淘宝美工论坛－汇聚淘宝美工高端人才，建设淘宝美工人才基地。请认准论坛唯一网址：
TA的每日心情思考 08:14签到天数: 3 天连续签到: 1 天[LV.2]登堂入室主题帖子积分
阅读权限: 20
注册会员, 积分 9765, 距离下一级还需 235 积分
注册会员, 积分 9765, 距离下一级还需 235 积分
谢谢大家& &试试看
淘宝美工论坛－汇聚淘宝美工高端人才，建设淘宝美工人才基地。请认准论坛唯一网址：
TA的每日心情抱抱 12:28签到天数: 227 天连续签到: 1 天[LV.7]炉火纯青主题帖子积分
阅读权限: 30
中级会员, 积分 47947, 距离下一级还需 52053 积分
中级会员, 积分 47947, 距离下一级还需 52053 积分
做美工.需要把自己逼疯.然后转辗反侧,MB,继续新一天的美工生活
任职天猫商城美工! 注意：申请此勋章，需先通过淘宝美工认证！
注册账号后积极发帖的会员
经常帮助其他会员答疑
积极宣传本站，为本站带来更多的用户访问量
Powered byyou have been blocked

我要回帖

更多关于 淘宝全屏海报去除间隙 的文章

 

随机推荐