鸡西网—微信标志
  • 鸡西网站制作
  • 鸡西网客服热线已更改为”400-0467-004“,请广大客户周知。
  • 鸡西网站设计为您提供免费技术问答.如有您有计算机的相关问题欢迎前来咨询!
  • 敢不敢在鸡西网High一下
  • 网站地图

鸡西网站设计 大前端D8主题2.3 导航菜单置顶

WordPress Danny.✔ 3450浏览 0评论 百度收否

鸡西网站设计之前发布的两次导航菜单置顶教程只适合D8主题2.2版本,不再与新版本2.3兼容。在前两次发布导航菜单后受到很多朋友的好评,感谢大家对鸡西网站设计的支持,我们会一如既往的为大家提供免费的教程。在这里鄙视一下那些复制鸡西网站设计的技术又不留下版权和来源的人。

D8主题2.3版的导航置顶只在电脑端支持,如果是小分辨率,或者手机访问的,将自动取消置顶。如果在操作中有什么不明白的或者发现BUG,欢迎及时发评论给我们。

下面我们开始制作D8主题2.3版导航置顶,为防止出错,请认真跟着鸡西网站设计的教程操作!

第一步:修改header.php文件

打开主题目录中的header.php文件并查找以下代码

<div class="navbar">

修改成

<div class="navbar" style="width: 1320px;">

第二步:修改style.css

打开主题目录中的style.css文件并查找以下代码

body{margin:0;

修改成

body{padding-top:52px;margin:0;

继续查找代码

.navbar{height:52px;background-color:#4a4a4a;*position:relative;*z-index:2;*zoom:1;}

修改成

.navbar{position: fixed;max-width:100%;*z-index:3;top:0px;height:52px;background-color:#4a4a4a;*zoom:1;}

继续查找代码

.navbar{background-color: transparent;height: auto}

修改成

body{ padding-top:0px;}
.navbar{position: relative;background-color: transparent;height: auto}

第三步:修改jquery.js

进入主题目录中的js文件夹打开jquery.js文件并查找以下代码

var toper = 10;

修改成

var toper = 62;

至此,鸡西网站设计为D8主题站长们提供的导航菜单置顶教程已操作完毕,请确保上传完毕,刷新一下看看,是不是和鸡西网站设计一样,实现了导航菜单置顶了呢?

转载请注明:七网科技 » 鸡西网站设计 大前端D8主题2.3 导航菜单置顶

发表我的评论
取消评论

表情

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

网友最新评论 (5)

  1. 能将导航栏设置成全部占满的效果吗?就像鸡西网这样的
    manue2014-02-14 20:14 回复
  2. 怎么样设置导航栏成透明效果
    我是懒鱼2014-02-18 22:07 回复
  3. 网站真不错 爱奇趣网http://www.iqiqu.net/?
    爱奇趣分享网2015-09-01 14:07 回复
  4. 我来留下脚印
    歪妖内涵网2015-09-20 23:37 回复