1.素材:https://wwa.lanzous.com/imhbve65oba
2.找到極致cms:下載:https://pan.baidu.com/s/1Aq9TSubsOxeJakxP107pvQ
提取碼:fizl
3.安裝登錄後臺(修改好之後的):
4.創建模板index.html:
導航調用:
下面是我改好的首頁模板,有些是用的重複的,自己可以看的懂哈:
<!doctype html>
<html>
<head>
<meta charset="gbk">
<title>{$webconf['web_name']}</title>
<meta name="keywords" content="{$webconf['web_keyword']}" />
<meta name="description" content="{$webconf['web_desc']}" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
{include="style"}
</head>
<body>
{include="nav"}
<article>
<aside class="l_box">
<div class="about_me">
<h2>關於我</h2>
<ul>
<i><img src="{$tpl}assets/home/images/4.jpg"></i>
<p><b>末末</b>,一個90後程序員!09年入行。一直潛心研究web前端技術,一邊工作一邊積累經驗,分享一些個人博客模板,以及SEO優化等心得。</p>
</ul>
</div>
<div class="wdxc">
<h2>我的相冊</h2>
<ul>
{loop table="collect" orderby="orders desc" tid="2" isshow="1" as="v"}
<li><a href="#"><img src='{$v["litpic"]}'></a></li>
{/loop}
</ul>
</div>
<div class="search">
<form action="{fun get_domain()}/searchAll" method="GET" name="searchform" id="searchform">
<input name="keyboard" id="keyboard" class="input_text" value="請輸入關鍵字詞" style="color: rgb(153, 153, 153);"
onfocus="if(value=='請輸入關鍵字詞'){this.style.color='#000';value=''}" onblur="if(value==''){this.style.color='#999';value='請輸入關鍵字詞'}"
type="text">
<input name="show" value="title" type="hidden">
<input name="tempid" value="1" type="hidden">
<input name="tbname" value="news" type="hidden">
<input name="Submit" class="input_submit" value="搜索" type="submit">
</form>
</div>
<div class="fenlei">
<h2>文章分類</h2>
<ul>
{foreach $classtypedata[15]["children"]["list"] as $v}
<li><a href="{$v['url']}">{$v["classname"]} ({fun M($v["molds"])->getCount(["isshow"=>1,"tid"=>$v['id']]); })</a></li>
{/foreach}
</ul>
</div>
<div class="tuijian">
<h2>站長推薦</h2>
<ul>
<li><a href="/">你是什麼人便會遇上什麼人</a></li>
<li><a href="/">帝國cms 列表頁調用子欄目,沒有則不顯示欄目名稱</a></li>
<li><a href="/">第二屆 優秀個人博客模板比賽參選活動</a></li>
<li><a href="/">個人博客模板《紳士》後臺管理</a></li>
<li><a href="/">你是什麼人便會遇上什麼人</a></li>
<li><a href="/">帝國cms 列表頁調用子欄目,沒有則不顯示欄目名稱</a></li>
<li><a href="/">第二屆 優秀個人博客模板比賽參選活動</a></li>
<li><a href="/">個人博客模板《紳士》後臺管理</a></li>
</ul>
</div>
<div class="links">
<h2>友情鏈接</h2>
<ul>
{loop table="links" isshow="1" orderby="orders desc" as="v"}
<a href="{$v['url']}">{$v["title"]}</a>
{/loop}
</ul>
</div>
<div class="guanzhu">
<h2>關注我 麼麼噠</h2>
<ul>
{loop table="collect" orderby="orders desc" tid="3" isshow="1" as="v"}
<img src='{$v["litpic"]}'>
{/loop}
</ul>
</div>
</aside>
<main class="r_box">
{loop table="article" orderby="orders desc" limit="10" as="v"}
<li><i><a href="{$v['url']}"><img src='{$v["litpic"]}'></a></i>
<h3><a href="{$v['url']}">{$v["title"]}</a></h3>
<p>{$v["description"]}</p>
</li>
{/loop}
{loop table="article" orderby="orders desc" limit="10" as="v"}
<li><i><a href="{$v['url']}"><img src='{$v["litpic"]}'></a></i>
<h3><a href="{$v['url']}">{$v["title"]}</a></h3>
<p>{$v["description"]}</p>
</li>
{/loop}
{loop table="article" orderby="orders desc" limit="10" as="v"}
<li><i><a href="{$v['url']}"><img src='{$v["litpic"]}'></a></i>
<h3><a href="{$v['url']}">{$v["title"]}</a></h3>
<p>{$v["description"]}</p>
</li>
{/loop}
{loop table="article" orderby="orders desc" limit="10" as="v"}
<li><i><a href="{$v['url']}"><img src='{$v["litpic"]}'></a></i>
<h3><a href="{$v['url']}">{$v["title"]}</a></h3>
<p>{$v["description"]}</p>
</li>
{/loop}
{loop table="article" orderby="orders desc" limit="10" as="v"}
<li><i><a href="{$v['url']}"><img src='{$v["litpic"]}'></a></i>
<h3><a href="{$v['url']}">{$v["title"]}</a></h3>
<p>{$v["description"]}</p>
</li>
{/loop}
</main>
</article>
<footer>
<p>Design by <a href="http://www.wyzdjg.top" target="_blank">末末</a> <a href="/">冀ICP備17034384號-1</a></p>
</footer>
<a href="#" class="cd-top">Top</a>
</body>
</html>
調用出來是下面的:
其他頁面還沒寫,後面更新