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

 2015-05-01 08:25:46  942 人阅读  6 条评论

投放广告联系   诚邀合作伙伴   赞助我们   垃圾评论惩罚

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

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

如何向HotNews主题中的评论框添加背景|boke112导航

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

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

如果文章对你有帮助,请赞赏支持boke112导航发展!

历史上的今天:

本文地址:https://boke112.com/586.html
文章标签: ,  
版权声明:本文为原创文章,版权归  所有,欢迎分享本文,转载请保留出处!
淘宝天猫无门槛专享优惠券

 发表评论


  1. 知园
    知园 【秀才】 @回复

    挺不错 :qiang: ,我也弄一个像这样子的

    • boke112导航
      boke112导航【村长】2015-05-07 08:32  回复

      @知园:cy: 感觉比原来的好

  2. 大谋士网
    大谋士网 【状元】 @回复

    :fendou: 测试下,嘿嘿!

  3. 小乐丫中文网
    小乐丫中文网 【举人】 @回复

    每天都在跟新呀

    • boke112导航
      boke112导航【村长】2015-05-01 16:36  回复

      @小乐丫中文网:cy: 没有那么厉害,只是最近刚好在折腾这些相关的,所以就顺便更新分享出来了