利用背景装修大气网店(绿色金秋风格)
发表日期:2015-06-23 11:05 文章编辑:350模板官网小编 浏览次数:
以前,我们网店装修网发布了一个教程:新旺铺教程:利用背景装出一个大气网店,这个教程装修的店铺是蓝色春天版。 转眼已经到了秋天了,大家的店铺是否也该换换样子了?下面我们教大家如何利用专业版淘宝店铺背景功能装修出一个绿色秋季风格的大气店铺来。 一:装修准备
将图片素材下载以后解压到您的电脑桌面。 模板选择”简约时尚官方模板“,样式管理选择“深蓝色”或者“天蓝色”样式。 二:装修步骤1:安装页头和页面背景将上面解压的图片素材中的背景图片,分别上传到页头背景和页面背景中(注意:两个都要传而且上传同一个素材。) 其中页头背景的设置为背景显示:横向平铺,背景对齐:居中 如下图所示: ![]()
页面背景的设置为背景显示:不平铺 背景对齐:居中
如下图所示:
![]()
安装完了页头和页面背景以后注意都要点击保存。
2:安装店招图片接下来开始安装店招图片了,返回页面装修,点击店招编辑,然后选择默认招牌,在背景图里选择我们上面解压的店招图片,上传并插入即可。 如下图所示: ![]() 3:安装透明代码为什么要安装一段透明的代码呢,这里我们主要是为了在页面上创建一片空白的区域,以显示海报背景。如果没有这段代码的话,你下面装修的其他模块都会直接盖住海报的,那样就实现不了咱们要展现的大气海报了哦。 代码非常简单:<div style="height:820px;"> </div> 注意:①你需要在导航下方创建一个空白的通栏自定义,直接将上面灰色背景的代码复制进去就可以了。 ②代码中的820代表的是高度值,您可以根据自己的喜好调节空白需要展示的高度大小。宽度是固定的,不需要调整。 4:安装导航透明CSS代码如果您想要导航也要透明的话,需要安装一段导航透明CSS代码。 代码参见此文章:淘宝新旺铺透明导航背景代码 三:装修效果展示![]()
绿色金秋风格,希望大家喜欢。特别适合于干果食品类的淘宝店铺哦。
|
标签:
如没特殊注明,文章均为350模板官网原创,转载请注明来自http://www.seo-lv.com//zxzs/209.html