电脑端帝国CMS响应式图片专题模板帝国cms模板下载一万五源码

当前位置：首页 > 网站模板 > 帝国cms模板 > 电脑端帝国CMS响应式图片专题模板

[源码类型]：帝国cms模板

[相关推荐]：图片源码帝国CMS7.5模板帝国cms专题响应式模板图片模板

[文件大小]：

[下载权限]：1金币 / VIP会员

立即下载

源码介绍

帝国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.caijicaiji.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、复制附件中的样式文件到网站根目录中