|
马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。
您需要 登录 才可以下载或查看,没有账号?注册帐号
×
具体效果 :http://www.ymg6.com/forum.php?mod=forumdisplay&fid=50
效果图:
代码:- <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>
复制代码
|
|