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

大前端 D8主题2.2 置顶导航菜单

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

很多使用大前端D8主题的朋友都想实现把导航菜单置顶。不管页面滚动到下方哪个部分,始终都能看到导航菜单。

那么,就跟着鸡西网站设计一步步制作吧!还有,如果大家复制了我的教程,也麻烦注明一下出处做个原文的链接啊,谢谢啊。。。

第一步 打开主题目录中的header.php文件。

查找以下代码:

<div class="navbar">

修改成:

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

继续查找代码:

<div class="speedbar">

修改成

</div>
<div class="speedbar">

第二步 打开主题目录中的style.css文件。

查找以下代码:

.navbar{height:52px;

修改成

#navbar{position: fixed;width:100%;*z-index:3;top:0px;}
.navbar{height:52px;

继续查找代码:

.pagecontent{margin-left:

修改成:

.pagesider-menu li.current-menu-item a{z-index:0;}
.pagecontent{margin-left:

继续查找代码:

body{margin:0;

修改成:

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

第三步 打开主题目录中的js文件夹下的jquery.js文件。

查找以下代码:

var toper = 10;

修改成:

var toper = 62;

好了,现在看看你的网站,是不是和鸡西网站设计一样,已经实现了导航菜单置顶呢?

转载请注明:七网科技 » 大前端 D8主题2.2 置顶导航菜单

发表我的评论
取消评论

表情

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

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

网友最新评论 (15)

  1. 点赞来了
    蓝点科技博客2013-12-10 14:29 回复
    • 感谢来访!好使就行,难免有时会有问题,欢迎及时说明。
      Danny.✔2013-12-10 14:31 回复
  2. 支持一下哈
    douwaner2013-12-13 12:24 回复
  3. 按步骤来的,错位了。
    ecs20142014-01-10 22:34 回复
    • 你看的这篇文章是D82.2的。你的是2.2吗?
      Danny.✔2014-01-10 23:39 回复
  4. 能不能出一个3.0版本的教程呢?
    manue2014-02-11 08:15 回复
    • http://www.7vnet.com/study/wordpress/187.html 你好,感谢对鸡西网的支持。用D82.3的方法就可以了。
      Danny.✔2014-02-11 21:38 回复
    • 有4.0的吗
      我要钱来赚2015-01-17 11:35 回复
      • http://www.7vnet.com/study/wordpress/187.html 试一下2.3的吧。应该没有问题。
        鸡西网2015-01-18 13:16 回复
  5. 我来留下脚印
    爱奇趣分享网2015-09-01 14:07 回复
  6. 列表页 首页左侧置顶推荐怎么弄的啊
    刘兴旺2015-09-04 12:47 回复