老y开网店

 找回密码
 立即注册

QQ登录

只需一步,快速开始

微信名称:老y开网店

微 信 号:lakwdian

微信QQ:A8686369

巧妙利用旺铺专业版背景功能装修出大气全屏店铺

2014-9-12 17:50| 发布者: 老y| 查看: 5611| 评论: 13

摘要: 今天将通过一个例子来教大家如何利用淘宝专业版店铺的页头和页面背景功能装修出一个大气的店铺。大家可以举一反三,使自己的店铺装修的更华丽。 一:装修准备 在装修之前我们先下载几个素材:页头页尾背景和店招图 ...
     今天将通过一个例子来教大家如何利用淘宝专业版店铺的页头和页面背景功能装修出一个大气的店铺。大家可以举一反三,使自己的店铺装修的更华丽。
    一:装修准备
    在装修之前我们先下载几个素材:页头页尾背景和店招图片。点击下载:素材.rar
    模板我们使用官方的”简约时尚模板“,样式管理选择“深蓝色”或者“天蓝色”样式。
    二:下面详细说明一下装修步骤
    第一步:安装页头和页面背景
    打开刚下载的背景图片,在样式管理里分类将图片设置为页头和页面背景,其中页头背景样式设置为横向平铺和居中,页头下边距10px关闭,页面背景样式设置为不平铺和居中。
   
    如下图所示:

    

    安装完了页头和页面背景以后别忘了一定要点击保存。要不然前面的工作就白做了。
   第二步:安装店招图片
    接下来开始安装店招图片了,返回页面装修,点击店招编辑,然后选择默认招牌,不要使用自定义哦,选择上面下载的店招图片就可以了。
    如下图所示:

    第三步:安装透明代码(重要)
    这是最重要的一步,为什么要安装一段透明的代码呢,这里我们主要是为了在页面上创建一片空白的区域,以显示海报背景。如果没有这段代码的话,你下面装修的其他模块都会直接盖住海报的,那样就实现不了咱们要展现的大气海报了哦。
    代码非常简单: 
    <div style="height:820px;">&nbsp;</div>
    透明代码使用方法:我们在导航下面建立一个950的自定义模块,将上面的透明代码放到里面保存就要中以了。代码事的数字为高度,可以根据背景图片的高度来设置,如果有误差,可以一点一点调试。    
    第四步:安装导航透明CSS代码
    这段代码可以根据自己的情况使用,如果您想要导航也要透明的话,需要安装一段导航透明CSS代码。
    代码参见此文章:淘宝专业版透明导航背景代码
    三:装修效果展示

      本文来自 老y开网店(http://www.lakwdian.com) 转载请注明出处,关注官方公众号:lakwdian 每天推送淘宝装修技巧、淘宝装修特效模板,淘宝装修教程以及让你尖叫的淘宝运营实操案例、原创干货、超级干货,老y个人微信号:A8686369 每天免费解答、指导。

鲜花
1

握手

雷人

路过

鸡蛋

刚表态过的朋友 (1 人)

发表评论

最新评论

引用 你真有病! 2015-6-10 00:06
你太厉害了!你是怎么做到的呀!
引用 寂寞任性过期爱 2015-6-1 00:01
谢谢楼主,共同发展
引用 用爱温暖阳光 2015-5-9 00:00
真是 收益 匪浅
引用 残爱〆 2015-4-27 00:03
学习了,不错,讲的太有道理了
引用 回憶的美好丶 2015-4-19 00:02
找到好贴不容易,我顶你了,谢了
引用 一条寂寞的鱼 2015-4-12 00:00
这是什么东东啊
引用 奈何桥、寂寞 2015-4-8 00:00
路过,学习下
引用 寡妇的福音 2015-2-20 00:21
楼主说的很详细,细节确实是很多卖家容易忽略的,互相学习,谢谢
引用 心·在流泪 2014-12-21 00:00
相当不错,感谢无私分享精神!
引用 昂贵的点缀。 2014-11-20 11:15
有道理。。。
引用 ⒈⒎过①輩ふ 2014-11-6 00:00
找到好贴不容易,我顶你了,谢了
引用 ㄝ亽菋 2014-11-4 00:01
写的真的很不错
引用 Me神族灬世家 2014-10-29 00:00
不错不错,楼主您辛苦了。。。

查看全部评论(13)

关闭

老y推荐上一条 /1 下一条

返回顶部