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

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


优酷观看 http://player.youku.com/player.php/sid/XMzE0OTA5MDk2/v.swf





大家好,今天我们是 深入DISCUZ x2.0 分类信息的第二小节,今天主要是帖子列表和调用的设置,其实都比较简单...

帖子显示模板

1. 
   
2. <style type="text/css">
   
3. .zuobian { float:left; width:330px; height:310px;}
   
4. .youbian p{padding:0px 0px 20px 0px; font-size:16px}
   
5. .jiage{font: normal 24px Tahoma,Arial,Helvetica,sans-serif;
   
6. color: #F50;}
   
7. </style>
   
8. <div class="zuobian">
   
9. <img src="[shangptuvalue]" width="310" height="310" style="border:1px solid #cccccc" alt="[biaotivalue]">
   
10. </div>
    
11. <div class="youbian">
    
12.     <p>价格：<span class="jiage">[jiagevalue]</span>元</p>
    
13.       <p> 共出售：<span>[chushouvalue]</span>件</p>
    
14.     <p>卖家信誉：<img src="http://127.0.0.1/jiaocheng/img/[xinyuvalue].gif"></p>
    
15.     <p><a href="[goumaivalue]" target="_blank"><img src="http://127.0.0.1/jiaocheng/img/goumai.gif" width="128" height="36"></a></p>
    
16. </div>

复制代码

主题显示模板

1. 
   
2. <img src="[shangptuvalue]" style="border:1px solid #cccccc; float:left; margin-right:20px">
   
3. <p>价格：<span style="font-size: 27px; color: #C00; font-family: Tahoma,Arial,Helvetica,sans-serif;">[jiagevalue]</span>元<br>
   
4. 已出售：<span style="color: #C60;font-family: Tahoma,Arial,Helvetica,sans-serif;">[chushouvalue]</span>件
   
5. <br>
   
6. 卖家信誉：<img src="http://127.0.0.1/jiaocheng/img/[xinyuvalue].gif"><br>
   
7. <a href="[goumaivalue]" target="_blank"><img src="http://127.0.0.1/jiaocheng/img/goumai.gif" width="128" height="36"></a>
   
8. </p>
   

复制代码

调用显示模板

1. <div class="zong">
   
2. <p class="tu"><img src="[shangptuvalue]"></p>
   
3. <p><a href="{url}">[biaotivalue]</a></p>
   
4. <p>￥<span class="STYLE2">[jiagevalue]</span>元</p>
   
5. <p>已出售：<span style="color: #C60;font-family: Tahoma,Arial,Helvetica,sans-serif;">[chushouvalue]</span>件</p>
   
6. <p>卖家信誉：<img src="http://127.0.0.1/jiaocheng/img/[xinyuvalue].gif"></p>
   
7. <p><a href="[goumaivalue]" target="_blank"><img src="http://127.0.0.1/jiaocheng/img/goumai.gif" width="128" height="36"></a></p>
   
8. </div>
   

复制代码

高清下载
http://dl.dbank.com/c09ubimw6x
[url=http://d.1tpan.com/4ly1rDpjPU]http://d.1tpan.com/4ly1rDpjPU[/url]

更新贡献

永远支持分享精神

感谢楼主分享，学习啦

就发五个字