免費論壇 繁體 | 簡體
Sclub交友聊天~加入聊天室當版主
分享
Board logo

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

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

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

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

这是现在的分类信息样子
猎豹截图20150729111644.png
2015-7-29 11:16

想弄成类似这样的
猎豹截图20150729111947.png
2015-7-29 11:18


圖片附件: 猎豹截图20150729111644.png (2015-7-29 11:16, 42.63 KB) / 下載次數 24
http://joinbbs.net/discuz/attachment.php?aid=65768&k=42a397e2f13782cce2845098a93f1f11&t=1601342952&sid=9191Je



圖片附件: 猎豹截图20150729111947.png (2015-7-29 11:18, 4.51 KB) / 下載次數 190
http://joinbbs.net/discuz/attachment.php?aid=65769&k=b080caa17844e1b33ac46f0119637c82&t=1601342952&sid=9191Je


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

聽不懂...這樣?
screen-11.20.02[29.07.2015].png
2015-7-29 11:20


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


作者: 墨色    時間: 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


screen-11.29.34[29.07.2015].png
2015-7-29 11:41


screen-11.30.36[29.07.2015].png
2015-7-29 11:41


圖片附件: screen-11.28.46[29.07.2015].png (2015-7-29 11:41, 56.94 KB) / 下載次數 193
http://joinbbs.net/discuz/attachment.php?aid=65774&k=e074c61003ee56780c782f074195dd97&t=1601342952&sid=9191Je



圖片附件: screen-11.29.34[29.07.2015].png (2015-7-29 11:41, 32.35 KB) / 下載次數 183
http://joinbbs.net/discuz/attachment.php?aid=65775&k=4e093bf2016d61e13cd062f6c99309ff&t=1601342952&sid=9191Je



圖片附件: screen-11.30.36[29.07.2015].png (2015-7-29 11:41, 70.31 KB) / 下載次數 193
http://joinbbs.net/discuz/attachment.php?aid=65776&k=33fd8ce6853384e3be3dd9c23dffd940&t=1601342952&sid=9191Je


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

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

回復 4# tommy850924


    这个我明白的,我想弄得是在帖子里显示出表格。
因为我现在的分类信息发了帖子以后就是这样子的
猎豹截图20150729114708.png
2015-7-29 11:46

分类信息设置是这样的
猎豹截图20150729114508.png
2015-7-29 11:54


圖片附件: 猎豹截图20150729114708.png (2015-7-29 11:46, 9.26 KB) / 下載次數 214
http://joinbbs.net/discuz/attachment.php?aid=65777&k=688692aae4e831d36ac6524d2f1bb37b&t=1601342952&sid=9191Je



圖片附件: 猎豹截图20150729114508.png (2015-7-29 11:54, 8.12 KB) / 下載次數 195
http://joinbbs.net/discuz/attachment.php?aid=65778&k=760f9961a9041825a6118074e7c497e6&t=1601342952&sid=9191Je


作者: 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
2015-7-29 12:08

分类显示模板里插入这个
<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) / 下載次數 188
http://joinbbs.net/discuz/attachment.php?aid=65779&k=f744bea29704ae0305ac97ca4fa80137&t=1601342952&sid=9191Je


作者: 墨色    時間: 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/) Powered by Discuz! 7.2