今天将通过一个例子来教大家如何利用淘宝专业版店铺的页头和页面背景功能装修出一个大气的店铺。大家可以举一反三,使自己的店铺装修的更华丽。 一:装修准备 在装修之前我们先下载几个素材:页头页尾背景和店招图片。点击下载:素材.rar 模板我们使用官方的”简约时尚模板“,样式管理选择“深蓝色”或者“天蓝色”样式。 二:下面详细说明一下装修步骤 第一步:安装页头和页面背景 打开刚下载的背景图片,在样式管理里分类将图片设置为页头和页面背景,其中页头背景样式设置为横向平铺和居中,页头下边距10px关闭,页面背景样式设置为不平铺和居中。 如下图所示: 安装完了页头和页面背景以后别忘了一定要点击保存。要不然前面的工作就白做了。 第二步:安装店招图片 接下来开始安装店招图片了,返回页面装修,点击店招编辑,然后选择默认招牌,不要使用自定义哦,选择上面下载的店招图片就可以了。 如下图所示: 第三步:安装透明代码(重要) 这是最重要的一步,为什么要安装一段透明的代码呢,这里我们主要是为了在页面上创建一片空白的区域,以显示海报背景。如果没有这段代码的话,你下面装修的其他模块都会直接盖住海报的,那样就实现不了咱们要展现的大气海报了哦。 代码非常简单: <div style="height:820px;"> </div> 透明代码使用方法:我们在导航下面建立一个950的自定义模块,将上面的透明代码放到里面保存就要中以了。代码事的数字为高度,可以根据背景图片的高度来设置,如果有误差,可以一点一点调试。 第四步:安装导航透明CSS代码 这段代码可以根据自己的情况使用,如果您想要导航也要透明的话,需要安装一段导航透明CSS代码。 代码参见此文章:淘宝专业版透明导航背景代码 三:装修效果展示
|