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

    固定背景装修细节处理技巧

    2015-06-10 15:18:39 人气:3412

    装修店铺很多人比较在意店铺的总体感觉,以及宝贝详情的描述如设计,而忽略了一些小细节,在店铺装修中我们如果能够把握好其中的细节和窍门,那么店铺就会给买家与众不同的感觉。今天小编要讲的内容就是有关固定背景的细节优化这方面,学会了肯定能给店铺增加不好光彩。

    固定背景指的是将店铺的首页往下拉的时,两侧的背景会跟随着往下移动,但是两边的活动信息什么的都会不见,很多不熟悉店铺装修的卖家都没有优化这方面的细节,如果固定背景装修好了的话,不管如何拉动页面,页面都是可以让我们两边的活动信息、二维码等展示给买家看到,如果需要这个效果的话一般就需要通过代码来实现了。固定背景效果,如图:

    1.固定背景代码

    body{background:url(图片地址)no-repeatcenter;background-attachment:fixed;}

    2.样式详解

    body就是整个页面的基本元素,也是最外面的一个HTML标签;

    background为背景样式,url里的是背景图片地址,no-repeat说明图片不平铺,center则是图片居中;background-attachment是最重要的,规定背景图片是固定还是滚动,这里的设置是当页面的其它部分滚动时背景画面不移动。

    3.固定背景装修处理技巧

    固定背景的图片要在前期上传到图片空间,建议使用1920PX宽度的大图,因为中间950PX被店铺主页面挡住了,无法显示。

    打开店铺装修,点击导航栏区域的编辑按钮,选择显示设置,复制代码进入即可。小编提醒:如果导航栏有css自定义代码,需要回车后直接加载代码后面。

    另外还要注意的是:店铺背景设置中的颜色和图片要取消,如上图显示,不然将会覆盖刚才的样式设置,看不到效果。

    我想还是有很多店长忽略了这个小细节呢,现在开始学也不晚,这个地方做好了确实可以给你的店铺增色不少。在这个越来越激烈的淘宝行业里,你必须标新立异,有独树一帜的想法,才可以在众多竞争者中取得优胜,所以伙伴们赶紧行动起来吧!

    *本站部分文字及图片均来自于网络,如侵犯到您的权益,请及时通知我们删除。联系信息:甩手网
    关注微信
    关于甩手软件     |     关于我们     |     联系我们     |     服务条款     |     隐私协议     |     用户权限     |     站点地图     |     帮助中心

    甩手客户服务

    • 甩手问答
    • 在线客服:企业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号

    关闭
    在线客服
    投诉建议