Discuz!x 2.0 教程 - 04 深入分类信息(下)

接上节课 https://discuz.dismall.com/thread-2462087-1-1.html


http://player.youku.com/player.php/sid/XMzE1MjI1NzYw/v.swf

大家好,这里是v8站长教程中心,接上两节课,关于深入discuz分类信息,这节课算是下,也就是分类信息的最后一节课,其实个人感觉分类信息没有什么讲解的,康盛为我们已经做得非常简单了! 我们只需要实际操作下就可以了! 那么今天我们是以一个简单的房产分类信息的小例子来回顾下前两节课,当然 分类信息只是discuz的一部分,我们下边会讲别的东西..好,废话不多说,我们今天来看下例子...

1. 
   
2. <style type="text/css">
   
3. .zuobian {width:260px; height:260px; float:left; margin:0px 30px 20px 0px}
   
4. .zuobian img { border:5px solid #f8dedd}
   
5. .youbian{ width:460px; float:right}
   
6. .fenlan1 { width:230px; float:left;}
   
7. .fenlan1 p{ border-bottom: #CCC 1px dashed; padding: 20px 0px 0px 10px;}
   
8. .fenlan1 p strong { font-size:16px; color:#FF9900}
   
9. .fenlan2 p strong { font-size:16px; color:#FF9900}
   
10. .fenlan2 { width:230px; float:right}
    
11. .fenlan2 p{ border-bottom: #CCC 1px dashed; padding: 20px 0px 0px 10px;}
    
12. .fenge{ margin:20px 0px 20px 0px}
    
13. .lianxi { border:1px solid #cccccc; background-color:#fdf6e4; width:465px; height:40px; margin:28px 0px 0px 0px;}
    
14. .lianxi p{ padding:8px 0px 0px 10px}
    
15. .lianxi p strong { color:#268438; font-size:18px; padding-right:20px}
    
16. </style>
    
17. 
    
18. <div class="zuobian">
    
19. <img src="[tupianaavalue]" width="260" height="260">
    
20. </div>
    
21. <div class="youbian">
    
22. <div class="fenlan1">
    
23. <p>租金：<strong>[zujinvalue]</strong> 元/月</p>
    
24. <p>付款条件：[fukuantjvalue]</p>
    
25. <p>房租押金：[fangzuyajinvalue]</p>
    
26. <p>房租类型：[fangwuleixingvalue]</p>
    
27. <p>装修情况：[zhuangxiuqingkvalue]</p>
    
28. </div>
    
29. <div class="fenlan2">
    
30. <p>面积：<strong>[mianjivalue]</strong>平方</p>
    
31. <p>租期：[zuqivalue]</p>
    
32. <p>出租方式：[chuzufangshivalue]</p>
    
33. <p>房屋朝向：[fangwuchaoxiangvalue]</p>
    
34. <p>楼层：[loucengvalue]层</p>
    
35. </div>
    
36. <div class="lianxi"><p>联系电话 <strong>[lianxidianhuavalue]</strong> 联系人：[lianxirenvalue]</p>
    
37. </div>
    
38. </div>
    
39. <img src="http://127.0.0.1/jiaocheng/img/gg.gif">

复制代码

http://d.1tpan.com/6axKonfe8R
http://dl.dbank.com/c0ff5i5k2x

支持: v8站长

坐沙发也似很简单的

:victory:第一次这么靠前，非常好的教程，顶！

支持