网站建设

新版互推联盟页面

Jager · 3月12日 · 2014年 3014次已读

度了很久,才度到了嗨酷哥制作的酷站导航,感觉用来做这个互推联盟页面很合适,虽然这个页面也没多少人看,但还是完善一下好了,毕竟比以前苦逼手动要好很多。

新版互推联盟页面

我就不做搬运工了,直接贴上原文地址,有兴趣的自己去看吧:

原始地址:《D4 主题-酷站导航

额外参考:《用 WordPress 打造自己的网站导航-前端设计网址实例步骤(教程)

玛思阁第一次直接使用了嗨酷哥的源码,发现打开一片空白,连 TAB 分类都不显示,用了 365 给的源码发现一切 OK。

最后结合自己的主题稍作修改,还比较满意:

新版互推联盟页面

演示地址:https://zhang.ge/alliance

尚未解决的问题如下(后文已补上解决方法):

I. 知更鸟底部公告无法拉伸,靠右显示

 

新版互推联盟页面

 

替补方案:在 footer 中的公告调用代码中加入 Alliance 页面判断,在该页面排除公告的显示。

 

II. 申请加入界面的提交和重置按钮鼠标聚焦无效果

即鼠标移到【提交】或【重置】按钮时,不会变成小手显示。

本来不算什么问题,但是博主有强迫症,是个完美主义,见不得一丁点小瑕疵,所以也列了出来。

暂时不知道为什么会这样,看了下其他博客的酷站导航都没有这个问题,想来也是和主题冲突了吧?╮(╯▽╰)╭,前端小白,真心伤不起!

 

就说这么多,想加入的博友可以前往左邻右舍申请。                           ---------------------------2014 年 3 月 12 日 @ 18:30:59


发布文章 20 分钟后的补充:

第二个问题通过搜索资料已经搞定,在按钮属性中强行加入鼠标聚焦效果(style="cursor:pointer")即可,如下所示:

<input style="cursor:pointer" type="submit" id="but" class="btt" value="提交" >  
<input style="cursor:pointer" type="reset" class="btt" value="重置">

---------------------------2014 年 3 月 12 日 @ 18:51:23

发布文章 2 小时后的补充:

白天已经在鸟哥的 WP 问答那提出了公告显示异常的问题,刚去看了下,发现鸟哥已经答复我了:

http://faq.wopus.org/question/22819/

知更鸟 - 9 小时前

代码中有相同的改这个什么导航的,不要改主题的会影响其它
另外,主要检查代码中是否有未闭合的标签,或者输入有误等

虽然博主是一个前端外行,但自认为理解能力还是不错的,看到鸟哥的答复,是否有未闭合的标签一下就点醒了我!于是我用 notepad++打开了 php 模版,去分段查看<div> </div>组合,很快就找到了一个未闭合的 div,图中标记位置是后来才加上的,原来我在给页面加入面包屑代码时忘记加上闭合标签,害我疑惑了好久!!!真是粗心大意!

新版互推联盟页面

这下好了,所有的问题都解决了,可以安心睡个好觉了,不然又得神游了。。。。。

 ---------------------------2014 年 3 月 12 日 @ 20:30:54

最后的最后,还是啰嗦一句,想加入联盟的博友,可以前往左邻右舍提交申请哈!

