12下一页
返回列表 发帖
查看: 1526|回复: 18

[已解决] 默认表格

324

主题

1353

回帖

1863

积分

已臻大成

贡献
12 点
金币
8 个
发表于 2023-12-30 22:57:15 来自手机 | 查看全部 |阅读模式
IMG_20230809_161300.jpg
论坛的默认表格样式能不能换成这种,既清晰又美观
是点击编辑器 IMG_20231230_225605.jpg 就默认这种表格的那种
1 贡献

最佳答案

这有何难

截图202401041430341280.jpg

在合适的地方加css或者DIY页面加sytle
  1. .t_table,.t_table td {border: 1px solid #cdcdcd; background: #f9f9f9;}
  2. .t_table tr:first-child td{background: #d9e2df}
复制代码


回复

使用道具 举报

3

主题

74

回帖

101

积分

应用开发者

贡献
3 点
金币
4 个
QQ
发表于 2024-1-3 19:55:13 | 查看全部
自己改css就可以了
回复

使用道具 举报

324

主题

1353

回帖

1863

积分

已臻大成

贡献
12 点
金币
8 个
 楼主| 发表于 2024-1-4 05:12:07 | 查看全部
zxsq 发表于 2024-1-3 19:55
自己改css就可以了

其实还是不懂css,不然也不会有这篇求助帖了
回复

使用道具 举报

13

主题

3152

回帖

5361

积分

应用开发者

贡献
372 点
金币
169 个
QQ
发表于 2024-1-4 07:57:43 | 查看全部
ysx24 发表于 2024-1-4 05:12
其实还是不懂css,不然也不会有这篇求助帖了

编辑器 历史包袱太重了……
想追求美观好用  估计只能彻底更换编辑器了……
回复

使用道具 举报

3

主题

74

回帖

101

积分

应用开发者

贡献
3 点
金币
4 个
QQ
发表于 2024-1-4 13:07:26 | 查看全部
ysx24 发表于 2024-1-4 05:12
其实还是不懂css,不然也不会有这篇求助帖了

来看看我的插件,csv表格:https://addon.dismall.com/plugins/zxsq_csv.html

样式和你发这个差不多
回复

使用道具 举报

40

主题

2960

回帖

5029

积分

应用开发者

Discuz! 运维

贡献
186 点
金币
672 个
QQ
发表于 2024-1-4 14:31:16 | 查看全部
这有何难

截图202401041430341280.jpg

在合适的地方加css或者DIY页面加sytle
  1. .t_table,.t_table td {border: 1px solid #cdcdcd; background: #f9f9f9;}
  2. .t_table tr:first-child td{background: #d9e2df}
复制代码


回复 1

使用道具 举报

324

主题

1353

回帖

1863

积分

已臻大成

贡献
12 点
金币
8 个
 楼主| 发表于 2024-1-4 16:47:49 | 查看全部

这个是对的,原汁原味
这个合适的地方是
比如默认模板,但是感觉和模板关系不大,毕竟是替换系统默认表格方式,涉及到编辑器了
回复

使用道具 举报

6

主题

804

回帖

2137

积分

已臻大成

贡献
140 点
金币
90 个
发表于 2024-1-4 16:55:13 | 查看全部

请问这样的要怎样添加css代码,就是图里的隔一行:第三行,第五行,第七行。。。。


1.JPG

回复

使用道具 举报

40

主题

2960

回帖

5029

积分

应用开发者

Discuz! 运维

贡献
186 点
金币
672 个
QQ
发表于 2024-1-4 16:55:31 | 查看全部
ysx24 发表于 2024-1-4 16:47
这个是对的,原汁原味
这个合适的地方是
比如默认模板,但是感觉和模板关系不大,毕竟是替换系统默认表格 ...

帖子页DIY下,静态HTML好了
回复

使用道具 举报

40

主题

2960

回帖

5029

积分

应用开发者

Discuz! 运维

贡献
186 点
金币
672 个
QQ
发表于 2024-1-4 16:57:12 | 查看全部
文強 发表于 2024-1-4 16:55
请问这样的要怎样添加css代码,就是图里的隔一行:第三行,第五行,第七行。。。。

css选择器了解下
  1. :nth-child(odd){
  2. //奇数行
  3. }
  4. :nth-child(even){
  5. //偶数行
  6. }
复制代码

谢谢了。 
发表于 2024-1-4 17:02
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

  • 关注公众号
  • 有偿服务微信
  • 有偿服务QQ

手机版|小黑屋|Discuz! 官方交流社区 ( 皖ICP备16010102号 |皖公网安备34010302002376号 )|网站地图|star

GMT+8, 2025-5-7 22:54 , Processed in 0.084423 second(s), 33 queries .

Powered by Discuz! W1.0 Licensed

Cpoyright © 2001-2025 Discuz! Team.

关灯 在本版发帖
有偿服务QQ
有偿服务微信
返回顶部
快速回复 返回顶部 返回列表