NeoEase.ORG

In this Article, I will tell you how to add comment tips to iNove theme. for example, A left a comment and B reply A with @reply, then there is the following comment:

@Adam
How much money do you have?

And the comment tip will be showed when mouse over @ replies. Click here to see the comment tips.

Okay, you can through the follow steps to add this feature to iNove.

1. Download commenttips.js.

2. Put commenttips.js file to inove/js directory.

3. Append the following lines to style.css file.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16

#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;
}

4. Add the following lines before </body> in templates/end.php file. (If you have added jQuery lib, the first line is not necessary.)

1
2

<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>

5. Done. reflush your page and move you mouse to an @reply, then your can find the comment tip.