腾讯云服务器优惠活动华纳云香港服务器

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

WordPress主题推荐

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

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

如何向HotNews主题中的评论框添加背景-第1张-boke112百科(boke112.com)

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留言板添加背景》。

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

本文地址:https://boke112.com/post/586.html

赞 (0) 打赏
版权声明:本文为原创文章,版权归 boke112百科 所有,欢迎分享本文,转载请保留出处!发布此文是出于传递更多信息之目的,若有来源标注错误或侵犯了您的合法权益,请联系我们,确认后马上更正或删除,谢谢!
wu