Discuz!官方免费开源建站系统

 找回密码
 立即注册

QQ登录

只需一步,快速开始

搜索

【最新】分类信息教程+分类信息帖子显示模板+分类信息发帖模板

  [复制链接]
lansfb 发表于 2010-6-4 00:56:43 | 显示全部楼层 |阅读模式
本帖最后由 lansfb 于 2010-6-12 00:37 编辑

看图教程
预览效果的:http://www.lp798.com/thread-64-1-1.html








  1. <style type="text/css">
  2. .xinren_0471_la dl {margin-top:10px; font-size:14px; color:#333;}
  3. .xinren_0471_la dt {height:23px; line-height:23px; color:#6D8F3A;}
  4. .xinren_0471_la dd {line-height:22px;}
  5. .xinren_0471_la table {border-collapse:collapse; font-size:14px; table-layout: fixed; width:560px;margin-bottom: 10px; }
  6. .xinren_0471_la th, .xinren_0471_la td {padding:0; height:27px; line-height:27px; border:1px solid #DBE7BE; background:#FFFFFF;}
  7. .xinren_0471_la td {width:450px; padding:0 10px; overflow:hidden;}
  8. .xinren_0471_la th {width:110px; color:#334F67; text-align:right; font-size:14px;background:#E9F4D2;padding-right: 10px;}
  9. .xinren_0471_la .number{font:bold 16px "Arial"; color:#fc6d02; }
  10. .xinren_0471_la .HintMsg{padding-left:5px; font-size:12px; color:#666; font-weight:normal;}

  11. </style>


  12. <div class="xinren_0471_la">
  13. <dl>
  14. <dd>

  15. <table><tbody>

  16. <tr>
  17. <th>{gq}:</th>
  18. <td> [gqvalue] [gqunit]</td>
  19. </tr>

  20. <tr>
  21. <th>{xj}:</th>
  22. <td> [xjvalue] [xjunit]</td>
  23. </tr>

  24. <tr>
  25. <th>{jg}:</th>
  26. <td> [jgvalue] [jgunit]</td>
  27. </tr>

  28. <tr>
  29. <th>{lxdh}:</th>
  30. <td> [lxdhvalue] [lxdhunit]</td>
  31. </tr>

  32. </tbody></table>

  33. </dd>
  34. </dl>
  35. </div>
复制代码
代码放在分类管理里的分类信息帖子显示模板,不会下面详解

  1. 4行2列,根据你的需求更改行列数
  2. <tr>
  3. <th>{gq}:</th> 这里是变量
  4. <td> [gqvalue] [gqunit]</td> 这里是值,点击上面的插入模板--》插入帖子就能看到自己的变量了
  5. </tr>

  6. <tr>
  7. <th>{xj}:</th>
  8. <td> [xjvalue] [xjunit]</td>
  9. </tr>

  10. <tr>
  11. <th>{jg}:</th>
  12. <td> [jgvalue] [jgunit]</td>
  13. </tr>

  14. <tr>
  15. <th>{lxdh}:</th>
  16. <td> [lxdhvalue] [lxdhunit]</td>
  17. </tr>

复制代码



6月7号更新
发帖显示模板,效果如下

  1. 代码
  2. <style type="text/css">
  3. .ts {font-size:12px;}
  4. .xinren_0471_la dl {margin-top:10px; font-size:14px; color:#333;}
  5. .xinren_0471_la dt {height:23px; line-height:23px; color:#6D8F3A;}
  6. .xinren_0471_la dd {line-height:22px;}
  7. .xinren_0471_la table {border-collapse:collapse; font-size:14px; table-layout: fixed; width:560px;margin-bottom: 10px; }
  8. .xinren_0471_la th, .xinren_0471_la td {padding:0; height:27px; line-height:27px; border:1px solid #DBE7BE; background:#FFFFFF;}
  9. .xinren_0471_la td {width:450px; padding:0 10px; overflow:hidden;}
  10. .xinren_0471_la th {width:110px; color:#334F67; text-align:right; font-size:14px;background:#E9F4D2;padding-right: 10px;}
  11. .xinren_0471_la .number{font:bold 16px "Arial"; color:#fc6d02; }
  12. .xinren_0471_la .HintMsg{padding-left:5px; font-size:12px; color:#666; font-weight:normal;}
  13. </style>

  14. <div class="xinren_0471_la">
  15. <dl>
  16. <dd>
  17. <table><tbody>

  18. <tr>
  19. <th><strong class="rq">[gqrequired]</strong> {gq} </th>
  20. <td> [gqvalue] [gqunit][gqtips]  [gqdescription]</td>
  21. </tr>

  22. <tr>
  23. <th><strong class="rq">[xjrequired]</strong> {xj} </th>
  24. <td> [xjvalue] [xjunit][xjtips] [xjdescription]</td>
  25. </tr>

  26. <tr>
  27. <th><strong class="rq">[jgrequired]</strong> {jg} </th>
  28. <td>[jgvalue] [jgunit]<span class="ts">[jgtips] [jgdescription]</span></td>
  29. </tr>

  30. <tr>
  31. <th><strong class="rq">[lxdhrequired]</strong> {lxdh} </th>
  32. <td> [lxdhvalue] [lxdhunit] <span class="ts">[lxdhtips] [lxdhdescription]</span></td>
  33. </tr>

  34. </tbody></table>
  35. </dd>
  36. </dl>
  37. </div>
  38. 根据自己的表格行列数,进行更改,变量替换!
复制代码

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有账号?立即注册

x
 楼主| lansfb 发表于 2010-6-4 00:59:11 | 显示全部楼层
用了不顶的,MJJ!女的MMM
回复

使用道具 举报

msnal 发表于 2010-6-4 00:59:43 | 显示全部楼层
不错
回复

使用道具 举报

chenww_ari 发表于 2010-6-4 01:29:35 | 显示全部楼层
看这里  http://www.eliling.com
回复

使用道具 举报

kisslbz 发表于 2010-6-4 01:32:04 | 显示全部楼层
回复

使用道具 举报

yxdmt 发表于 2010-6-4 03:39:23 | 显示全部楼层
还没用上,先顶一下。
回复

使用道具 举报

台灣玩透透 发表于 2010-6-4 04:05:31 | 显示全部楼层
本帖最后由 台灣玩透透 于 2010-7-20 11:43 编辑

做記號
回复

使用道具 举报

sentol 发表于 2010-6-4 06:14:14 | 显示全部楼层
本帖最后由 sentol 于 2010-6-5 04:38 编辑

很好下图是怎么做的?(昨天图片加不上)

回复

使用道具 举报

xbhwl 发表于 2010-6-4 07:03:50 | 显示全部楼层
还没用上,先顶一下。
回复

使用道具 举报

青年大哥 发表于 2010-6-4 07:55:24 | 显示全部楼层
还不错 就是发帖模板那个代码能不能详细说明一下!
回复

使用道具 举报

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

本版积分规则

手机版|小黑屋|Discuz! 官方站 ( 皖ICP备16010102号 )star

GMT+8, 2024-10-3 02:24 , Processed in 0.128576 second(s), 17 queries , Gzip On.

Powered by Discuz! X3.4

Copyright © 2001-2023, Tencent Cloud.

快速回复 返回顶部 返回列表