恋雾迷尘论坛 » ≮ Discuz! 6.0.0/6.1.0 插件 ≯ » ≮ Discuz! 2.5SP1≯ » 在发贴文本输入框中显示背景图片 For Discuz! 2.5

爱雨冷雪 发表于 2005-2-3 20:57

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

css.htm
在

[code]</style>[/code]

之前添加

[code].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
}[/code]

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

[code]<td width="82%" bgcolor="{ALTBG2}" class="smalltxt"><textarea rows="7" cols="90" name="message" onKeyDown="javascript: ctlent();" tabindex="2"textarea>[/code]

替换为：

[code]<td width="82%" bgcolor="{ALTBG2}" class="smalltxt"><textarea rows="7" cols="90" name="message" onKeyDown="javascript: ctlent();" tabindex="2" class="input"></textarea>[/code]

发表主题修改post_newthread.htm

[code]<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>[/code]

替换为：

[code]<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>[/code]

道理一样
图片放到使用风格的图片目录下
还有post_editpost.htm，post_newreply.htm，forumdisplay.htm以此类推！

LOVEJJ 发表于 2005-8-16 22:56

........做到传图片那里了..然后......不会了....显示不出来呢姐姐

爱雨冷雪 发表于 2005-8-17 01:39

传在风格图片里~

bluesky 发表于 2006-1-16 15:37

怎么弄成4。0的？一样吗？

爱雨冷雪 发表于 2006-1-17 06:13

官方有..

甄爱嘉桦 发表于 2006-1-17 19:07

[color=Red]随着一声『富神爷爷到』，天上掉下个馅饼砸到甄爱嘉桦头上，
甄爱嘉桦获得了『富神爷爷』赠送幸运6颗。。[/color]

我的里面用不了

nas01456 发表于 2006-1-28 17:55

愛雨姐 我已成功使用 但是在編輯文章時 原文都不見了 能告知修正方式嗎 ??

[[i] 本帖最后由 nas01456 于 2006-1-28 18:02 编辑 [/i]]

nas01456 发表于 2006-1-28 18:23

我已修復還是感謝你 此站讓我學到很多

妹妹甜心 发表于 2006-1-30 01:52

^加油^道谢^鼓励^有礼

久久吧 发表于 2006-2-7 16:18

改这么多模板多累啊.
只要在css.htm内修改一下就行了
找到


CODE:[Copy to clipboard]input,select,textarea        { font: {SMFONTSIZE} {FONT}; color: {TABLETEXT}; font-weight: normal; background-color: {ALTBG1} }
修改为


CODE:[Copy to clipboard]input,select        { font: {SMFONTSIZE} {FONT}; color: {TABLETEXT}; font-weight: normal; background-color: {ALTBG1} }
textarea {font: {SMFONTSIZE} {FONT}; color: {TABLETEXT}; font-weight: normal; background:{ALTBG1} url({IMGDIR}/input.gif) fixed no-repeat;}
如果想对框背景图片进行显示定位的话,可以把


CODE:[Copy to clipboard]background:{ALTBG1} url({IMGDIR}/input.gif) fixed no-repeat;
比如改成


CODE:[Copy to clipboard]background:{ALTBG1} url({IMGDIR}/input.gif) fixed bottom right no-repeat;
这样,背景图片就显示在框的右下角.

背景图片的大小很有讲究,多少高宽需要结合你论坛的风格界面来定了.

如果想加上边框,再加上


CODE:[Copy to clipboard]BORDER: {ALTBG1} 1px solid;
不需要


CODE:[Copy to clipboard]BORDER-RIGHT: #ffffff 1px solid; BORDER-TOP: #ffffff 1px solid;BORDER-LEFT: #ffffff 1px solid; BORDER-BOTTOM: #eeeeee 1px solid;
毕竟四条边框是一样的style,如果不一样才有必要这样写.

冰蓝雪爱 发表于 2007-8-6 23:23

太神了,好

*** 作者被禁止或删除 内容自动屏蔽 ***

￡天使之心￡ 发表于 2007-8-13 21:14

了解一下！

*** 作者被禁止或删除 内容自动屏蔽 ***

查看完整版本: 在发贴文本输入框中显示背景图片 For Discuz! 2.5