淘宝美工论坛

 找回密码
 立即注册

QQ登录

只需一步,快速开始

查看: 3167|回复: 8
收起左侧

【平哥分享】在线生成导航栏CSS代码制作页头店招通栏教程

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

    连续签到: 1 天

    [LV.7]炉火纯青

    44

    主题

    401

    帖子

    2万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    23325

    QQ
    发表于 2015-2-28 18:33:47 | 显示全部楼层 |阅读模式
    大家好我是平哥,今天教大家通过修改导航栏CSS代码实现页头店招和导航通栏

    导航条代码不需要大家自己去写,可以直接在线生成!

    首先,看下做成后的效果图(实际比这个好看多了)



    第一步,替换店招导航栏通栏背景图片,准备一张高为150PX,宽度自定义(最好是10PX左右)的图片,如下图,这个图片分为上下,上面跟你的店招背景一样,高度为120PX,下面跟你导航栏一样高度为30PX
            
    如何替换背景通栏,详见:http://bbs.taobao.com/catalog/thread/510526-315552493.htm

    第二步,登录导航栏CSS代码在线生成页面(http://www.taoour.com/tbzx/ 复制到浏览器地址栏打开)



    选择你想要的效果,直接点到颜色取色器就可以了!


    第三步,按提示完成操作后,点击生成代码并预览,可以直接查看预览效果。



    第四步:将代码复制,可以CTRL+A全选代码,CTRL+C复制到导航条显示设置区域中去,下图




    就这么简单,高端大气上档次的,导航条跟背景通栏一致的CSS样式就搞定了!

    亲,赶紧去试试吧




    有不清楚的地方欢迎关注我的微信公众号taoour,回复‘礼包’免费获得干货大礼包!




    平哥,淘宝大学讲师,公众微信号:taoour
    官方旗舰店:http://zp350.taobao.com
  • TA的每日心情
    抱抱
    2016-7-25 07:05
  • 签到天数: 950 天

    连续签到: 3 天

    [LV.10]功行圆满

    0

    主题

    466

    帖子

    15万

    积分

    高级会员

    阅读权限: 50

    Rank: 8Rank: 8

    积分
    156301

    发表于 2015-3-1 08:35:16 | 显示全部楼层
    不错,谢谢分享。

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


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

  • TA的每日心情
    心跳
    2016-11-9 11:45
  • 签到天数: 81 天

    连续签到: 1 天

    [LV.6]渐入佳境

    12

    主题

    81

    帖子

    2万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    21298

    发表于 2015-3-1 08:47:04 | 显示全部楼层
    有个钢哥哥在线生成的 咋又出来个平哥 好多哥

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


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

  • TA的每日心情
    委屈
    2016-2-16 14:22
  • 签到天数: 9 天

    连续签到: 1 天

    [LV.3]武林新秀

    0

    主题

    19

    帖子

    1448

    积分

    注册会员

    阅读权限: 20

    Rank: 2

    积分
    1448

    QQ
    发表于 2015-3-1 15:42:44 | 显示全部楼层
    弄的不错~~~给个赞~~~

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


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

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

    连续签到: 1 天

    [LV.7]炉火纯青

    44

    主题

    401

    帖子

    2万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    23325

    QQ
     楼主| 发表于 2015-3-1 22:17:41 | 显示全部楼层
    镜子先森 发表于 2015-3-1 08:47
    有个钢哥哥在线生成的 咋又出来个平哥 好多哥

    呵呵,年纪大了都是哥。。。
    平哥,淘宝大学讲师,公众微信号:taoour
    官方旗舰店:http://zp350.taobao.com
  • TA的每日心情
    大哭
    2015-12-9 08:52
  • 签到天数: 183 天

    连续签到: 2 天

    [LV.7]炉火纯青

    4

    主题

    254

    帖子

    2万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    22528

    发表于 2015-3-3 14:55:42 | 显示全部楼层
    我就看看不说话

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


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

  • TA的每日心情
    思考
    2015-3-4 22:35
  • 签到天数: 4 天

    连续签到: 2 天

    [LV.2]登堂入室

    0

    主题

    12

    帖子

    579

    积分

    新手上路

    阅读权限: 10

    Rank: 1

    积分
    579

    发表于 2015-3-3 20:29:54 | 显示全部楼层
    装修小白~~~来学习啦~~

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


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

  • TA的每日心情
    抱抱
    昨天 08:16
  • 签到天数: 673 天

    连续签到: 5 天

    [LV.9]已臻大成

    26

    主题

    2623

    帖子

    18万

    积分

    高级会员

    阅读权限: 50

    Rank: 8Rank: 8

    积分
    184606

    最佳新人热心会员活跃会员灌水之王

    QQ
    发表于 2015-3-4 10:41:38 | 显示全部楼层
    感谢分享
    QQ交流群  107102001
  • TA的每日心情
    加油
    2016-10-17 17:39
  • 签到天数: 129 天

    连续签到: 1 天

    [LV.7]炉火纯青

    44

    主题

    401

    帖子

    2万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    23325

    QQ
     楼主| 发表于 2015-3-6 14:50:05 | 显示全部楼层

    感谢支持,新年一切顺利
    平哥,淘宝大学讲师,公众微信号:taoour
    官方旗舰店:http://zp350.taobao.com
    您需要登录后才可以回帖 登录 | 立即注册

    本版积分规则

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

    GMT+8, 2016-12-3 17:43 , Processed in 0.115835 second(s), 21 queries , Gzip On, Memcache On.

    Powered by Discuz! X3.2

    © 2001-2013 Comsenz Inc.

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