站长中国

 找回密码
 立即注册

QQ登录

只需一步,快速开始

查看: 1622|回复: 5

[经验分享] 分类信息教程+分类信息帖子显示模板+分类信息发帖模板

[复制链接]
发表于 2010-7-3 02:12:31 | 显示全部楼层 |阅读模式

马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。

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

x
效果: 未命名.jpg

看图教程:
1.gif
2.gif
3.gif
4.gif
5.gif
6.gif
7.gif

  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>
复制代码
发帖显示模板,效果如下

8.gif

  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. 根据自己的表格行列数,进行更改,变量替换!
复制代码

发表于 2010-7-21 07:48:58 | 显示全部楼层
好详细的教程
发表于 2013-4-18 02:14:36 | 显示全部楼层
看不懂是什么
发表于 2013-5-1 13:46:06 | 显示全部楼层
正需要,学习吧
发表于 2013-5-1 23:07:44 | 显示全部楼层
感谢分享。
发表于 2018-2-15 14:16:46 | 显示全部楼层
你是有知识的人
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

小黑屋|手机版|站长中国

GMT+8, 2018-6-20 03:49 , Processed in 0.501654 second(s), 25 queries .

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

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