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

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

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

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

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

这是现在的分类信息样子
猎豹截图20150729111644.png
想弄成类似这样的
猎豹截图20150729111947.png

圖片附件: 猎豹截图20150729111644.png (2015-7-29 11:16, 42.63 KB) / 下載次數 563
http://www.sclub.com.tw/discuz/attachment.php?aid=65768&k=32d73da9e90a58453d589228101ab264&t=1714611716&sid=U1kfii



圖片附件: 猎豹截图20150729111947.png (2015-7-29 11:18, 4.51 KB) / 下載次數 711
http://www.sclub.com.tw/discuz/attachment.php?aid=65769&k=b2882b8d08bfabc93efffd0adb99b21f&t=1714611716&sid=U1kfii


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

聽不懂...這樣?
screen-11.20.02[29.07.2015].png

圖片附件: screen-11.20.02[29.07.2015].png (2015-7-29 11:20, 129.3 KB) / 下載次數 754
http://www.sclub.com.tw/discuz/attachment.php?aid=65770&k=73863669c7f1c403ea77a63ea2f48faf&t=1714611716&sid=U1kfii


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

screen-11.29.34[29.07.2015].png

screen-11.30.36[29.07.2015].png

圖片附件: screen-11.28.46[29.07.2015].png (2015-7-29 11:41, 56.94 KB) / 下載次數 772
http://www.sclub.com.tw/discuz/attachment.php?aid=65774&k=a3215cdf023eacd896890e4994d5d9f0&t=1714611716&sid=U1kfii



圖片附件: screen-11.29.34[29.07.2015].png (2015-7-29 11:41, 32.35 KB) / 下載次數 675
http://www.sclub.com.tw/discuz/attachment.php?aid=65775&k=8176278cd52f0eaf0914870632b36a96&t=1714611716&sid=U1kfii



圖片附件: screen-11.30.36[29.07.2015].png (2015-7-29 11:41, 70.31 KB) / 下載次數 705
http://www.sclub.com.tw/discuz/attachment.php?aid=65776&k=1a79158d9e1a14c99ce0bd69be3fc353&t=1714611716&sid=U1kfii


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

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

回復 4# tommy850924


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

圖片附件: 猎豹截图20150729114708.png (2015-7-29 11:46, 9.26 KB) / 下載次數 781
http://www.sclub.com.tw/discuz/attachment.php?aid=65777&k=b20eec43e5e0720bb59539c1d3930da6&t=1714611716&sid=U1kfii



圖片附件: 猎豹截图20150729114508.png (2015-7-29 11:54, 8.12 KB) / 下載次數 787
http://www.sclub.com.tw/discuz/attachment.php?aid=65778&k=17cfba53231be629c83168aab0bd1de7&t=1714611716&sid=U1kfii


作者: 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) / 下載次數 750
http://www.sclub.com.tw/discuz/attachment.php?aid=65779&k=a3fc23a7665a5e5444d2acae470327f6&t=1714611716&sid=U1kfii


作者: 墨色    時間: 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://www.sclub.com.tw/discuz/) Powered by Discuz! 7.2