淘宝店铺电脑端首页装修教程 PC端首页全屏海报空白间隙如何去除?

5G时代虽然现在消费者用电脑逛淘宝的的机会越来越少,但是对于很多还想入淘的新卖家来说,PC端装修在他们心中也是至关重要,其实PC端首页装修常见的模块无非就那几个,店招,导航,轮播海报,优惠券,全屏宽图等,其中淘宝pc端全屏海报尺寸宽度1920px,高度随意哈!

当然很多KA商家玩的可能会玩得更花,尤其是在618、双11这样的大促期间,加上各种的特效,比如下雪,雪花、元宝、花瓣等,看着很炫酷,间接增加店铺客户粘度。

今天帮一个做工业设备的朋友装修了一下PC端店铺首页,对于店招、轮播海报等这些网上教程有很多,没太多技巧,就那个方法,我就不赘述了,下面来说一下首页装修遇到的一个问题就是全屏海报之前空白间隙的问题,该如何去除呢?当然网上也是有很多教程的,也有工具可以去除的,但是按照这种方法操作肯定能够去除间隙。

淘宝店铺电脑端首页装修教程 PC端首页全屏海报空白间隙如何去除?

很多首页装修的时候,全屏海报因为看着高端、大气、上档次,因此首页装修都是必不可少的,但是会出现海报与海报之前有空白间隙的问题,这个空白间隙一般是20px,当然,有很多美工装修助手都是可以直接去掉这些空白间隙的,但是几乎所有的装修工具都是收费的,那不借助这些收费的工具该如何去除呢?(最后分享一个免费的)

淘宝店铺电脑端首页装修教程 PC端首页全屏海报空白间隙如何去除?

全屏海报的添加都是通过店铺装修后台左侧栏中基础模块中的自定义区模块添加的,如果大家稍微知道一些div+css的知识,不借助工具直接在DW里面写的话一般都会避免出现海报与海报之间间隙的问题。当然如果添加完海报在预览状态下出现留白间隙的话,很多时候都是借助工具生产的代码才会出现这种情况,出现白色间隙先返回装修页面点击右上角 "装修",进入自定义内容区,显示标题处 选择"不显示",然后点击“源码”,进入源码状态,按下图所示的1和2 两个步骤操作修改源码,可以完美去除海报之间的留白问题。

当然我截图的代码显示的是我这边height:710px, -20px 就是690px, 你的height是多少, 根据情况减20px就可以了。也就是说1和2步骤都是要减掉白色间隙的20px.

淘宝店铺电脑端首页装修教程 PC端首页全屏海报空白间隙如何去除?淘宝店铺电脑端首页装修教程 PC端首页全屏海报空白间隙如何去除?

其实经常搞设计的美工,手里都会有几个经常用到的美工助手工具,而且网上有很多类似 这样的,免费的功能几乎都都能满足日常需要,更会为设计师节省不少时间。在这里就不再分享了哈,以免被误认为有打广告的嫌疑.

装修公司口碑装修公司口碑家装设计装修流程家具产品装修材料公装设计房产知识客厅装修风水装修风格玄关过道卧室书房餐厅厨房阳台花园卫生间儿童房衣帽间别墅小户型二手房装修复式样板间装饰柜新房验收 收费咨询 装修预算 装修合同 施工工艺 业主维权 环保检测 装修公司 完工验收 水电改造 维护保养 其它 家具 卫浴设备 灯具/照明 儿童家具/用品 家用电器 橱柜 厨卫电器 厨房用具 地毯饰品 庭院/花园 暖气设备 家庭影院 壁炉/火炉 天花板/吊顶 床上用品 窗帘/配件 日杂用品 其他 家居生活 婚嫁 夹板木材 地板 涂料/油漆 瓷砖/石材 门窗 五金 壁纸 水龙头 建筑构件 管材管件 其他 办公楼 商场 专卖店 酒店宾馆/客房 餐饮酒吧 歌舞迪厅 休闲健身 体育场馆 会展剧场 博物馆 图书馆 学校医 机场车船站 工厂 公园广场 会所 园林 其他 购房资格 购房税费 委托担保 交易流程 产权产证 购房首付 贷款利率 贷款流程 贷款类型 公积金 商品房 限价房 经适保障房 民房土地 房产政策 合同协议 房屋性质 其他 户型布局 风格设计 软装搭配 装修准备 预算方案 旧房改造 新房装修 合同报价 施工问题 其他

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