53 条回应
  1. 这牛儿! 2014-3-12 · 21:47

    很高端的赶脚。

    • avatar
      Jager 2014-3-12 · 22:05

      呵呵,都是拿了别人的源码,算不得高端呢~

  2. 博客互推联盟 2014-3-12 · 22:00

    很棒!玛思阁兄很无私!谢谢你的分享~很厉害哦~

    • avatar
      Jager 2014-3-12 · 22:04

      本来早就要发布出来了,这几天在折腾面试,迟迟没顾得上。

  3. 钟义胜 2014-3-12 · 22:49

    这个导航样式好像在哪里看过了!

    • avatar
      Jager 2014-3-12 · 23:29

      文章已注明出处啦,看来没有细看。。

  4. 夏日博客 2014-3-13 · 8:35

    这东西不错,再去哪个站就方便多了。

    • avatar
      Jager 2014-3-13 · 8:42

      网站制作方面你比较在行,能否弄个iframe代码出来?到时候可以共用就好了。

  5. 漫道狂徒 2014-3-13 · 9:10

    我想知道emlog能用吗

    • avatar
      Jager 2014-3-13 · 9:26

      肯定需要改造一下才能用,函数啥的都不一样啊。还是WP资源更多一点。

  6. WordPress主题 2014-3-13 · 9:41

    不错不错 [兔子]

    • avatar
      Jager 2014-3-13 · 10:15

      [嘻嘻]

  7. 眼幕微启 2014-3-13 · 13:05

    这个看起来不错哦

  8. 73花生博客 2014-3-13 · 15:25

    看完了,代码,唉

    • avatar
      Jager 2014-3-13 · 16:35

      怎么?

  9. 眼幕微启 2014-3-13 · 18:50

    我也想折腾下,我的主题和你是一样的,能不能分享下代码啊,谢谢

  10. 小新 2014-3-13 · 19:45

    越来越正式了哈。。

    • avatar
      Jager 2014-3-13 · 19:53

      也是为了方便自己。每次手动很麻烦~不过我这没什么人来,还是麻辣那边人多。

      • 小新 2014-3-13 · 20:10

        怎么会,。。好多人不是从这里进吗?反正我是这样滴

        • avatar
          Jager 2014-3-14 · 8:02

          总会有几个好朋友的。

  11. 电子商务文摘 2014-3-13 · 20:22

    这个不错 顶一个

    • avatar
      Jager 2014-3-14 · 8:02

      感谢兄弟支持!

  12. 龙三公子 2014-3-13 · 22:52

    这个闭合的问题我以前也遇见过,为此困扰了我几天,后来我用代码分析器对比才发现的。真是晕死。

    • avatar
      Jager 2014-3-14 · 8:03

      是呢,人工去找真的很麻烦,下次我也学聪明点,用你说的分析器去找。

  13. 眼幕微启 2014-3-14 · 9:25

    昨天晚上自己也折腾了一个,多谢玛思阁的提示

    • avatar
      Jager 2014-3-14 · 10:00

      [握手]

      • 眼幕微启 2014-3-14 · 13:37

        再请教一下,我那个导航在chrome浏览器下是圆角,应该是浏览器兼容性的问题,不知这个应该怎样更改?

        • avatar
          Jager 2014-3-14 · 13:46

          圆角样式在知更鸟的style.css里面已经定义过了,你那个其实是没有引用而已。你可以打开我的那个页面,然后右键选择查看页面源代码,再和你的对比一下就知道了,反正我和你的主题是一样的~

          也就是说,这个导航应该用知更鸟主题的框架框起来,你注意看我那页面源代码的class="entry_box_s_l" 这个就是调用圆角边框,最好的办法就是对比一下知更鸟的 page.php代码。

          • 眼幕微启 2014-3-14 · 16:26

            但是你的导航在ie下也是没有圆角的,我到原地址去看也一样

            • avatar
              Jager 2014-3-14 · 17:26

              额,是我说错了~~其实我是想说你的导航没边框,也就是知更鸟特有的那种灰色线条,这下应该没说错了。

              • 眼幕微启 2014-3-14 · 22:45

                呵呵,已经加上了,就是在ie下里面的栏目没有圆角了

                • avatar
                  Jager 2014-3-15 · 8:18

                  恩,IE下是沒有圆角,我之前也纳闷过~~呵呵,IE对CSS的支持不行。

                  • 眼幕微启 2014-3-15 · 22:22

                    还想问下,css怎么单独拿出来,还有像请问下你的sitego模板是怎么设置的,点击后标题栏显示的是互推联盟成员站点,我的点出去是网址,还有如果直接输入www.eyemsn.com/sitego显示的乱码,你的有中文提示,谢谢

                    • avatar
                      Jager 2014-3-15 · 22:46

                      1、只要将里面的CSS代码复制,粘贴到一个css文件即可,比如daohang.css,不要前后的<style=***></style>
                      2、编辑sitego.php文件即可,修改里面的<h1>标题内容以及<title>内容,看一看我文章的嗨酷哥的源码~是有文字的。

  14. 小清新头像吧 2014-3-14 · 10:36

    不错不错。代码分享出来了。改天我自己试试。

  15. 我爱集分宝 2014-3-14 · 15:16

    版面很漂亮,赞一下

    • avatar
      Jager 2014-3-15 · 16:32

      [握手]

  16. 电子商务文摘 2014-3-16 · 0:36

    留个印 支持一下

    • avatar
      Jager 2014-3-16 · 14:45

      欢迎来访

  17. 周小姐‘ 2014-3-16 · 14:13

    不错

    • avatar
      Jager 2014-3-16 · 14:45

      [握手]

      • 周小姐‘ 2014-3-16 · 21:47

        我可以加入吗

        • avatar
          Jager 2014-3-17 · 8:32

          都可以。

  18. 陈松松 2014-3-16 · 17:33

    还不错

    • avatar
      Jager 2014-3-16 · 17:53

      喜欢的话可以将iframe代码引入到你的博客~~嘿嘿,详见最新文章。

  19. 三日月 2014-3-28 · 11:05

    我也经常被未闭合的div坑了

    • avatar
      Jager 2014-3-28 · 11:14

      沒用专用的编辑器,很容易出这个错误。

      • 三日月 2014-3-28 · 11:14

        编辑器的话还行,就是没看仔细

  20. 梦轩丽人 2014-6-11 · 14:15

    我以前也一样,都那个DIV坑了很多次,后来用了notepad++,每次都分层,一级级的,后来就没有再被坑了。

    • avatar
      Jager 2014-6-11 · 14:16

      没闭合标签,确实难找。