淘宝美工论坛

 找回密码
 立即注册

QQ登录

只需一步,快速开始

查看: 8666|回复: 14
收起左侧

【平哥分享】2015新旺铺店招及导航通栏装修教程

[复制链接]
  • TA的每日心情
    加油
    2016-10-17 17:39
  • 签到天数: 129 天

    连续签到: 1 天

    [LV.7]炉火纯青

    44

    主题

    401

    帖子

    2万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    23325

    QQ
    发表于 2015-4-3 18:29:17 | 显示全部楼层 |阅读模式
    本帖最后由 Rain 于 2015-4-6 09:55 编辑

    2015年新旺铺页头通栏装修教程

    页头通栏包含店招和导航,准备好相应素材,可以分三步装修成通栏
    1、店招部分:尺寸为:950*120像素
    2、页头背景:尺寸为:1920*150像素,文件小于200K
    3、导航栏CSS代码改导航条颜色

    首先准备页头通栏1920*150的尺寸,方法如下,在PS里面新建两条垂直参考线,第一条485PX,第二条1435PX;再建立一条水平参考线120PX,如下图:
    然后把整个页头背景存储为WEB所用格式,注意文件小于200K,尺寸为1920*150像素

    在把店招部分给裁剪保存下来,尺寸为950*120像素,如下图:
    准备好以后,就可以去店铺进行装修页头通栏了,方法如下:

    第一步:店招安装(尺寸为:950*120像素),见下图:
    进入店铺装修后台,店招部分,编辑,选择自定义店铺招牌,然后插入准备好的店招(尺寸为:950*120像素)
    (备注,如果需要加多个链接,可以采用切片或者热点来加店招链接,具体可以看之前发的教程,点击查看

    第二步:页头背景安装(尺寸为:1920*150像素,文件小于200K),见下图:
    左侧-->页头,然后更换页头背景图,背景显示:不平铺;背景对齐:居中;应用到所有页面;页头下边距10像素:关闭。
    注意,必须是旺铺专业版才能更换页头背景图片,如果不是专业版,新旺铺可以免费升级专业版,点击查看教程

    第三步:导航栏CSS代码改导航条颜色

    在PS里面将导航条中的颜色CMYK值查出来,如下图,值为:9c6218
    打开免费在线生成导航栏CSS代码网页:http://www.taoour.com/tbzx/navigationBar_css/navigationBar_css.html
    替换下面红框几个部分,注意保留#号,其他地方也可以根据自己实际需要修改,可以在线预览先看效果
    生成代码并复制
    到店铺装修后台,导航栏位置,点击编辑按钮
    点击显示设置,将生成的导航栏CSS代码复制到这里
    发布预览,大功告成!





    评分

    参与人数 1美工币 -1 收起 理由
    Rain -1 涉及广告

    查看全部评分

    平哥,淘宝大学讲师,公众微信号:taoour
    官方旗舰店:http://zp350.taobao.com
  • TA的每日心情
    臭美
    2016-6-2 11:53
  • 签到天数: 145 天

    连续签到: 1 天

    [LV.7]炉火纯青

    6

    主题

    171

    帖子

    2万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    27657

    QQ
    发表于 2015-4-3 21:42:57 | 显示全部楼层
    给楼主顶顶
    来自安卓客户端来自安卓客户端
  • TA的每日心情
    抱抱
    2016-7-25 07:05
  • 签到天数: 950 天

    连续签到: 3 天

    [LV.10]功行圆满

    0

    主题

    466

    帖子

    15万

    积分

    高级会员

    阅读权限: 50

    Rank: 8Rank: 8

    积分
    156301

    发表于 2015-4-4 09:10:04 | 显示全部楼层
    谢谢,学习学习。

    《论坛帮助文档》有什么问题来这里看看吧,这里有你想知道的内容!


    淘宝美工论坛-汇聚淘宝美工高端人才,建设淘宝美工人才基地。请认准论坛唯一网址:www.taobaoux.com

  • TA的每日心情
    心跳
    2015-9-25 10:21
  • 签到天数: 21 天

    连续签到: 1 天

    [LV.4]初窥堂奥

    1

    主题

    58

    帖子

    4153

    积分

    注册会员

    阅读权限: 20

    Rank: 2

    积分
    4153

    发表于 2015-4-4 11:51:30 | 显示全部楼层
    学习了,想问下怎样才能实现首页全屏,设计了一张1920*550的图,但是上传后只能显示950*550  两边改变不了,新新手,求解~

    《论坛帮助文档》有什么问题来这里看看吧,这里有你想知道的内容!


    淘宝美工论坛-汇聚淘宝美工高端人才,建设淘宝美工人才基地。请认准论坛唯一网址:www.taobaoux.com

  • TA的每日心情
    加油
    2016-10-17 17:39
  • 签到天数: 129 天

    连续签到: 1 天

    [LV.7]炉火纯青

    44

    主题

    401

    帖子

    2万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    23325

    QQ
     楼主| 发表于 2015-4-9 16:06:51 | 显示全部楼层
    Sakura晏白 发表于 2015-4-4 11:51
    学习了,想问下怎样才能实现首页全屏,设计了一张1920*550的图,但是上传后只能显示950*550  两边改变不了 ...

    需要用全屏代码,可以使用在线生成全屏的工具,这个网站就有,如果没有可以百度搜索

    平哥,淘宝大学讲师,公众微信号:taoour
    官方旗舰店:http://zp350.taobao.com
  • TA的每日心情
    臭美
    2016-6-11 12:07
  • 签到天数: 100 天

    连续签到: 1 天

    [LV.6]渐入佳境

    14

    主题

    376

    帖子

    1万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    19366

    天猫美工最佳新人热心会员

    QQ
    发表于 2015-4-9 17:27:13 | 显示全部楼层
    亲,想问一下,我有一个老店是估充值的,现在想做待产。云南这边的。我不想搞旺铺,但是想装修一下你的那个教程。我可以用上吗
    我是小小小白的,希望能在这儿得到帮助!
    有你就会幸福。
  • TA的每日心情
    思考
    2015-9-25 23:37
  • 签到天数: 61 天

    连续签到: 7 天

    [LV.6]渐入佳境

    10

    主题

    101

    帖子

    8128

    积分

    注册会员

    阅读权限: 20

    Rank: 2

    积分
    8128

    发表于 2015-4-14 11:10:38 | 显示全部楼层
    谢谢了,先收藏

    《论坛帮助文档》有什么问题来这里看看吧,这里有你想知道的内容!


    淘宝美工论坛-汇聚淘宝美工高端人才,建设淘宝美工人才基地。请认准论坛唯一网址:www.taobaoux.com

  • TA的每日心情
    加油
    2016-10-17 17:39
  • 签到天数: 129 天

    连续签到: 1 天

    [LV.7]炉火纯青

    44

    主题

    401

    帖子

    2万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    23325

    QQ
     楼主| 发表于 2015-4-15 21:36:42 | 显示全部楼层
    怕瓦落地 发表于 2015-4-9 17:27
    亲,想问一下,我有一个老店是估充值的,现在想做待产。云南这边的。我不想搞旺铺,但是想装修一下你的那个 ...

    可以用的上的
    平哥,淘宝大学讲师,公众微信号:taoour
    官方旗舰店:http://zp350.taobao.com
  • TA的每日心情
    抱抱
    2016-9-15 11:03
  • 签到天数: 127 天

    连续签到: 1 天

    [LV.7]炉火纯青

    1

    主题

    28

    帖子

    2万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    24226

    最佳新人

    发表于 2015-4-17 19:40:22 | 显示全部楼层
    学习了,分享一下。
    我的选择,我认定……
  • TA的每日心情
    抱抱
    2016-9-15 11:03
  • 签到天数: 127 天

    连续签到: 1 天

    [LV.7]炉火纯青

    1

    主题

    28

    帖子

    2万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    24226

    最佳新人

    发表于 2015-4-17 19:41:56 | 显示全部楼层
    谢谢分享哦。
    我的选择,我认定……
    您需要登录后才可以回帖 登录 | 立即注册

    本版积分规则

    小黑屋|Archiver|手机版|粤公网安备44060502000322号|淘宝美工论坛 ( 桂ICP备12007265号-8 )  

    GMT+8, 2016-12-8 12:11 , Processed in 0.139025 second(s), 25 queries , Gzip On, Memcache On.

    Powered by Discuz! X3.2

    © 2001-2013 Comsenz Inc.

    快速回复 返回顶部 返回列表