SCLUB免費論壇申請-使用者論壇 - Powered by Discuz! Board

繁體 | 簡體

Sclub交友聊天~加入聊天室當版主

(檢舉)

新浪微博

QQ空间

Facebook

Google+

Plurk

Twitter

Line

標題: [已回答] 怎么设置分类信息表单模板 [打印本頁]

作者: 墨色 時間: 2015-7-29 11:14 標題: 怎么设置分类信息表单模板

本帖最後由墨色於 2015-7-29 11:57 編輯

直接设置分类信息后在帖子里感觉不美观，光秃秃的。
要怎么设置成表单样子啊？！

这是现在的分类信息样子

想弄成类似这样的

圖片附件: 猎豹截图20150729111644.png (2015-7-29 11:16, 42.63 KB) / 下載次數 561
http://joinbbs.net/discuz/attachment.php?aid=65768&k=0f5f1e00b4dd0a6ea197ca35ae0520e8&t=1713599639&sid=9oYU88

圖片附件: 猎豹截图20150729111947.png (2015-7-29 11:18, 4.51 KB) / 下載次數 711
http://joinbbs.net/discuz/attachment.php?aid=65769&k=81deaf9404b7c7a539900d440361be42&t=1713599639&sid=9oYU88

作者: tommy850924 時間: 2015-7-29 11:20

聽不懂...這樣？

圖片附件: screen-11.20.02[29.07.2015].png (2015-7-29 11:20, 129.3 KB) / 下載次數 751
http://joinbbs.net/discuz/attachment.php?aid=65770&k=cbecf1fccedd4b2e84789f47e1199f8d&t=1713599639&sid=9oYU88

作者: 墨色 時間: 2015-7-29 11:23

本帖最後由墨色於 2015-7-29 11:31 編輯

回復 2# tommy850924

就是类似这样的表格行

作者: tommy850924 時間: 2015-7-29 11:41

回復 3# 墨色

圖片附件: screen-11.28.46[29.07.2015].png (2015-7-29 11:41, 56.94 KB) / 下載次數 766
http://joinbbs.net/discuz/attachment.php?aid=65774&k=83de15e15ea3348bb4db21b53aef7d4e&t=1713599639&sid=9oYU88

圖片附件: screen-11.29.34[29.07.2015].png (2015-7-29 11:41, 32.35 KB) / 下載次數 674
http://joinbbs.net/discuz/attachment.php?aid=65775&k=54df89829aee2d6ad874d37b93144f00&t=1713599639&sid=9oYU88

圖片附件: screen-11.30.36[29.07.2015].png (2015-7-29 11:41, 70.31 KB) / 下載次數 700
http://joinbbs.net/discuz/attachment.php?aid=65776&k=a45fc38d547b86a6bef1b393e14f0cc4&t=1713599639&sid=9oYU88

作者: 墨色 時間: 2015-7-29 11:46

本帖最後由墨色於 2015-7-29 11:54 編輯

回復 4# tommy850924

这个我明白的，我想弄得是在帖子里显示出表格。
因为我现在的分类信息发了帖子以后就是这样子的

分类信息设置是这样的猎豹截图20150729114508.png

圖片附件: 猎豹截图20150729114708.png (2015-7-29 11:46, 9.26 KB) / 下載次數 776
http://joinbbs.net/discuz/attachment.php?aid=65777&k=61b586ce27b0150b91a53208dd25d422&t=1713599639&sid=9oYU88

圖片附件: 猎豹截图20150729114508.png (2015-7-29 11:54, 8.12 KB) / 下載次數 786
http://joinbbs.net/discuz/attachment.php?aid=65778&k=dd76a5f0a2a13768fdadda73a5486882&t=1713599639&sid=9oYU88

作者: tommy850924 時間: 2015-7-29 12:03

回復 5# 墨色

最後一步的模版設置才是重點！需要HTML配合去設置~

預設用<li>

但你要的是表格，所以要用<tbody>

那個外框是預覽用的，真正的樣式只有框內而已，不含外框~如果要需要CSS去寫

HTML語法教學：http://www.powmo.com/

作者: 墨色 時間: 2015-7-29 12:03

回復 6# tommy850924

谢谢！

作者: qianyin 時間: 2015-7-29 12:09

本帖最後由 qianyin 於 2015-7-29 12:12 編輯

我论坛的是这样子的： QQ截图20150729114626.jpg

分类显示模板里插入这个
<table valign="top" style="border:1px solid;">
<tr>
<th width="50%"  style="border:1px solid;"（数值可改，或者把整个width=""删掉）>{fenggeming}（这个是前边的风格名①）</th>
<td  style="border:1px solid;">[fenggemingvalue]（这个是变量，是填写的，以下依次推论②，）</td>
</tr>
<tr>
<th  style="border:1px solid;">{zhizuozhe}</th>
<td  style="border:1px solid;">[zhizuozhevalue]</td>
</tr>
<tr>
<th  style="border:1px solid;">{zhuyi}</th>
<td  style="border:1px solid;">[zhuyivalue]</td>
</tr>
</table>

这个里面没加什么属性，只有边框，字不会跟我论坛一样居中，具体你自己再调一调把

圖片附件: QQ截图20150729114626.jpg (2015-7-29 12:08, 115.53 KB) / 下載次數 742
http://joinbbs.net/discuz/attachment.php?aid=65779&k=ce496b778ac0183f5268ee6bc2c1c334&t=1713599639&sid=9oYU88

作者: 墨色 時間: 2015-7-29 12:14

回復 6# tommy850924

谢谢！已经学会了

作者: tommy850924 時間: 2015-7-29 12:17

回復 8# qianyin

字置中在每行加入，或設一個div在用CSS去寫即可~
style="align:center;"

作者: 墨色 時間: 2015-7-29 12:47

回復 8# qianyin

非常感谢，很有帮助！

作者: rosa1414 時間: 2015-7-30 08:15

本帖最後由 rosa1414 於 2015-7-30 09:39 編輯

回復 1# 墨色

介绍几个给你作参考、自己动手操作比较有成就感哦!!

帖子内文字设计
http://sclub.com.tw/discuz/viewt ... &extra=page%3D3

帖子内的表格
http://sclub.com.tw/discuz/viewthread.php?tid=29027
若要多行表格增加数字即可

新人基础学习之家，欢迎共享新手资源。

http://sclub.com.tw/discuz/viewt ... &extra=page%3D1

给新手学习者 (◐.̃◐) ♥♥
http://sclub.com.tw/discuz/viewt ... &extra=page%3D1

作者: 墨色 時間: 2015-7-30 09:28

回復 12# rosa1414

太感谢了！！很需要的

歡迎光臨 SCLUB免費論壇申請-使用者論壇 (http://joinbbs.net/discuz/)