【转载自:http://www.shyhack.cn/post/199.html,转载请著名版权。】

前几天在雨林木枫上看到他们的评论正文框内有背景图片,留言或评论时鼠标一点图片就不见了,感觉很不错。昨天研究了下,经过丹丹MM的指导,测试成功!跟大家分享下!效果见下图:

  下面分享下方法,找到你主题下:EMPLATE / b_article_commentpost.html 文件

  将以下代码:

<p><label for="txaArticle"><#ZC_MSG055#>(*)(<#ZC_MSG056#>:<#ZC_CONTENT_MAX#>)</label><textarea name="txaArticle" id="txaArticle" onchange="GetActiveText(this.id);" onclick="GetActiveText(this.id);" onfocus="GetActiveText(this.id);" class="text"  rows="4" tabindex="5" ></textarea></p>

 

  更改为:

<p><textarea name="txaArticle" id="txaArticle" onchange="GetActiveText(this.id);" onfocus="GetActiveText(this.id);" class="text" cols="50" rows="4" tabindex="5" onclick="this.style.background=’#FFF’" style="background:url(你的图片地址) no-repeat scroll left top; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;" onclick="GetActiveText(this.id);" ></textarea></p>

  将其中“你的图片地址”更改为你上传图片的地方,皓哥的图片地址为:http://www.52mis.com.cn/upload/coment.jpg

本文来源于:网络转载。转载请保留这个链接,不会对你的SEO大业产生影响。

2 回应 至“”分享Z-BLOG留言和评论正文框内””

留下回复