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

    全屏海报和固定背景制作方法

    2015-05-07 11:17:53 人气:3974

    淘宝店铺怎么样装修才是最吸引眼球,最适合买家浏览的呢?

    相信很多卖家为此都是费尽心思的去装修好自己的店铺,甚至找些专业人员来设计店铺的装修,毕竟自身能力有限,不能兼顾美工和代码,如今淘宝上一般的店铺装修都是通过代码来做的,比如全屏海报,导航CSS等等都可以通过自定义代码来装修的更有特色,淘宝现在竞争越来越大,千遍一律的店铺只会被逐渐淘汰。

    因此我们要学习着自己去装修,下面我就来说说如何做全屏海报和固定背景?

    1.准备工作

    1)C店全屏海报图(1920*630像素)

    2)天猫店(中间要裁990的内容区域,淘宝C店内容区域是950像素)

    2.开始装修全屏海报

    把我们裁好的图片上传到图片空间,然后复制图片链接,回到店铺装修,在导航下边添加一个自定义模板,把图插进去,这样你就有了一个990的海报,现在还不是全屏的。

    如何制作出全屏的海报呢?

    3.找到装修-样式管理

    4.然后找到背景设置

    5.页面设置

    6.回到你的PS把你做好的海报原封不动的打开。

    把海报上边加150像素的高度,因为店招和导航是150像素,如果不加这150像素,店招就会挡住你的背景图片,怎么加150像素?PS最上边第三个有一个图像→画布大小。宽度不变,把高度加150像素,小编这里高是630像素的所以加150像素就是780像素。

    做好之后就是这个效果(为更好地区分,我把上边填充的黄色)

    7.首先页面背景图片大小要在200K以内,所以现在这个图肯定会大于200K,为了更好更流畅的让客户浏览页面,我们要对图片稍作处理,我们之前已经上传了一张990像素的内容区域(C店950)的图片,所以海报中间990就可以不要,所以就把内容区域990像素填充成白色(C店950),再去保存,大小就会在200K以内了。

    8.然后直接在页面设置里把背景图片添加进去,不需要上传图片空间。

    9.背景显示选择不平铺,背景对齐选择居中对齐。然后保存预览即可。

    10.固定背景方法:

    body{background:url(图片地址) no-repeat fixed center top transparent;}

    1)把背景图片链接换掉即可

    2)把这段代码放到淘宝模板自带的导航里。

    3)最后全屏海报和固定就搞定了。

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

    淘宝店铺装修

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

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

    甩手客户服务

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

    关闭
    在线客服
    投诉建议