dz论坛分类列表模板亲测
dz论坛分类列表模板亲测
[*]<style>
[*]@media screen and (max-width: 500px) {
[*] .jnpar_listcon{
[*] width: 95%;
[*] margin: 0.3rem;
[*] border: 1px solid #DDD;
[*] float:left;
[*] }
[*] .price_y{
[*] text-decoration: line-through;
[*] color: #BBB;
[*] margin-left: 0.15rem;
[*] font-size: 0.5rem;
[*] }
[*] .price_n{
[*] color: red;
[*] font-size: 0.7rem;
[*] }
[*] .count_red{
[*] color: red;
[*] font-size: 0.7rem;
[*] }
[*] .span_y{
[*] float: right;
[*] font-size: 0.5rem;
[*] }
[*] .jnpar_listinfo{
[*] padding: 0.5rem;
[*] padding-top:0px;
[*] }
[*] .jnpar_online{
[*] line-height: 1.5rem;
[*] font-family: '微软雅黑';
[*] font-size: 0.7rem;
[*] }
[*] .commidy_title{
[*] display: inline-block;
[*] font-size: 0.7rem;
[*] }
[*] .onlypc{display: none;}
[*] .list_allcon{padding:0.5rem;background:white;}
[*]}
[*]@media screen and (min-width: 501px) {
[*] .jnpar_listcon{
[*] width: 280px;
[*] margin: 6px;
[*] border: 1px solid #DDD;
[*] float:left;
[*] }
[*] .price_y{
[*] text-decoration: line-through;
[*] color: #BBB;
[*] margin-left: 5px;
[*] }
[*] .price_n{
[*] color: red;
[*] font-size: 16px;
[*] }
[*] .count_red{
[*] color: red;
[*] }
[*] .span_y{
[*] float: right;
[*] }
[*] .jnpar_listinfo{
[*] padding: 10px;
[*] padding-top:0px;
[*] }
[*] .jnpar_online{
[*] line-height: 30px;
[*] font-family: '微软雅黑';
[*] font-size: 14px;
[*] border-bottom: 1px solid #EEE;
[*] overflow: hidden;/*超出部分隐藏*/
[*] white-space: nowrap;/*不换行*/
[*] text-overflow:ellipsis;/*超出部分文字以...显示*/
[*] }
[*] .commidy_title{
[*] min-width: 50px;
[*] font-weight: bold;
[*] font-size: 15px;
[*] }
[*].jnpar_listauthor img{
[*] width: 19px;
[*] border-radius: 50%;
[*] vertical-align: middle;
[*] margin-right: 5px;
[*]}
[*] .list_allcon{padding:10px;}
[*]}
[*]
[*]</style>
[*]<div class="list_allcon cl">
[*]
[*]<div class="jnpar_listcon">
[*] <div class="main_img">
[*] <a href="{subject_url}" target="_blank"><img src="{cphoto_9_value}" width="100%" height="300px"/></a>
[*] </div>
[*] <div class="jnpar_listinfo">
[*] <div class="jnpar_online"><span class="price_n">{price_n_9_value}金币</span><span class="price_y"></span><span class="span_y">VIP会员免费</span></div>
[*] <div class="jnpar_online"style="padding-bottom:3px;"><a href="{subject_url}" title="{subject}" class="commidy_title">{subject}</a></div>
[*]
[*] <div class="jnpar_online onlypc" style="border-top:1px dashed #EEE;padding-top:1px;"><span class="jnpar_listauthor"><img src="{avatar_small}"/></span><a href="{author_url}">{author}</a><span class="span_y"><a href="http://wpa.qq.com/msgrd?v=3&uin=304192058&site=Discuz! Board&menu=yes&from=discuz" target="_blank" title="QQ"><img src="source/plugin/jnpar_sortshop/images/site_qq.jpg" alt="QQ" style="margin-top:3px;"></a></div>
[*]
[*] </div>
[*]</div>
[*]
[*]
[*]</div>
[*]<script src="source/plugin/jnpar_sortshop/js/jquery.min.js" type="text/javascript"></script>
[*]<script>
[*]jq=jQuery.noConflict();
[*]</script>
[*]<script>
[*]jq(document).ready(function() {
[*] jq(".count_red").each(function() {
[*] var sales = (jq(this).text());
[*] if(/^\s*?$/.test(sales)) {
[*] //如果是空的
[*] jq(this).text(0)
[*] } else {
[*] }
[*] });
[*]});
[*]</script>
复制代码
-------------------------------------------------------------------------
[*]<div class="ue_fenlei">
[*]
[*]<div class="t_i">
[*]<div class="l_title">
[*]<div class="l_title_t">
[*]<font color="red">
[*][{price_n_9_value}金币]
[*]</font>
[*]<a href="{subject_url}" class="xst" target="_blank">{subject}</a>
[*]<em class="webprice"></em>{attachment}
[*]</div>
[*]<div class="p_info">{dateline}</div>
[*]
[*]</div>
[*]</div>
[*]
[*]</div>
[*]<style>
[*].ue_fenlei {overflow: hidden;padding:0 10px 10px 10px;}
[*].ue_fenlei .t_i {float: left;width: 100%;padding: 8px 5px;border-bottom: 1px dashed #dfdfdf;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;}
[*].ue_fenlei .l_title {float: left;width: 100%;font-size: 14px;}
[*].ue_fenlei .l_title .l_title_t {float: left;}
[*].ue_fenlei .l_title .l_title_t .xst {max-width: 730px;display: inline-block;height: 19px;overflow: hidden;/* line-height: 23px; */text-overflow: ellipsis;white-space: nowrap;vertical-align: top;}
[*].ue_fenlei .l_title .webprice {color: #F32929;padding-top: 1px;}
[*].ue_fenlei .l_title em {margin-right: 4px;}
[*].ue_fenlei .l_title .p_info {float: right;color: #9d9d9d;font-size: 12px;}
[*]</style>
页:
[1]