废话不多说直接看图把以下代码添加到log_list.php中，位置就自己看哪里看的舒心放哪里吧 <!--首页随机、热门文章--> <article class="hot_posts "> <div class="suiji"> <h3>随机文章</h3> <ul class="layout_ul"> <?php getRandLog(6);?> </ul> </div> <div class="hots"> <h3>本月热门</h3> <ul class="layout_ul"> <?php getdatelogs(6);?> </ul> </div> </article>css一般都是放在style.css文件中，不排除其他模板有是其他文件 自行摸索/*首页随机、热门读取*/ .hot_posts {background-color:#fff;padding:20px;position:relative;font-size:0;box-shadow:0 0px 20px rgba(160, 160, 160, 0.1);border-radius:10px;margin-bottom: 10px;} .hot_posts .suiji {display:inline-block;vertical-align:top;width:50%;padding-right:10px;} .hot_posts .hots {display:inline-block;vertical-align:top;width:50%;padding-left:10px;} .hot_posts h3 {border-bottom:2px #f2f2f2 solid;padding-bottom:6px;margin-bottom:8px;font-size:16px;margin-top:0;position:relative;} .hot_posts h3:after {content:"";color:#ffffff;position:absolute;height:2px;width:30px;background:#45b6f7;left:0;bottom:-2px;-webkit-transition:all .25s ease-in;-moz-transition:all .25s ease-in;transition:all .25s ease-in;} .hot_posts .suiji:hover h3:after, .hot_posts .hots:hover h3:after {width:100px;} .hot_posts ul {padding:0} .hot_posts ul li {display:block;padding:8px 0;-webkit-transition:ease-in-out 0.25s;transition:ease-in-out 0.25s;font-size:12px;} .hot_posts ul li:hover {font-size:15px;-webkit-transition:ease-in-out 0.25s;transition:ease-in-out 0.25s;} .hot_posts ul li a {display:block;-ms-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;line-height:22px;} .hot_posts ul li strong {float:right;font-weight:normal;line-height:22px;padding-left:15px;} .hot_posts ul li a>img {width:30px;height:22px;margin-right:4px;border-radius:5px;vertical-align:bottom;} .hot_posts span {width:22px;height:22px;background-color:#f2f2f2;display:inline-block;text-align:center;margin-right:4px;border-radius:25px;line-height:22px;color:#666;} .hot_posts ul li:nth-child(1) span {background-color:#ff5a3c;color:#fff;} .hot_posts ul li:nth-child(2) span {background-color:#13b755;color:#fff;} .hot_posts ul li:nth-child(3) span {background-color:#00a9e3;color:#fff;} @media screen and (max-width: 768px){ .hot_posts .suiji{width: 100%;} } @media screen and (max-width: 768px){ .hot_posts .hots{width: 100%;} } .nav-top { width: 900px; }好了本次教程到此结束

最近很多新购买和重新安装FLY模板的用户一直在群里发问说为什么安装完模板后首页是这个样子的  如下图这边这里就出一个教程1，如果你是新模板安装的请到Emlog的后台  相关管理-分类设置中添加一个分类2，在FLY的模板设置中设置   FLY的模板设置地址是  你的地址/?setting 高级设置中设置模板分类以及图片分类  两个分类选择必须选择一项分类 你可以在后台创建一个无用分类来选择保存设置后你回到首页就会发现首页已经正常  是不是很神奇  咱也不知道饺子搞啥就设置成了这样

一、效果图二、页面说明此页面应当与FLY主题合在一起使用，完美匹配FLY5.5。此页面由FLY1.4版本的模板设置页面改造而来，可不刷新更换页面导航目录，可自己适当的改造！三、页面使用1、将页面下载后，放入page目录中，新建页面后直接调用，emlog6.0.1页面调用时，显示工具页面。2、所涉及到的css如下/*tools页面*/ .set_box h3 {width: 93%;height: 20px;font-size: 20px;line-height: 2px;text-align: center;} .linkpage li {width: 25%;float: left;position: relative;transition: all .3s ease-out;border-radius: 10px;margin: 10px 22px;background-color: #333;padding: 15px;} .linkpage li a {display: block;padding: 0 0 0 90px;height: 90px;cursor: url(link.cur),pointer;} .linkpage li a img {width: 60px;height: 60px;border-radius: 50%;position: absolute;top: 15px;left: 15px;cursor: pointer;transition: all ease 1s;-webkit-transition: all ease 1s;-moz-transition: all ease 1s;-o-transition: all ease 1s;-ms-transform: all ease 1s;cursor: url(link.cur),pointer;} .linkpage li a img:hover{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg);} .linkpage li a h4 {padding: 20px 0 3px;color: #f4a7b9;font-size: 17px;font-weight: 400;} .linkpage li a p {padding: 3px 0 20px;color: #bbc;font-size: 14px;} .linkpage li a h4, .linkpage li a p {cursor: url(link.cur),pointer;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;margin: auto;text-transform: uppercase;text-align: left;padding-right: 15px;}注：页面一旦新建完成后，即可使用，不需要再写入内容（后台页面的内容不会显示在前端，显示代码去除了），修改页面内容时需要使用编程软件打开，一个一个的改！四、页面下载