分享源码哥的Discuz一款分类信息 列表页模版

奶糖味的代言

具体效果 ：http://www.ymg6.com/forum.php?mod=forumdisplay&fid=50




效果图：
代码：

1. <style type="text/css"> *{ margin:0; padding:0;} body{ background:#f2f5f7;} .deankcbox{ Width:1180px; margin-top:20px} .deankcbox dl{ width:1208px;} .deankcbox dl dd{ float:left; margin:0 20px 20px 0; position: relative; width:280px;background:#fff; height:330px; overflow:hidden; -webkit-transition:all 0.3s linear;-moz-transition:all 0.3s linear;-o-transition:all 0.3s linear;-ms-transition:all 0.3s linear;transition:all 0.3s linear;-webkit-box-shadow: 0 5px 10px 0 rgba(0,0,0,.05);  -moz-box-shadow: 0 5px 10px 0 rgba(0,0,0,.05); box-shadow: 0 5px 10px 0 rgba(0,0,0,.05);} .deankcbox dl dd:hover{box-shadow: 0 5px 20px rgba(0,0,0,.3) } .deankcfgpic{ width:280px; height:280px;} .deankcfgpic img{ width:280px; height:280px;} .deankchiddenbox{ position:absolute; top:280px; left:0; width:280px; height:360px;background: rgba(255,255,255,.9);-webkit-transition:all 0.3s linear;-moz-transition:all 0.3s linear;-o-transition:all 0.3s linear;-ms-transition:all 0.3s linear;transition:all 0.3s linear;} .deankchiddenbox h5{    height: 42px;   line-height: 50px;   overflow: hidden;  width: 250px;   padding: 0 15px; } .deankchiddenbox h5 a{font-size:16px; color:#333; font-weight:normal; } .deankchiddenbox h5 a:hover{ color:#1396FF} .deankcpridec{   font-size: 16px;   color: #1396FF;   margin: 14px 0;  height: 17px;  line-height: 17px;   margin-left: 15px; background:url(./static/style/fl/er.png) left center no-repeat; padding-left:20px;} .deankchiddenbox p{ height:25px; line-height:25px; overflow:hidden; font-size:14px; color:#999; padding-left:15px;} .deanbottomsdkc{ padding:0 15px; height:55px; line-height:55px; margin-top:5px;} .deanbottomsdkcl{ float:left;} .deanbottomsdkcl a{ display:block; margin-top:17px;  font-size:14px; height:20px;line-height:20px; color:#1396FF; padding:0 10px; background:#fff;border:1px solid #1396FF;; border-radius:24px;-webkit-transition:all 0.3s linear;-moz-transition:all 0.3s linear;-o-transition:all 0.3s linear;-ms-transition:all 0.3s linear;transition:all 0.3s linear;} .deanbottomsdkcl a:hover{ background:#1396FF; color:#fff;} .deanbottmsdfr{ float:right;} .deanbottmsdfr span{ display:block; height:55px; line-height:55px; font-size:14px; color:#999; float:left; margin-left:10px;} .deanbottmsdfr span.deanbozjr{ background:url(./static/style/forumlist/view_ddd.png) left center no-repeat; padding-left:20px;} .deanbottmsdfr span.deanborenshu{background:url(./static/style/forumlist/comment_ddd.png) left center no-repeat; padding-left:20px;}.deankcbox dl dd:hover .deankchiddenbox{ top:0;} #threadlist .bbs,.deanbbsjj,#thread_types {display:none;} .mn{ padding:0; border:0; width:1180px!important;overflow:visible; background:none;}  </style> <div class="deankcbox">         <dl> [loop]                 <dd>                 <div class="deankcfgpic">                     <img src="{这里替换成分类信息图片地址}"/>             </div>             <div class="deankchiddenbox">                     <h5><a href="{subject_url}" target="_blank">{subject}</a></h5>                 <div class="deankcpridec">发布时间：{dateline} </div>                 <p>适用范围：{这里替换成分类信息} </p>                 <p>源码来源：{这里替换成分类信息}</p>                 <p>运行环境：{这里替换成分类信息} </p>                 <p><font color="#0C6">分享作者：{author}{author_verify}</font></p>                 <div class="deanbottomsdkc">                         <div class="deanbottomsdkcl"><a href="{subject_url}" target="_blank">立即下载</a></div>                     <div class="deanbottmsdfr">                             <span class="deanbozjr">{views}</span>                         <span class="deanborenshu">{replies}人已下载</span>                         <div class="clear"></div>                     </div>                     <div class="clear"></div>                 </div>         <div style="height:80px; border:2px #0C6 dashed;  width:276px;" _hover-ignore="1"><font style="color:#0c6; font-weight:bold; margin-left:50px; line-height:80px;">此广告位招租 QQ：</font></div>              </div>         </dd>  [/loop]         </dl> </div>

复制代码