度了很久,才度到了嗨酷哥制作的酷站导航,感觉用来做这个互推联盟页面很合适,虽然这个页面也没多少人看,但还是完善一下好了,毕竟比以前苦逼手动要好很多。
我就不做搬运工了,直接贴上原文地址,有兴趣的自己去看吧:
原始地址:《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
最后的最后,还是啰嗦一句,想加入联盟的博友,可以前往左邻右舍提交申请哈!
很高端的赶脚。
呵呵,都是拿了别人的源码,算不得高端呢~
很棒!玛思阁兄很无私!谢谢你的分享~很厉害哦~
本来早就要发布出来了,这几天在折腾面试,迟迟没顾得上。
这个导航样式好像在哪里看过了!
文章已注明出处啦,看来没有细看。。
这东西不错,再去哪个站就方便多了。
网站制作方面你比较在行,能否弄个iframe代码出来?到时候可以共用就好了。
我想知道emlog能用吗
肯定需要改造一下才能用,函数啥的都不一样啊。还是WP资源更多一点。
不错不错
这个看起来不错哦
看完了,代码,唉
怎么?
我也想折腾下,我的主题和你是一样的,能不能分享下代码啊,谢谢
越来越正式了哈。。
也是为了方便自己。每次手动很麻烦~不过我这没什么人来,还是麻辣那边人多。
怎么会,。。好多人不是从这里进吗?反正我是这样滴
总会有几个好朋友的。
这个不错 顶一个
感谢兄弟支持!
这个闭合的问题我以前也遇见过,为此困扰了我几天,后来我用代码分析器对比才发现的。真是晕死。
是呢,人工去找真的很麻烦,下次我也学聪明点,用你说的分析器去找。
昨天晚上自己也折腾了一个,多谢玛思阁的提示
再请教一下,我那个导航在chrome浏览器下是圆角,应该是浏览器兼容性的问题,不知这个应该怎样更改?
圆角样式在知更鸟的style.css里面已经定义过了,你那个其实是没有引用而已。你可以打开我的那个页面,然后右键选择查看页面源代码,再和你的对比一下就知道了,反正我和你的主题是一样的~
也就是说,这个导航应该用知更鸟主题的框架框起来,你注意看我那页面源代码的class="entry_box_s_l" 这个就是调用圆角边框,最好的办法就是对比一下知更鸟的 page.php代码。
但是你的导航在ie下也是没有圆角的,我到原地址去看也一样
额,是我说错了~~其实我是想说你的导航没边框,也就是知更鸟特有的那种灰色线条,这下应该没说错了。
呵呵,已经加上了,就是在ie下里面的栏目没有圆角了
恩,IE下是沒有圆角,我之前也纳闷过~~呵呵,IE对CSS的支持不行。
还想问下,css怎么单独拿出来,还有像请问下你的sitego模板是怎么设置的,点击后标题栏显示的是互推联盟成员站点,我的点出去是网址,还有如果直接输入www.eyemsn.com/sitego显示的乱码,你的有中文提示,谢谢
1、只要将里面的CSS代码复制,粘贴到一个css文件即可,比如daohang.css,不要前后的<style=***></style>
2、编辑sitego.php文件即可,修改里面的<h1>标题内容以及<title>内容,看一看我文章的嗨酷哥的源码~是有文字的。
不错不错。代码分享出来了。改天我自己试试。
恩,可以一试。
感谢分享。
版面很漂亮,赞一下
留个印 支持一下
欢迎来访
不错
我可以加入吗
都可以。
还不错
喜欢的话可以将iframe代码引入到你的博客~~嘿嘿,详见最新文章。
我也经常被未闭合的div坑了
沒用专用的编辑器,很容易出这个错误。
编辑器的话还行,就是没看仔细
我以前也一样,都那个DIV坑了很多次,后来用了notepad++,每次都分层,一级级的,后来就没有再被坑了。
没闭合标签,确实难找。