dz7.2分类信息美化 超美团购信息界面

先看效果，如果图片看不清楚，请到以下网址观看演示：http://www.qhdqzw.com/thread-2100-1-1.html

请看上面的图片，就是经过美化后的团购信息界面，主次分明、结构清晰，让任何网友看到后都能够对该次团购活动一目了然。

本界面修改了dz7.2分类信息默认模板，新模板代码如下：

1. <div class="fy_infor">
   
2.            <table width="100%" border="0" cellspacing="0" cellpadding="0">
   
3.              <tr>
   
4.                <td width="50"> </td>
   
5.                <td valign="top"><table width="680" border="0" cellspacing="0" cellpadding="0" class="fy_tab1">
   
6.                           <tr>
   
7.                                 <td> </td>
   
8.                                 <td> </td>
   
9.                                 <td width="62" height="20"></td>
   
10.                           </tr>
    
11.                           <tr>
    
12.                                 <td colspan="2" class="fy_name"><h1 style="text-align:center;font-size:20px;font-family:黑体;font-weight:normal">[tgwpvalue]
    
13. </h1></td>
    
14.                                 <td> </td>
    
15.                           </tr>
    
16.                         </table>
    
17.                         <table width="680" border="0" cellspacing="0" cellpadding="0" class="fy_tab2">
    
18.                           <tr>
    
19.                                 <td width="220" class="dash_line">原售价： [ybsjvalue] </span> 元</td>
    
20.                                 <td width="220" class="dash_line">团购价：<span> [tgjvalue] 元</span> </td>
    
21.                                 <td width="220" class="dash_line">团费：[tfvalue] 元</td>
    
22.                           </tr>
    
23.                                 <tr>
    
24.                                 <td width="220" class="dash_line">开团日期：[ktrqvalue] </td>
    
25.                                 <td width="220" class="dash_line">截团日期：[jtrqvalue] </td>
    
26.                                 <td width="220" class="dash_line">成团条件：[cttjvalue] </td>
    
27.                                 </tr>
    
28.                         </table>
    
29.             <table width="680" border="0" cellspacing="0" cellpadding="0">
    
30.                  <tr>
    
31.                    <td width="58" align="right"><img src="images/caifuc_19lou/icon_tel.gif" /></td>
    
32.                                    <td class="tel_num1" align="center"> [lxfsvalue](<b>联系人</b>:  [namevalue] )</td>              
    
33.                  </tr>
    
34.             </table>
    
35.             <table width="680" border="0" cellspacing="0" cellpadding="0" class="fy_tab3">
    
36.                                 <tr>
    
37.                                 <td width="220" class="dash_line">付款方式：[fkfsvalue]  </td>
    
38.                                 <td width="220" class="dash_line">分赃地点：[fzddvalue] </td>
    
39.                                 <td width="220" class="dash_line">货源：[hyvalue] </td>
    
40.                                 </tr>
    
41.                         </table>
    
42. </td>
    
43.                          <td width="50"> </td>
    
44.              </tr>
    
45.           </table>
    
46. </div>
    
47. <div class="infor_fy_point">
    
48.            <div class="infor_fp_con">
    
49. 详细介绍:
    
50.            </div>
    
51. </div>

复制代码

用到的css文件在这里：

喜欢的朋友可以将其无限发挥，做出更加人性化和完美的界面！

好漂亮啊

还是不错的，感谢分享。

很不错，但是修改哪个文件呢?

将这段代码添加到“后台——板块——分类信息类别——分类信息帖子显示模板”里面
然后上传css，在论坛头部文件中，添加css链接即可

没人喜欢么？:)

不错!收藏了

秦皇岛亲子网欢迎亲子、母婴、教育类网站前来交换链接

x谢谢分享~~我也是才接触能给一个详细的安装方法吗？

然后上传css，在论坛头部文件中，添加css链接即可 这里怎么操作啊  谢谢