中电云集是国内领先的云服务器、虚拟主机、服务器租用提供商




上一主题下一主题
«12345»Pages: 1/9     Go
主题 : 终于较完美地解决了导航栏根据栏目当前位置突显问题
个性签名:仁者无敌-感恩php168


UID: 104217
级别: 齐博总版
发帖: 10093
威望: 611356 点
积分: 514050071 个
铜板: 10850
精华风格度: 0 点
在线时间: 556 小时
注册时间: 2005-09-28
最后登录: 2016-02-20
楼主  发表于: 2013-08-04 02:44

终于较完美地解决了导航栏根据栏目当前位置突显问题

管理提醒: 本帖被 飞鸿踏雪 执行加亮操作(2013-08-05)
       首先借鉴了坛友bigslacker 所发的原主题贴 实现栏目导航和栏目菜单的当前位置的定位样式,在此表示感谢!

        但在实现了访问栏目所在位置变换导航栏按钮突显之后,发现一个问题,【网站首页】的按钮不属于栏目分类,即当我们停留在首页时,上面的导航栏按钮没有一个是突显的,也显得稍微有点缺陷了。在仔细地看了head.htm模板之后,发现其实官方早已定义了【网站首页】按钮的样式,即$key==0,并且也有了class=begin,只是我们自己做的模板的css样式里,没有这个begin值,所以当然就不显示了。

        有了这个发现后,解决问题的思路就来了,要么将begin换掉,要么在css里增加一个begin的定义。但当进入栏目之后,如果导航栏有2个突显按钮,也非常不美观了。所以需要在定义了栏目按钮的突显之后,将官方原先定义的首页按钮的值清空,即$class='';

        以下即为本人修改的方法:
本部分内容设定了隐藏,需要回复后才能看到

    效果演示:

  

  演示站点:http://www.hosgem.com
