Hi!请登陆

如何向HotNews主题中的评论框添加背景

2021-1-11 55 1/11

最近在回复大家的评论的时候,我总是很烦躁,因为每次点击那个表情的时候,总是跟着出现“留言是种美德,写点什么...”这些词语,然后必须手动删除才行,所以就想着去掉它,方便大家评论和方便自己回复。

去掉后“留言是种美德,写点什么...”的提示后总觉得很单调,所以就想向评论框添加背景,幸好被我找到了吴文辉博主分享的文章,让我得以顺利添加背景。

如何向HotNews主题中的评论框添加背景

HotNews主题的评论框添加背景的具体步骤:

1、直接删掉或注释掉js/custom.js里这两段代码:

  1. //Comments
  2. $(document).ready(function(){
  3. // 当鼠标聚焦
  4.  if($('#comment').val()==""){
  5. $('#comment').val('留言是种美德,写点什么...').css({color:"#666"});}
  6. $('#comment').focus(
  7. function() {
  8. if($(this).val() == '留言是种美德,写点什么...') {
  9. $(this).val('').css({color:"#222"});
  10. }
  11. }
  12. // 当鼠标失去焦点
  13. ).blur(
  14. function(){
  15. if($(this).val() == '') {
  16. $(this).val('留言是种美德,写点什么...').css({color:"#666"});
  17. }
  18. }
  19. );
  20. });

2、将想设置的图片文件名改成comment.gif(或其他名称和图片格式也行),放到主题的images目录。

3、然后在style.css找到#commentform textarea,在{}里面添加以下代码即可。

  1. background:url(images/comment.gif) no-repeat center;

以上技术代码来源于吴文辉博客的《HotNewsPro留言板添加背景》。

大家可以试试评论或留言,是不是比以前好多了?

相关推荐