第一步，增加公共模板变量

代码如下：
 

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27      < div  class = "newsbox" > [e:loop={"select * from [!db.pre!]enewsclass where classid in (1,2,3,4)  order by myorder asc ",0,24,0}] <? php $ classurl = sys_ReturnBqClassname ($bqr,9);//取得栏目地址 ?>          < section >          < div  class = "news" >            < h2  class = "newstitle" >< span >< a  href="<?=$classurl?>"  target="_blank">更多</ a ></ span >< b ><?=$bqr[classname]?></ b ></ h2 >            < ul > <? php //取得该分类下的最新数据         $newbook=$empire->query("select * from  {$dbtbpre}ecms_news  where classid =".$bqr[classid]." order by newstime desc limit 8");            while($r=$empire->fetch($newbook)) {      ?> < li >< a  href="<?=sys_ReturnBqTitleLink($r)?>" target="_blank">< span ><?=date('Y-m-d',$r[newstime])?></ span ><?=DoTitleFont($r[titlefont],$r[title])?></ a > </ li >      <? php       }      ?>            </ ul >          </ div >        </ section >           [/e:loop]   </ div >

第二步，将[!–temp.listnews–]复制，粘贴到首页模板

第三步，添加css，修改skin/jxhx/css/base.css 

1 2 3 4 5 6 7 8 9 10 11 12 13 /*newsbox*/ .newsbox { overflow :  hidden ; margin-bottom :  10px ;} .newsbox section { width :  49.5% ; float :  left ; margin-bottom :  10px ;} .newsbox section:nth-child(odd){  float : right } .newsbox .news { background :  #fff ; border :  1px  solid  #E1E1E1 ;} .newstitle {  line-height :  40px ;  font-size :  15px ;  border-bottom :  1px  solid  #E1E1E1 ;  background :  #F8F8F8  url (../images/newslist.png)  no-repeat  left  14px  center ;  padding :  0  20px  0  46px ;  font-weight :  normal  } .newstitle span {  float :  right ;  font-size :  14px  } .newstitle span a {  color :  #666  } .newstitle b {  display :  block ;  border-left :  1px  solid  #E1E1E1 ;  padding-left :  10px  } .newsbox .news ul {  padding :  10px  } .newsbox .news ul li {  display : inline- block ;  overflow :  hidden ; text- overflow : ellipsis;  white-space :  nowrap ;  height :  28px ;  width :  96% ;  line-height :  28px ;  font-size :  14px ;  background :  url (../images/li.png)  no-repeat  left  center ;  padding-left :  15px ; } .newsbox .news ul li span {  float :  right ;  color :  #999 ;  font-size :  12px ;  margin-left :  20px  } .newsbox .news ul li a:hover {  color :  #09B1B9 ; }

第四步，上传图片li.jpg,newslist.png到skin/jxhx/images/

声明：本站所有文章，如无特殊说明或标注，均为本站原创发布。任何个人或组织，在未征得本站同意时，禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益，可联系我们进行处理。