在发贴文本输入框中显示背景图片 For Discuz! 2.5

引用:

css.htm
在


</style>
之前添加



.input   {
BORDER-RIGHT: #ffffff 1px solid; BORDER-TOP: #ffffff 1px solid; FONT-SIZE: 12px; BACKGROUND-ATTACHMENT: fixed; BACKGROUND-IMAGE: url({IMGDIR}/input.gif); BORDER-LEFT: #ffffff 1px solid; BORDER-BOTTOM: #eeeeee 1px solid
}  

找到你想要添加背景图片的文本输入框
例如：
viewthread.htm
找到



<td width="82%" bgcolor="{ALTBG2}" class="smalltxt"><textarea rows="7" cols="90" name="message" onKeyDown="javascript: ctlent();" tabindex="2"textarea>
替换为：



<td width="82%" bgcolor="{ALTBG2}" class="smalltxt"><textarea rows="7" cols="90" name="message" onKeyDown="javascript: ctlent();" tabindex="2" class="input"></textarea>
发表主题修改post_newthread.htm



<textarea rows="18" cols="85" name="message" tabindex="4" onSelect="javascript: storeCaret(this);" onfocus=getActiveText(this) onbeforepaste="if(document.getElementById('x_paste').checked){window.clipboardData.setData('message',trans());this.focus();}" onClick="javascript: storeCaret(this);" onKeyUp="javascript: storeCaret(this);" onKeyDown="javascript: ctlent();">$message</textarea>  

替换为：



<textarea rows="18" cols="85" name="message" tabindex="4" onSelect="javascript: storeCaret(this);" onfocus=getActiveText(this) onbeforepaste="if(document.getElementById('x_paste').checked){window.clipboardData.setData('message',trans());this.focus();}" onClick="javascript: storeCaret(this);" onKeyUp="javascript: storeCaret(this);" onKeyDown="javascript: ctlent();" class="input">$message</textarea>
道理一样
图片放到使用风格的图片目录下

回覆及快速發帖及編輯也加上此美化框，詳細如下

一、編輯模板post_newreply.htm

查找


<textarea rows="18" cols="85" name="message" tabindex="4" onSelect="javascript: storeCaret(this);" onClick="javascript: storeCaret(this);" onKeyUp="javascript: storeCaret(this);" onKeyDown="javascript: ctlent();">$message</textarea>
修改為


<textarea rows="18" cols="85" name="message" tabindex="4" onSelect="javascript: storeCaret(this);" onClick="javascript: storeCaret(this);" onKeyUp="javascript: storeCaret(this);" onKeyDown="javascript: ctlent();" class="input">$message</textarea>
二、編輯模板forumdisplay.htm

查找


<textarea rows="7" cols="90" name="message" onKeyDown="javascript: ctlent();" tabindex="2"></textarea>
改為


<textarea rows="7" cols="90" name="message" onKeyDown="javascript: ctlent();" tabindex="2" class="input"></textarea>
三、編輯模板post_editpost.htm

查找


<textarea rows="18" cols="85" name="message" tabindex="4" onSelect="javascript: storeCaret(this);" onClick="javascript: storeCaret(this);" onKeyUp="javascript: storeCaret(this);" onKeyDown="javascript: ctlent();">$postinfo[message]</textarea>
換成


<textarea rows="18" cols="85" name="message" tabindex="4" onSelect="javascript: storeCaret(this);" onClick="javascript: storeCaret(this);" onKeyUp="javascript: storeCaret(this);" onKeyDown="javascript: ctlent();" class="input">$postinfo[message]</textarea>
完成