最近在回复大家的评论的时候,我总是很烦躁,因为每次点击那个表情的时候,总是跟着出现“留言是种美德,写点什么…”这些词语,然后必须手动删除才行,所以就想着去掉它,方便大家评论和方便自己回复。
去掉后“留言是种美德,写点什么…”的提示后总觉得很单调,所以就想向评论框添加背景,幸好被我找到了吴文辉博主分享的文章,让我得以顺利添加背景。
向HotNews主题的评论框添加背景的具体步骤:
1、直接删掉或注释掉js/custom.js里这两段代码:
- //Comments
- $(document).ready(function(){
- // 当鼠标聚焦
- if($(‘#comment’).val()==“”){
- $(‘#comment’).val(‘留言是种美德,写点什么…’).css({color:“#666”});}
- $(‘#comment’).focus(
- function() {
- if($(this).val() == ‘留言是种美德,写点什么…’) {
- $(this).val(”).css({color:“#222”});
- }
- }
- // 当鼠标失去焦点
- ).blur(
- function(){
- if($(this).val() == ”) {
- $(this).val(‘留言是种美德,写点什么…’).css({color:“#666”});
- }
- }
- );
- });
2、将想设置的图片文件名改成comment.gif(或其他名称和图片格式也行),放到主题的images目录。
3、然后在style.css找到#commentform textarea,在{}里面添加以下代码即可。
- background:url(images/comment.gif) no-repeat center;
以上技术代码来源于吴文辉博客的《HotNewsPro留言板添加背景》。
大家可以试试评论或留言,是不是比以前好多了?