互联网观察 网站建设 网站运营 网上创业 电子商务 建站软件 建站软件教程 网站开发 网页制作 收藏本站
建站常识 | 域名 | 主机 | 网上开店 | 搜索引擎优化 | 网站推广 | 网络赚钱 | 站长经验 | 个人建站 | 网站设计 | 网页特效 | wap网站

更合理的快速回复栏修改方法

这样的设置,最大的好处就是可以任意更换发贴心情图片了。因为动网默认的设置里,如果你替换了比较大的发贴心情图片,在快速回复框里显示的很别扭的....

下面说说修改方法

所有设置均在后台风格模板设置中的page_dispbbs_template.html(0)中进行。

以下修改是首先实现发帖表情框的高度,我的想法是先看得见再说

找到

auto ;padding:4px 20px 4px 20px;height:30px;line-height:30px;text-align

把height:30px改为你想要的高度,一般对照你的心情图标高度调整就可以了。我设置的是70。

以下修改是先把段落格式,字体,字号这部分移走并放在快速回复工具栏中

找到这样一段,就是段落格式,字体,字号那段代码——

<div style="float:left;height:30px;line-height:30px;border:1px inset;background-color: #fff;padding:4px;">
<select id="Dvbbs_formatSelect" class="Dvbbs_TBGen" onchange="Dvbbs_doSelectClick('FormatBlock',this)">
<option>段落格式</option>
<option value="&lt;P&gt;">普通格式</option>
<option value="&lt;H1&gt;">标题 1</option>
<option value="&lt;H2&gt;">标题 2</option>
<option value="&lt;H3&gt;">标题 3</option>
<option value="&lt;H4&gt;">标题 4</option>
<option value="&lt;H5&gt;">标题 5</option>
<option value="&lt;H6&gt;">标题 6</option>
<option value="&lt;H7&gt;">标题 7</option>
<option value="&lt;PRE&gt;">已编排格式</option>
<option value="&lt;ADDRESS&gt;">地址</option>
</select>
<select class="Dvbbs_TBGen" id="FontName" onchange="FormatText ('fontname',this[this.selectedIndex].value);">
<option class="heading" selected="selected">字体</option>
<option value="宋体">宋体</option>
<option value="黑体">黑体</option>
<option value="楷体_GB2312">楷体</option>
<option value="仿宋_GB2312">仿宋</option>
<option value="隶书">隶书</option>
<option value="幼圆">幼圆</option>
<option value="新宋体">新宋体</option>
<option value="细明体">细明体</option>
<option value="Arial">Arial</option>
<option value="Arial Black">Arial Black</option>
<option value="Courier">Courier</option>
<option value="Verdana">Verdana</option>
<option value="Wide Latin">Wide Latin</option>
<option value="Wingdings">Wingdings</option>
</select>
<select class="Dvbbs_TBGen" id="FontSize" onchange="FormatText('fontsize',this[this.selectedIndex].value);">
<option class="heading" selected="selected">字号</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
</select>
</div>

把这段剪切,然后粘贴到

<img src="http://www.51one.net/tobbs/dvbbs/images/post/icon_alipay.gif" alt="生成一个支付宝交易信息" class="icoover" onmouseover="this.className='icoovermouseover';" onmouseout="this.className='icoover';" onclick="Dvbbs_UserDialog('InsertAlipay');this.className='icoonclick';"/>
</div>
</div>


两个</div>中间,然后把粘贴的代码中的

<div style="float:left;height:30px;line-height:30px;border:1px inset;background-color: #fff;padding:4px;">


改为<div>即可。当然以上两步你可以颠倒着做^_^!

以下修改是调整发帖表情框的高度,当然不想调也可以,只要你觉得好看...
找到:

<b>发贴表情</b></div>
<div style="height:160px;border:1px inset;background-color: #fff;padding:15px;text-indent:0px;overflow:auto;overflow-y:scroll;">


把height:160px中的数值改为想要的即可。我设定的是280。


好了。到这里就全部OK了。


下面附送两点小技巧

1:去掉快速回复框中的交易图标
很简单,,把

<img src="http://www.51one.net/tobbs/dvbbs/images/post/icon_alipay.gif" alt="生成一个支付宝交易信息" class="icoover" onmouseover="this.className='icoovermouseover';" onmouseout="this.className='icoover';" onclick="Dvbbs_UserDialog('InsertAlipay');this.className='icoonclick';"/>


删掉即可。





上一篇:被搜索引擎收录后,标题后显示Powered By Dvbbs.net,去掉的方法
下一篇:动网论坛常见问题收集及解决方法[05/20更新]



版权所有 Copyright© 2006 黑马建站宝典 联系方式:heima123#gmail.com