帝国CMS响应式图片专题模板

模板编号：260
点击次数：
模板终端：电脑端
适用版本：ecms7.5
模板编码：GBK+UTF
下载权限：普通 / VIP
模板售价：免费下载
下载次数：14次

立即下载

帝国CMS响应式图片专题模板说明

1、本模板为专题模板，不是整站模板

2、模板为样式文件和帝国cms模板HTML代码，所以使用前您要会一点模板修改知识

帝国CMS响应式图片专题模板使用方法

1、新建一个列表模板，取名为专题列表模板

2、复制“页面模板”代码到页面模板中

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head profile="http://gmpg.org/xfn/11">
<meta charset="UTF-8">
<meta http-equiv="Content-Type" content="text/html" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="keywords" content="[!--pagekey--]" />
<meta name="description" content="[!--pagedes--] " />
<title>[!--pagetitle--]--<?=$public_r[sitename]?></title>
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0">
<link rel="stylesheet" type="text/css" href="/skin/zhuanti/kube.css" />
<link rel="stylesheet" type="text/css" href="/skin/zhuanti/reset.css" />
<link rel="stylesheet" type="text/css" href="/skin/zhuanti/style.css" />
<link rel="shortcut icon" href="/skin/zhuanti/favicon.ico" type="image/x-icon" />
<link rel='stylesheet' id='font-awesome-css'  href='/skin/zhuanti/font-awesome.css?ver=3.9.3' type='text/css' media='all' />
<!--[if lte IE 7]>
<link rel='stylesheet' id='font-awesome-ie7-css'  href='/skin/zhuanti/font-awesome.min.css?ver=3.9.3' type='text/css' media='all' />
<![endif]-->
<script type='text/javascript' src='/skin/zhuanti/jquery.min.js?ver=3.9.3'></script>
<style>
#post_container .fixed-hight .thumbnail {
	height: 200px;
	overflow: hidden;
}
</style>
</head>
<body  class="custom-background">
<!---加载进度条---->
<div class="mainmenus ">
  <div class="mainmenu container">
    <div class="topnav">
      <div id="blogname" > <a href="[!--news.url--]" title="<?=$public_r[sitename]?>--[!--class.name--]专题页">
        <h1>[!--class.name--]</h1>
        <img src="/skin/zhuanti/logo.png" alt="<?=$public_r[sitename]?>--[!--class.name--]专题页面" /></a> </div>
      <div class="menu-button"><i class="menu-ico"></i></div>
      <ul id="menus">
        <li class="menu-item <?=$GLOBALS[navclassid]?"":""?>"><a href="/">首页</a></li>
        <?php
$sql=$empire->query("select classid,classname,islast from {$dbtbpre}enewsclass where bclassid=0 and showclass=0 order by myorder,myorder asc limit 7");
    while($s=$empire->fetch($sql)){
    	$tclass="";
        $fr=explode('|',$class_r[$GLOBALS[navclassid]][featherclass]);
        $topbclassid=$fr[1]?$fr[1]:$GLOBALS[navclassid];
        if($topbclassid==$s[classid]){
        	$tclass='';
        }
        $classurl=sys_ReturnBqClassname($s,9);
        
        echo '<li class="menu-item '.$tclass.'"><a href="'.$classurl.'">'.$s[classname].'</a>';
        if(!$s[islast]){
        	$sql2=$empire->query("select classid,classname from {$dbtbpre}enewsclass where bclassid=$s[classid] and showclass=0 order by myorder,myorder asc");
            $str="";
            while($s2=$empire->fetch($sql2)){
            	$classurl2=sys_ReturnBqClassname($s2,9); 
            	$str.='<li class="menu-item"><a href="'.$classurl2.'">'.$s2[classname].'</a></li>';
            }
            echo '<ul class="sub-menu">'.$str.'</ul>';
        }
        echo '</li>';
    }
?>

      </ul>
      <!-- menus END --> 
    </div>
  </div>
  <div class="clear"></div>
</div>
</div>
<div class="smainmenus ">
  <div class="smainmenu container">
    <div class="stopnav">
      <div class="slider">
        <div id="focus">
          <ul>
            <li>  <img src="[!--class.classimg--]" width="500" height="300" /> 
              <div class="flex-caption">
                <h2><a href="http://logo.tslogo.com/?p=70"  target="_blank" rel="nofollow">[!--class.name--]</a></h2>
                <p class="slides_entry"> [!--class.intro--] </p>
                
              </div>
            </li>
            
          </ul>
        </div>
      </div>
    </div>
    </li>
    </ul>
    <!-- menus END --> 
  </div>
</div>
<div class="clear"></div>
</div>
<div class="container">
 
  <ul id="post_container" class="masonry clearfix">
    [!--empirenews.listtemp--]<!--list.var1-->[!--empirenews.listtemp--]
  </ul>
  <div class="clear"></div>
</div>
</div>
<div class="navigation container">
  <div class='pagination'>[!--show.listpage--]</div>
</div>
<div class="clear"></div>
<div class="clear"></div>
<div id="footer">
  
  <div class="copyright">
    <p> Copyright &copy; 2014 <a href="https://www.wdzzz.com/"><strong> 我的站长站 </strong></a> Powered by <a href="#" rel="external">底部网站链接</a><br />
      <a href="http://www.miitbeian.gov.cn/" rel="external">京ICP备AAAAA8888号</a> .            百度统计 </p>
  </div>
</div>
</div>
<!--gototop-->
<div id="tbox"> <a id="gotop" href="javascript:void(0)"></a> </div>
<script type="text/javascript" src="/skin/zhuanti/loostrive.js"></script>
</body>
</html>

3、复制“内容代码”

 <li class="post box row fixed-hight">
      <div class="post_hover">
        <div class="sticky">HOT</div>
        <div class="thumbnail"> <a href="[!--titleurl--]" class="zoom" rel="bookmark" title="[!--oldtitle--]"> <img src="[!--titlepic--]" width="320" height="200" alt="[!--oldtitle--]" /> </a> </div>
        <div class="article">
          <h2><a href="[!--titleurl--]" rel="bookmark" title="[!--oldtitle--]">[!--title--]</a></h2>
          <div class="entry_post">
            <p> [!--smalltext--]... </p>
          </div>
          <div class="arrow-catpanel-top">&nbsp;</div>
        </div>
      </div>
    </li>

4、新建一个专题，模板选择刚刚创建的模板

5、复制附件中的样式文件到网站根目录中