首页 网店学院 网店资讯 网店问答 专栏 店铺装修 拼多多入驻 虾皮入驻 推广返佣
    TOP
    甩手网 > 网店学院 > 网店装修 > 装修教程

    页面背景、导航css代码实现华丽装修

    2015-03-24 16:10:32 人气:3890

    说到关于淘宝店铺装修,都是新手卖家们比较头疼的一个问题,不可能所有的卖家都是美工出生吧,我们都想要装修出跟那些大店一样的装修,可是却觉得有力使不出的感觉。其实淘宝店铺装修并不是那么的复杂,只要你用心多看些装修教程,很简单就能做好的你的网店装修,提高顾客信任度,第一印象、转化率等等。今天我们就来讲,关于我们平常看到的些大店是如何装修出“高大上且华丽”的店铺。

    如何利用页头和页面背景、导航css代码实现华丽店铺装修?

    1、装修准备

    在装修之前我们需要先去网上下载几个素材:页头页尾背景和店招图片。

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

    2、装修步骤

    1)安装页头和页面背景

    打开刚下载的背景图片,在样式管理里分类将图片设置为页头和页面背景,其中页头背景样式设置为横向平铺和居中,页头下边距10px关闭,页面背景样式设置为不平铺和居中。

    如下图所示:

    页面背景、导航css代码实现华丽装修

    页面背景、导航css代码实现华丽装修 2

    安装完了页头和页面背景以后别忘了一定要点击保存。要不然前面的工作就白做了。

    2)安装店招图片

    接下来开始安装店招图片了,返回页面装修,点击店招编辑,然后选择默认招牌,不要使用自定义哦,选择上面下载的店招图片就可以了。

    如下图所示:

    页面背景、导航css代码实现华丽装修3

    3)安装透明代码(重要)

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

    代码非常简单:

    <div style="height:820px;">&nbsp;</div>

    透明代码使用方法:我们在导航下面建立一个950的自定义模块,将上面的透明代码放到里面保存就要中以了。代码事的数字为高度,可以根据背景图片的高度来设置,如果有误差,可以一点一点调试。

    4)安装导航透明CSS代码

    这段代码可以根据自己的情况使用,如果您想要导航也要透明的话,需要安装一段导航透明CSS代码

    3、装修效果展示

    页面背景、导航css代码实现华丽装修 4

    *本站部分文字及图片均来自于网络,如侵犯到您的权益,请及时通知我们删除。联系信息:甩手网
    关注微信
    淘宝店铺装修

    淘宝店铺装修

    网店装修对于卖家来说就是通往销量的门,核心在于促进交易的进行。 良好的店铺装修能够给买家很直观的视觉体验和心理作用,进一步获得更优质的客户源和转化率,是我们经营店铺的一大利器。本专题让你能够学到从新手到...

    详情>>
    淘宝实用工具
    关于甩手软件     |     关于我们     |     联系我们     |     服务条款     |     隐私协议     |     用户权限     |     站点地图     |     帮助中心

    甩手客户服务

    • 甩手问答
    • 在线客服:企业QQ 800055007
    • 白班咨询电话(9:00-18:00):
      0755-26470437/26470392
      晚班咨询电话(18:00-22:00):
      18926581976/18926585976
    • 客服上班时间:
      周一至周五9:00--22:00,周末9:00--17:00
      (除法定节日以外,其他不在线时间请留言,
      我们看到后会第一时间回复您!)
    • 甩手网投诉电话:0755-26470437/26470392转621

    关注公众号

    Copyright ©2010-2020 深圳市华通易点信息技术有限公司 - 甩手网 All Rights Reserved.[粤ICP备12028137号]

    粤公网安备 44030502000916号

    关闭
    在线客服
    投诉建议