[ 此帖被飞鸿踏雪在2013-12-07 23:00重新编辑 ]
本帖最近评分记录:
  • 积分:+1(yttzm)
  • 积分:+5(xujiajay) 分享经验
  • UID: 255425
    级别: 齐博初中生
    发帖: 248
    威望: 266 点
    积分: 304 个
    铜板: 0
    精华风格度: 0 点
    在线时间: 623 小时
    注册时间: 2011-07-23
    最后登录: 2017-10-01
    沙发  发表于: 2013-08-04 04:59

    个性签名:泪奔网_www.leiben.net
    UID: 148760
    级别: 齐博博士
    发帖: 7656
    威望: 7677 点
    积分: 20494 个
    铜板: 1
    精华风格度: 0 点
    在线时间: 1491 小时
    注册时间: 2009-02-03
    最后登录: 2017-11-30
    板凳  发表于: 2013-08-04 05:17

    以下即为本人修改的方法:
    本部分内容设定了隐藏,需要回复后才能看到
    读后感 + 小学生作文大全 + 初中作文 + 与百度一起共成长!
    个性签名:客户就是上帝

    UID: 249589
    级别: 齐博版主
    发帖: 11499
    威望: 15050 点
    积分: 56531472 个
    铜板: 692
    精华风格度: 1 点
    在线时间: 5734 小时
    注册时间: 2011-04-25
    最后登录: 2017-12-16
    3楼  发表于: 2013-08-04 06:45

    *****************************************
    *       签名档欠费,点击续费!          *
    *****************************************
    UID: 279525
    级别: 齐博初中生
    发帖: 215
    威望: 219 点
    积分: 1587 个
    铜板: 3
    精华风格度: 0 点
    在线时间: 233 小时
    注册时间: 2013-04-25
    最后登录: 2014-08-03
    4楼  发表于: 2013-08-04 07:03

        
    个性签名:细节决定成败
    UID: 131575
    级别: 齐博本科生
    发帖: 2651
    威望: 1269 点
    积分: 1010 个
    铜板: 40
    精华风格度: 0 点
    在线时间: 1165 小时
    注册时间: 2008-08-23
    最后登录: 2017-12-18
    5楼  发表于: 2013-08-04 08:59

    辛苦了
    个性签名:问问题前请先搜索


    UID: 184604
    级别: 齐博版主
    发帖: 7644
    威望: 12400 点
    积分: 109886 个
    铜板: 1737
    精华风格度: 0 点
    在线时间: 2663 小时
    注册时间: 2009-09-05
    最后登录: 2017-11-05
    6楼  发表于: 2013-08-04 09:28

    回 楼主(飞鸿踏雪) 的帖子

    好久没有见楼主了啊 ,终于现身了啊
    ==>承接齐博系统二次开发、功能定制等网站业务!官方认证,多年开发经验,值得信赖!
    ==>我们是乡遇,专注将大山里纯正的“乡味”,送达您的舌尖!
    ==>乡遇商城,欢迎光临==>欢迎加微信(zxw15272668304)/公众号(“乡遇商城”)进行咨询购买
    ==>乡遇,纯正的乡味道!   我们是乡遇,专注将大山里纯正的“乡味”,送达您的舌尖!
     ==>乡遇品牌合作渠道,欢迎各路伙伴联系!
    个性签名:www.qibomb.com


    UID: 243752
    级别: 齐博版主
    发帖: 9100
    威望: 82473 点
    积分: 877011 个
    铜板: 336
    精华风格度: 6 点
    在线时间: 9406 小时
    注册时间: 2009-02-06
    最后登录: 2017-12-18
    7楼  发表于: 2013-08-04 10:25

    飞兄还是这么热心肠
    UID: 233077
    级别: 齐博大专生
    发帖: 1054
    威望: 1089 点
    积分: 2180 个
    铜板: 1
    精华风格度: 0 点
    在线时间: 1094 小时
    注册时间: 2010-08-03
    最后登录: 2017-04-28
    8楼  发表于: 2013-08-04 10:41

             看看
    个性签名:仁者无敌-感恩php168


    UID: 104217
    级别: 齐博总版
    发帖: 10093
    威望: 611356 点
    积分: 514050071 个
    铜板: 10850
    精华风格度: 0 点
    在线时间: 556 小时
    注册时间: 2005-09-28
    最后登录: 2016-02-20
    9楼  发表于: 2013-08-04 11:56

    Re:回 楼主(飞鸿踏雪) 的帖子

    引用
    引用第6楼xujiajay于2013-08-04 09:28发表的 回 楼主(飞鸿踏雪) 的帖子 :
    好久没有见楼主了啊 ,终于现身了啊


        2年多没有涉及网站建设的事情了,所以来得也少了。这次主要是给公司建站,所以又有了和大家一起交流的机会了。
    个性签名:仁者无敌-感恩php168


    UID: 104217
    级别: 齐博总版
    发帖: 10093
    威望: 611356 点
    积分: 514050071 个
    铜板: 10850
    精华风格度: 0 点
    在线时间: 556 小时
    注册时间: 2005-09-28
    最后登录: 2016-02-20
    10楼  发表于: 2013-08-04 11:59

    引用
    引用第7楼飞将军于2013-08-04 10:25发表的  :
    飞兄还是这么热心肠


        兄弟过奖了,主要是看到很多朋友也需要这样的帖子,所以还是将一些心得写出来,便于其他有类似需求的朋友走点捷径,也便于自己以后做参考。
    个性签名:向万帖冲刺


    UID: 153624
    级别: 齐博版主
    发帖: 9894
    威望: 136047 点
    积分: 5252234 个
    铜板: 447
    精华风格度: 8 点
    在线时间: 5672 小时
    注册时间: 2009-03-06
    最后登录: 2017-10-13
    11楼  发表于: 2013-08-04 12:27

    看看。。。。
    风格仿制 模板制作 整站建设 定制QQ:29350745 模板达人500人群:128207972
    杭州KTV招聘
    齐博模板下载  文稿网
    国旗下讲话
    个性签名:ererything is nothing

    1星级VIP用户


    UID: 80666
    级别: 齐博版主
    发帖: 4542
    威望: 3301 点
    积分: 7529 个
    铜板: 1501
    精华风格度: 0 点
    在线时间: 9422 小时
    注册时间: 2006-11-08
    最后登录: 2014-04-12
    12楼  发表于: 2013-08-04 13:31

    个人抽空来支持一下。。。
    个性签名:齐博网站建设Q群27520065
    UID: 231930
    级别: 齐博大专生
    发帖: 1058
    威望: 13241 点
    积分: 899 个
    铜板: 5
    精华风格度: 0 点
    在线时间: 741 小时
    注册时间: 2010-07-25
    最后登录: 2017-05-18
    13楼  发表于: 2013-08-04 13:43

    312
    UID: 116953
    级别: 齐博高中生
    发帖: 421
    威望: 363 点
    积分: 208 个
    铜板: 5
    精华风格度: 0 点
    在线时间: 328 小时
    注册时间: 2008-02-11
    最后登录: 2017-06-08
    14楼  发表于: 2013-08-04 14:16

     
    UID: 117661
    级别: 齐博小学生
    发帖: 118
    威望: 143 点
    积分: 457 个
    铜板: 0
    精华风格度: 0 点
    在线时间: 46 小时
    注册时间: 2008-02-19
    最后登录: 2014-02-14
    15楼  发表于: 2013-08-04 21:23

    IE中网站靠左对齐,360中居中对齐
    个性签名:没个性,不签名
    UID: 258237
    级别: 齐博高中生
    发帖: 666
    威望: 666 点
    积分: 191 个
    铜板: 0
    精华风格度: 0 点
    在线时间: 1022 小时
    注册时间: 2011-09-05
    最后登录: 2017-12-01
    16楼  发表于: 2013-08-05 14:49

    回 楼主(飞鸿踏雪) 的帖子

    *****************************************
    *       签名档欠费,点击续费!          *
    *****************************************
    个性签名:爱我泗阳  www.25sy.net
    UID: 120205
    级别: 齐博本科生
    发帖: 3045
    威望: 2291 点
    积分: 8282244 个
    铜板: 44
    精华风格度: 0 点
    在线时间: 1731 小时
    注册时间: 2008-03-27
    最后登录: 2017-07-30
    17楼  发表于: 2013-08-06 11:54

    回帖看看,
    欢迎光临我的网站泗阳县董振环五官科诊所网 (http://www.25sy.net)
    UID: 83524
    级别: 齐博高中生
    发帖: 620
    威望: 695 点
    积分: 915 个
    铜板: 0
    精华风格度: 0 点
    在线时间: 386 小时
    注册时间: 2007-01-01
    最后登录: 2017-12-08
    18楼  发表于: 2013-08-06 17:37

        
    个性签名:模版设计 二次开发

    UID: 143167
    级别: 齐博版主
    发帖: 2082
    威望: 2407 点
    积分: 280691 个
    铜板: 686
    精华风格度: 0 点
    在线时间: 6258 小时
    注册时间: 2008-12-08
    最后登录: 2017-12-18
    19楼  发表于: 2013-08-07 07:50

    不错 不错
    引用
    ==>阿里云服务器优惠券点击领取

    ==>欢迎大家加入 齐博CMS因有你而强大 超级群:2982276 点此直接加入


    «12345»Pages: 1/9     Go
    齐博软件技术交流区 » 风格模板
    以铜板换广告位一 以铜板换广告位二 以铜板换广告位三 以铜板换广告位四
    以铜板换广告位五 以铜板换广告位六 以铜板换广告位七 以铜板换广告位八
    以铜板换广告位九 以铜板换广告位十 以铜板换广告位十一 以铜板换广告位十二
    打造最专业的门户系统建站程序