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




上一主题下一主题
«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='';

        以下即为本人修改的方法:
本部分设定了隐藏,您已回复过了,以下是隐藏的内容

    打开模板文件head.htm,找到下面的代码:
复制代码
  1. <!--
  2. EOT;
  3. $detail=explode("\r\n",$webdb[guide_word]);
  4. foreach($detail AS $key=>$value){
  5. if(!$value)continue;
  6. list($Hname,$Hurl,$Hblank,$Hcolor,$Hlid,$Ckname)=explode("|",$value);
  7. $Hblank=$Hblank?"  target=\"_blank\"":'';
  8. $class=($key==0)?"class=\"begin\"":'';
  9. $Hcolor=$Hcolor?" style=\"color:$Hcolor;\"":'';
  10. $checkword = $check[$Ckname] ? " class=\"ck\"" : "";
  11. print <<<EOT
  12. -->
  13.     <li $class><a href="$webdb[www_url]/$Hurl"{$Hblank}{$Hcolor}{$checkword } onmousemove="changmenu(this)">{$Hname}</a></li>


将上述代码替换为:
复制代码
  1. <!--
  2. EOT;
  3. $detail=explode("\r\n",$webdb[guide_word]);
  4. foreach($detail AS $key=>$value){
  5. if(!$value)continue;
  6. list($Hname,$Hurl,$Hblank,$Hcolor,$Hlid,$Ckname)=explode("|",$value);
  7. $Hblank=$Hblank?"  target=\"_blank\"":'';
  8. $class=($key==0)?"class=\"selected\"":'';
  9. $Hcolor=$Hcolor?" style=\"color:$Hcolor;\"":'';
  10. $checkword = $check[$Ckname] ? " class=\"ck\"" : "";
  11. if($fid){
  12.     $rsdbcolumn = $db->get_one("SELECT fid,fup,class,name FROM {$pre}sort WHERE fid=".$fid."");
  13.     if($rsdbcolumn['class']==1){
  14.         if ($rsdbcolumn[name]==$Hname){
  15.           $class ='class="selected"';
  16.         }else {
  17.           $class ='';
  18.         }
  19.     }else{
  20.         $rsup = $db->get_one("SELECT fid,fup,name,class FROM {$pre}sort WHERE fid=".$rsdbcolumn[fup]."");
  21.         if ($rsup[name]==$Hname){
  22.           $class ='class="selected"';
  23.         }else{
  24.           $class ='';
  25.         }
  26.     }
  27. }
  28. print <<<EOT
  29. -->
  30.     <li $class><a href="$webdb[www_url]/$Hurl"{$Hblank}{$Hcolor}{$checkword } onmousemove="changmenu(this)">{$Hname}</a></li>


     上述代码中,你需要自己在css文件中,增加一个导航栏按钮突显的样式,我这里为selected.
     图文说明:

  

    效果演示:

  

  演示站点: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
    级别: 齐博博士
    发帖: 7734
    威望: 7758 点
    积分: 10622 个
    铜板: 1
    精华风格度: 0 点
    在线时间: 1515 小时
    注册时间: 2009-02-03
    最后登录: 2018-10-23
    板凳  发表于: 2013-08-04 05:17

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

    UID: 249589
    级别: 齐博版主
    发帖: 11535
    威望: 15086 点
    积分: 56481754 个
    铜板: 1968
    精华风格度: 1 点
    在线时间: 5745 小时
    注册时间: 2011-04-25
    最后登录: 2018-09-21
    3楼  发表于: 2013-08-04 06:45

    引用
    →承接仿站、模板制作、整站建设、网站推广等网站业务 非诚心勿扰
    →承接SEO、网站修改、二次开发、数据采集等网络业务
    →QQ:191698811 工作室网站:对点工作室
    →齐博最活跃数据采集群:74771734 工作室淘宝店
    →提供各种API接口制作、对接等业务WWW.CQPS.NET
    →模板制作、网站修改、请选择版主不然有可能被骗 齐博视频教程1元
    UID: 279525
    级别: 齐博初中生
    发帖: 215
    威望: 219 点
    积分: 1587 个
    铜板: 3
    精华风格度: 0 点
    在线时间: 233 小时
    注册时间: 2013-04-25
    最后登录: 2014-08-03
    4楼  发表于: 2013-08-04 07:03

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

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


    UID: 184604
    级别: 齐博版主
    发帖: 7650
    威望: 12406 点
    积分: 109898 个
    铜板: 1737
    精华风格度: 0 点
    在线时间: 2664 小时
    注册时间: 2009-09-05
    最后登录: 2018-03-31
    6楼  发表于: 2013-08-04 09:28

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

    好久没有见楼主了啊 ,终于现身了啊
    *****************************************
    *       签名档欠费,点击续费!          *
    *****************************************
    个性签名:www.qibomb.com


    UID: 243752
    级别: 齐博版主
    发帖: 9155
    威望: 82528 点
    积分: 877122 个
    铜板: 300
    精华风格度: 6 点
    在线时间: 9490 小时
    注册时间: 2009-02-06
    最后登录: 2018-11-08
    7楼  发表于: 2013-08-04 10:25

    飞兄还是这么热心肠
    UID: 233077
    级别: 齐博大专生
    发帖: 1055
    威望: 1091 点
    积分: 2180 个
    铜板: 1
    精华风格度: 0 点
    在线时间: 1094 小时
    注册时间: 2010-08-03
    最后登录: 2018-11-09
    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
    级别: 齐博版主
    发帖: 9898
    威望: 136051 点
    积分: 5252242 个
    铜板: 447
    精华风格度: 8 点
    在线时间: 5672 小时
    注册时间: 2009-03-06
    最后登录: 2018-01-30
    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
    最后登录: 2018-02-01
    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
    级别: 齐博高中生
    发帖: 669
    威望: 669 点
    积分: 98 个
    铜板: 0
    精华风格度: 0 点
    在线时间: 1051 小时
    注册时间: 2011-09-05
    最后登录: 2018-11-16
    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
    级别: 齐博高中生
    发帖: 623
    威望: 699 点
    积分: 919 个
    铜板: 0
    精华风格度: 0 点
    在线时间: 386 小时
    注册时间: 2007-01-01
    最后登录: 2018-11-05
    18楼  发表于: 2013-08-06 17:37

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

    UID: 143167
    级别: 齐博版主
    发帖: 2199
    威望: 2546 点
    积分: 278538 个
    铜板: 696
    精华风格度: 0 点
    在线时间: 7091 小时
    注册时间: 2008-12-08
    最后登录: 2018-09-23
    19楼  发表于: 2013-08-07 07:50

    不错 不错
    引用


    x1我们继续守护相伴直至永远



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