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. 没有图片

    2013.12.31

    MacBook 校准电池方法

    如果您的便携式 Mac 配备有可拆装电池,请…

  2. 没有图片

    2010.09.16

    腾讯社区开放平台

    自从新浪出现开放平台之后,百度也接着开放了,…

  3. 没有图片

    2012.09.25

    一段VB代码

    Dim dtmBeginTime As Da…

  4. 没有图片

    2011.03.22

    15个博客即将上线的WordPress主题和插件

    有时候,你的博客由于升级等原因需要临时关闭,…

  5. 没有图片

    2010.01.30

    30个精选的CSS技术和实例

    1.Hoverbox 图片集 一个纯净的基于…

  6. 没有图片

    2010.12.09

    WordPress 3.0.3 发布

    WordPress近来动作真够快的,Word…

评论

  1. 帅青蛙 2009.10.19 11:11下午

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

  2. 帅青蛙 2009.10.19 11:11下午

    @帅青蛙
    酱紫。

  3. 帅青蛙 2009.10.19 11:10下午

    我来试试看。啥效果的。