discuz手机版帖子页面支持表格添加边框及边框颜色

discuz帖子支持插入表格,如下图,电脑版也能正常显示表格: discuz手机版帖子页面支持表格添加边框及边框颜色 

然而,在电脑版看着正常的表格到了手机页面就不再显示边框线,这样的体验很不好!如下图:
discuz手机版帖子页面支持表格添加边框及边框颜色 

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

discuz手机版帖子页面支持表格添加边框及边框颜色 

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

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

全部修改为:
  1. :'<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>标签之前加入下面的代码:
  1. <style>
  2. .t_table_moqu8{table-layout: fixed;}
  3. .t_table_moqu8 td{border: 1px solid #afbeca;}
  4. </style>
复制代码

当然,你也可以修改正在使用的手机模板的CSS样式,加入下面这段CSS:
  1. .t_table_moqu8{table-layout: fixed;}
  2. .t_table_moqu8 td{border: 1px solid #afbeca;}
复制代码
效果是一样的!




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

猜你喜欢

转载自blog.csdn.net/qq_37744937/article/details/80174231