350装修平台已服务318多万家 淘宝店装修,拥有25万多个 350代理, 今日已售488 套模板 客户端下载 350教程论坛 350后台登陆 咨询邮箱 咨询邮箱:350@seo-lv.com 350模板官方微博 350模板微信
利用背景装修大气网店(绿色金秋风格)
发表日期:2015-06-23 11:05   文章编辑:350模板官网小编    浏览次数:
 
 
 

 以前,我们网店装修网发布了一个教程:新旺铺教程:利用背景装出一个大气网店,这个教程装修的店铺是蓝色春天版。

转眼已经到了秋天了,大家的店铺是否也该换换样子了?下面我们教大家如何利用专业版淘宝店铺背景功能装修出一个绿色秋季风格的大气店铺来。

一:装修准备

点击下载背景和店招图片素材

将图片素材下载以后解压到您的电脑桌面。

模板选择”简约时尚官方模板“,样式管理选择“深蓝色”或者“天蓝色”样式。

二:装修步骤

1:安装页头和页面背景

将上面解压的图片素材中的背景图片,分别上传到页头背景和页面背景中(注意:两个都要传而且上传同一个素材。)

其中页头背景的设置为背景显示:横向平铺,背景对齐:居中

如下图所示:

页面背景的设置为背景显示:不平铺  背景对齐:居中
如下图所示:
安装完了页头和页面背景以后注意都要点击保存。

2:安装店招图片

接下来开始安装店招图片了,返回页面装修,点击店招编辑,然后选择默认招牌,在背景图里选择我们上面解压的店招图片,上传并插入即可。

如下图所示:

3:安装透明代码

为什么要安装一段透明的代码呢,这里我们主要是为了在页面上创建一片空白的区域,以显示海报背景。如果没有这段代码的话,你下面装修的其他模块都会直接盖住海报的,那样就实现不了咱们要展现的大气海报了哦。

代码非常简单:<div style="height:820px;">&nbsp;</div>

注意:①你需要在导航下方创建一个空白的通栏自定义,直接将上面灰色背景的代码复制进去就可以了。

          ②代码中的820代表的是高度值,您可以根据自己的喜好调节空白需要展示的高度大小。宽度是固定的,不需要调整。

4:安装导航透明CSS代码

如果您想要导航也要透明的话,需要安装一段导航透明CSS代码。

代码参见此文章:淘宝新旺铺透明导航背景代码

三:装修效果展示

绿色金秋风格,希望大家喜欢。特别适合于干果食品类的淘宝店铺哦。


店铺模板

350店铺模板

查看模板 注册领取

手机模板

350手机模板

查看模板 注册领取

详情模板

350详情模板

查看模板 注册领取

免费领取

海报模板

350海报模板

在线设计

购买/价格

工具

350更多工具

350主图视频 更多工具
标签:    
如没特殊注明,文章均为350模板官网原创,转载请注明来自http://www.seo-lv.com//zxzs/209.html
相关文章推荐