discuz手机版帖子页面支持表格添加边框及边框颜色 [复制链接]

moqu8 2018-2-3

2489 0
discuz帖子支持插入表格,如下图,电脑版也能正常显示表格:380405a759247a31b6.png

然而,在电脑版看着正常的表格到了手机页面就不再显示边框线,这样的体验很不好!如下图:
12615a759285361d5.png

这和任何手机模板都没有关系,是因为discuz的系统文件限制了手机版页面显示表格边框,魔趣建站经过研究,修复了这个BUG,让手机也一样显示边框!效果如下图

622695a7592e64ee5f.png

当然,受页面大小限制,表格边框显示的不太美观,但是仍然比没有边框要好看的多!修改方法


【警告】任何修改之前请先备份文件!请使用notepad++修改!如不会修改,可付费由魔趣建站技术为你定制修改(50元/站)
1,用FTP打开文件/source/function/function_discuzcode.php ,搜索(一共两处!):

: '<table>'


全部修改为:

:'<table cellspacing="0" class="t_table_moqu8" '


2,找到你正在使用的手机模板,打开文件/touch/forum/viewthread_node.htm(不同模板这个文件的目录可能不同,文件名可能是viewthread_node.htm或者viewthread_node.php,如果你用的模板没有这个文件,就修改/template/default/touch/forum/viewthread_node.htm文件),在找到的页面任何一个<div>标签之前加入下面的代码:

 <style>
.t_table_moqu8{table-layout: fixed;width:100%}
.t_table_moqu8 td{border: 1px solid #afbeca;padding: 2px;}
</style>


当然,你也可以修改正在使用的手机模板的CSS样式,加入下面这段CSS:
.t_table_moqu8{table-layout: fixed;width:100%}
.t_table_moqu8 td{border: 1px solid #afbeca;padding: 2px;}
效果是一样的!修改保存后更新缓存,清空浏览器缓存即可生效!




经过上述的修改,你的手机版帖子页面也可以正常显示表格边框了,颜色也可以根据上面的代码自己设置,不一定要和电脑版相同,可以独立设置手机版的表格样式!教程结束!




最新回复 (0)
返回
支持中心
邮箱:winkill2012@qqcom
新站优化中!部分功能尚未完善,敬请谅解!
支持中心