WordPress评论嵌套下课 -悬浮显示评论菜鸟教程

可以说目前网上很热门而且受关注的Wordpress嵌套评论一时风靡网络,很多有技术的博主们纷纷都设置上了嵌套评论,这个功能主要是让评论者容易找到谁评论了谁,实现嵌套的效果,一目了然,演示:万戈博客

但我用的主题的设计者MG12发布了实现悬浮显示评论的方法,看起来效果还真不错,

菠萝引路>>演示看这里!(这里也有教程,不过有几个地方新博主可能不好理解)

我来把我设置的过程详细介绍一下,尽可能简单,让新博主们也能按教程实现效果:

悬浮@评论

1、下载 commenttips.js 文件,文件放置到 iNove/js 目录。(我用的是iNove主题)

2、后台编辑你正在使用的主题风格,找到style.css文件编辑,在最后面添加上以下代码:

#thecomments .tip {
	background:#FFF;
	border:1px solid #CCC;
	width:605px;
	padding:10px !important;
	padding:10px 10px 0;
	margin-top:0;
	position:absolute;
	z-index:3;
}
#thecomments .tip .act {
	display:none;
}
*+html #thecomments .tip {
	padding:10px 10px 0 !important;
}

3、在主题中添加Javascript调用代码,建议代码放在footer.php文件里,我的风格的页脚文件是footer.php,而MG12的是End.php,这个地方可能会让新手发晕,我略作解释。把下面代码放在</body>前面!

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.1/jquery.min.js"></script>
<script type="text/javascript" src="<?php bloginfo('template_url'); ?>/js/commenttips.js"></script>

至此,就实现了你的评论回复内容的悬浮显示!如果还有什么问题,欢迎交流!

你如果有什么好的办法,也欢迎分享!

落花生

认准了方向,就要勇敢地走下去,十年磨一剑,我相信,只要坚持,一切都有可能。

相关日志

  1. 没有图片

    2009.10.26

    Mozilla Weave -Mozilla官方发布书签同步插件

    以前一直使用Xmarks书签同步工具来存储我…

  2. 没有图片

    2012.06.20

    IE6/IE7/IE8/Firefox浏览器兼容CSS HACK代码+示例

    菠萝对兼容性绝对是个外行,今天才开始正式学习…

  3. 没有图片

    2009.10.09

    层与关键帧 -菠萝AE学习笔记

    实验项目 AE快速入门 实验目的 掌握视频处…

  4. Google AutoDraw

    2017.04.21

    Google 推出绘画黑科技 AutoDraw 灵魂画师快来迎接救星

    今晚尝试了一下Google的新产品 Auto…

  5. 没有图片

    2009.09.17

    CMD命令集锦

    经常通过运行命令来对操作系统进行一些设置与操…

  6. 没有图片

    2010.06.18

    WordPress 3.0正式版发布 菠萝筐第一时间升级

    WordPress 3.0正式版发布了,今天…

评论

  1. 涛神 2010.07.13 8:23下午

    我关心的是你站上这个评论效果是如何实现的。。

  2. 贤人 2010.04.24 2:32下午

    Nobird :
    过来学习一下…总觉得嵌套看上去舒服点,不过嵌套多了就乱了…

    好像效果不错,我也来试试看。

  3. 集趣 2010.04.22 9:19下午

    这种效果不错!
    .-= 集趣的最新日志:男人的梦想 =-.

  4. asdfd 2010.02.11 5:31下午

    @Nobird
    wo kan kan xiaoguo

  5. 老马事途 2009.12.25 11:55下午

    学习了。顺便转些东西过去,以备后用
    .-= 老马事途的最新日志:WordPress评论嵌套 -悬浮显示评论菜鸟教程 =-.

  6. Nobird 2009.11.26 10:47上午

    过来学习一下…总觉得嵌套看上去舒服点,不过嵌套多了就乱了…

  7. 最后块烧饼 2009.11.01 7:02下午

    这评论效果做的很漂亮

  8. 菠萝 2009.10.21 9:23上午

    @qiqiboy
    那就太好了!你发来的消息让我兴奋!

  9. chisdy 2009.10.21 1:12上午

    哈哈,这效果挺不错的,看来嵌套评论是不需要

  10. qiqiboy 2009.10.20 10:24下午

    @whisperer
    opera下啥问题,没觉得呀。。。我是在mac 上的opera 10.0上测试的。。。

  11. sleepy 2009.10.20 9:30上午

    还是喜欢嵌套的

  12. 菠萝 2009.10.20 8:55上午

    @万戈
    whisperer弄错了,我文章里说是你用的嵌套,并链到你的博上演示,结果他非说你放弃了。哈哈。。。

  13. 万戈 2009.10.20 8:40上午

    @whisperer
    没有啊,好不容易给主题动了大手术完成了原生的嵌套,我怎么会抛弃嵌套呢

  14. 随影 2009.10.20 8:34上午

    晕 互动特效 有时候 感觉效果还是挺无聊的 可能简单就是美吧!

  15. 菠萝 2009.10.20 7:42上午

    @mimzyx
    各有所爱,自由选择!嵌套其实也不错啊,只是这个是新生事物,尝尝鲜。。。

  16. 菠萝 2009.10.20 7:41上午

    @bolo
    说得对,Opera不支持,不过目前用O浏览器的不多。

    @帅青蛙
    帅青蛙,你的头像就是@o@这个青蛙,哈哈!很可爱的头像。

  17. 菠萝 2009.10.20 7:37上午

    @whisperer
    你不好好阅读我的内容,这里万戈是嵌套评论的代表。

  18. 翔子 2009.10.20 6:50上午

    wordpress 悬浮评论

  19. bolo 2009.10.20 12:40上午

    @whisperer
    该脚本不支持Opera

  20. bolo 2009.10.20 12:33上午

    我反而想使用嵌套

  21. mimzyx 2009.10.20 12:06上午

    我喜欢你这个嵌套评论。

  22. whisperer 2009.10.19 11:21下午

    如果其他地方用到jQuery就不用再加载了,另外好像用的最多的jQuery是1.3.2、1.2.6、1.2.3!

    再囧 误导人,万戈没有用这个效果!

  23. whisperer 2009.10.19 11:17下午

    早就用上了 哈哈

    不过在opera下是有问题的

    万戈抛弃嵌套了?围观去。。。。

  24. 帅青蛙 2009.10.19 11:11下午

    博主我的头像为什么显示是这样的。我的本来是小青蛙的( ⊙ o ⊙ )啊!。

  25. 帅青蛙 2009.10.19 11:11下午

    @帅青蛙
    酱紫。

  26. 帅青蛙 2009.10.19 11:10下午

    我来试试看。啥效果的。

About

马拉松运动员,沉迷于跑步;关注科技前沿,关注互联网!与跑者、程序员、设计师为伍,一起跑步健身,一起编写程序,为自由而战!