免費論壇 繁體 | 簡體
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) / 下載次數 2745
http://youpost.info/discuz/attachment.php?aid=65768&k=5071a3b11bb20232614d189159648370&t=1732351073&sid=9xRb2P



圖片附件: 猎豹截图20150729111947.png (2015-7-29 11:18, 4.51 KB) / 下載次數 2926
http://youpost.info/discuz/attachment.php?aid=65769&k=83d6fa4badff5c3123df257b29d307bf&t=1732351073&sid=9xRb2P


作者: 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) / 下載次數 2647
http://youpost.info/discuz/attachment.php?aid=65770&k=9e1c2848d8fc8811fe1206d58ab061a0&t=1732351073&sid=9xRb2P


作者: 墨色    時間: 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) / 下載次數 2729
http://youpost.info/discuz/attachment.php?aid=65774&k=4ed47e3e912a16b2743397dac4ed0e93&t=1732351073&sid=9xRb2P



圖片附件: screen-11.29.34[29.07.2015].png (2015-7-29 11:41, 32.35 KB) / 下載次數 2644
http://youpost.info/discuz/attachment.php?aid=65775&k=3b42d9c24c2e3540d335f380161c8b60&t=1732351073&sid=9xRb2P



圖片附件: screen-11.30.36[29.07.2015].png (2015-7-29 11:41, 70.31 KB) / 下載次數 2627
http://youpost.info/discuz/attachment.php?aid=65776&k=3f9b4c09052295cb061f1ff18647722a&t=1732351073&sid=9xRb2P


作者: 墨色    時間: 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) / 下載次數 2999
http://youpost.info/discuz/attachment.php?aid=65777&k=f8a07603504d91c872967362f78a6944&t=1732351073&sid=9xRb2P



圖片附件: 猎豹截图20150729114508.png (2015-7-29 11:54, 8.12 KB) / 下載次數 3055
http://youpost.info/discuz/attachment.php?aid=65778&k=c5cb438bd559d14677fe7dc6973d67a9&t=1732351073&sid=9xRb2P


作者: 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) / 下載次數 2900
http://youpost.info/discuz/attachment.php?aid=65779&k=bfecfcdd9237b8f7edb6d91f64a2702a&t=1732351073&sid=9xRb2P


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