淘宝美工论坛

 找回密码
 立即注册

QQ登录

只需一步,快速开始

查看: 2575|回复: 18
收起左侧

店铺导航菜单数量增加和默认导航加搜索条

[复制链接]
  • TA的每日心情
    加油
    前天 14:29
  • 签到天数: 100 天

    连续签到: 1 天

    [LV.6]渐入佳境

    7

    主题

    222

    帖子

    2万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    24685

    最佳新人热心会员

    QQ
    发表于 2015-7-22 18:29:23 | 显示全部楼层 |阅读模式
    先来看两个导航图片,一个是多菜单的添加,一个是默认导航添加搜索框或者其他内容
    1.jpg
    上面的实现了导航条添加多个菜单,有朋友说导航上只能显示7个菜单,多了就不显示,寻求方法,其实你添加的更多的菜单不是不在了,而是第一行放不下跑到了下面,也就是第二行,第二行你看不到,解决办法是加长导航条,利用
    1. .skin-box-bd{
    2.   position: relative;
    3.   left: -100px;
    4.   right:-100px;
    5. }
    复制代码
    左右就各能加长100像素了,还可以缩小各个菜单的间距,具体代码如下
    1. .menu-list .link {
    2.   padding: 0 15px;
    3. }
    复制代码
    原本的padding标签是0 和20px''  单之间的距离缩短也可以多添加菜单


    2.jpg
    这个是实现了导航上添加搜索框,之前有人分享过基础版店招全屏的方法,是的,就是利用这个方法,上面店招设置150px,右下角放一个搜索框,导航上距 top:-30px;然后给导航定义一个宽度,不盖住右边的搜索框就行了 (适用拓展版,因涉及导航背景)
    此献给那些因店招添加搜索框而牺牲默认导航的朋友们

    只是分享下思路,希望大神分享更多使用方法






    淘宝代码问题直接加QQ:343063418
  • TA的每日心情
    委屈
    2016-7-23 03:35
  • 签到天数: 89 天

    连续签到: 1 天

    [LV.6]渐入佳境

    10

    主题

    478

    帖子

    8万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    86237

    最佳新人热心会员宣传达人

    发表于 2015-7-22 19:23:04 | 显示全部楼层
    然并卵!

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


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

  • TA的每日心情
    大哭
    2016-9-21 16:21
  • 签到天数: 128 天

    连续签到: 1 天

    [LV.7]炉火纯青

    4

    主题

    587

    帖子

    2万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    27829

    最佳新人热心会员

    发表于 2015-7-23 09:13:39 | 显示全部楼层
    我没明白,请原谅我智商低
    人面桃花里,浅笑如酒……
  • TA的每日心情
    臭美
    2015-9-30 09:04
  • 签到天数: 224 天

    连续签到: 3 天

    [LV.7]炉火纯青

    5

    主题

    495

    帖子

    7万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    76999

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

    发表于 2015-7-23 09:15:19 | 显示全部楼层
    看着好像不错,还是感谢楼主分享

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


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

  • TA的每日心情
    臭美
    2015-9-26 11:52
  • 签到天数: 87 天

    连续签到: 1 天

    [LV.6]渐入佳境

    2

    主题

    90

    帖子

    5万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    52131

    天猫美工最佳新人

    发表于 2015-7-23 11:19:05 | 显示全部楼层
    感谢楼主分享
    看看你看看我注定碰头,你有你我有我的美梦
  • TA的每日心情
    不爽
    2015-10-17 09:26
  • 签到天数: 8 天

    连续签到: 1 天

    [LV.3]武林新秀

    2

    主题

    13

    帖子

    1646

    积分

    注册会员

    阅读权限: 20

    Rank: 2

    积分
    1646

    QQ
    发表于 2015-7-23 12:32:26 | 显示全部楼层
    感谢普及
    来自安卓客户端来自安卓客户端

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


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

  • TA的每日心情
    大哭
    昨天 17:15
  • 签到天数: 653 天

    连续签到: 1 天

    [LV.9]已臻大成

    37

    主题

    2232

    帖子

    13万

    积分

    高级会员

    阅读权限: 50

    【单身狗认证】

    Rank: 8Rank: 8

    积分
    138579

    最佳新人热心会员宣传达人活跃会员优秀版主灌水之王

    QQ
    发表于 2015-7-23 13:26:46 | 显示全部楼层
    貌似前些天在哪里看到过突破7的教程
    您需要登录后才可以回帖 登录 | 立即注册

    本版积分规则

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

    GMT+8, 2016-12-10 11:13 , Processed in 0.137272 second(s), 22 queries , Gzip On, Memcache On.

    Powered by Discuz! X3.2

    © 2001-2013 Comsenz Inc.

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