例如这样的展示页面:
需要增加的字段是 推荐指数,三个按钮
增加这样的字段即可
第一步,增加字段
增加完以后,返回上一个页面
点击修改,进去后,勾选“自动生成表单模型”后来提交
第二步,增加列表模板
页面模板内容(*)
<!doctype html><html><head><meta charset="utf-8"><title>[!--pagetitle--]</title><meta name="keywords" content="[!--pagekey--]" /><meta name="description" content="[!--pagedes--]" /><meta name="viewport" content="width=device-width, initial-scale=1.0"><link href="[!--news.url--]skin/jxhx/css/base.css" rel="stylesheet"><link href="[!--news.url--]skin/jxhx/css/m.css" rel="stylesheet"><script src="[!--news.url--]skin/jxhx/js/jquery-1.8.3.min.js" ></script><script src="[!--news.url--]skin/jxhx/js/comm.js"></script><!--[if lt IE 9]><script src="[!--news.url--]skin/jxhx/js/modernizr.js"></script><![endif]--></head><body><!--top begin-->[!--temp.header--]<article> <!--lbox begin--> <div class="lbox"> <div class="whitebg lanmu"> <img src="[!--class.classimg--]"> <h1>[!--class.name--]</h1> <p>[!--class.intro--]</p> </div> <div class="ad whitebg">[phomead]5[/phomead]</div>[!--empirenews.listtemp--]<!--list.var1-->[!--empirenews.listtemp--] <!--pagelist--> <div class="pagelist">[!--show.listpage--]</div> <!--pagelist end--> </div> <div class="rbox"> <div class="whitebg paihang"> <h2 class="htitle">点击排行</h2> [!--temp.lmpaihang--] </div> <div class="whitebg tuijian"> <h2 class="htitle">本栏推荐</h2> [!--temp.lmtuijian--] </div> <div class="ad whitebg imgscale"> <ul> [phomead]12[/phomead] </ul> </div>[!--temp.tags--][!--temp.lmlove--][!--temp.ad2--][!--temp.webinfos--][!--temp.dashang--] </div></article>[!--temp.footer--]</body></html>
列表内容模板(list.var) (*)
$star4='';$star5='';if($r[star4]){$isfree='<i class="star4"></i>';}if($r[star5]){$isfree='<i class="star5"></i>';}$listtemp=' <div class="top_one whitebg"><i class="top_pic"><a href="[!--titleurl--]" target="_blank"><img src="[!--titlepic--]"></a></i> <section class="top_box"> <h2><a href="[!--titleurl--]" target="_blank">[!--title--]</a></h2> <p class="top_info">[!--smalltext--]</p> <p class="top_time"><b>后来更新</b>:[!--newstime--]</p> <p class="top_tj"><b>推荐指数</b>:'.$isfree.'</p> <span class="top_link"><a href="[!--yulan--]" target="_blank" class="fufei">在线预览</a><a href="[!--titleurl--]" target="_blank">查看详情</a><a href="[!--download--]" target="_blank">免费下载</a></span> </section> </div>';
记得一定要勾选
第三步,增加内容模板
<!doctype html><html><head><meta charset="utf-8"><title>[!--pagetitle--]</title><meta name="keywords" content="[!--pagekey--]" /><meta name="description" content="[!--smalltext--]" /><meta name="viewport" content="width=device-width, initial-scale=1.0"><link href="[!--news.url--]skin/jxhx/css/base.css" rel="stylesheet"><link href="[!--news.url--]skin/jxhx/css/m.css" rel="stylesheet"><script src="[!--news.url--]skin/jxhx/js/jquery-1.8.3.min.js" ></script><script src="[!--news.url--]skin/jxhx/js/comm.js"></script><!--[if lt IE 9]><script src="[!--news.url--]skin/jxhx/js/modernizr.js"></script><![endif]--><script type="text/javascript" src="[!--news.url--]e/data/js/ajax.js"></script></head><body>[!--temp.header--]<article> <!--lbox begin--> <div class="lbox"><div class="top_one whitebg"><i class="top_pic"><a href="[!--titleurl--]"><img src="[!--titlepic--]"></a></i> <section class="top_box"> <h2><a href="[!--titleurl--]">[!--title--]</a></h2> <p class="top_info">[!--smalltext--]</p> <p class="top_time"><b>后来更新</b>:[!--newstime--]</p><?if($navinfor['star4']=="") {echo '<p class="top_tj"><b>推荐指数</b>:<i class="star5"></i></p>';}if($navinfor['star5']=="") {echo '<p class="top_tj"><b>推荐指数</b>:<i class="star4"></i></p>';}?><span class="top_link"><a href="[!--yulan--]" target="_blank" class="fufei">在线预览</a><a href="[!--titleurl--]" target="_blank">查看详情</a><a href="[!--download--]" target="_blank">免费下载</a></span></section> </div> <div class="ad whitebg">[phomead]5[/phomead]</div> <div class="content_box whitebg"> <h2 class="htitle">详情介绍</h2> <h1 class="con_tilte">[!--title--]</h1> <p class="bloginfo"><i class="avatar">[e:loop={"select * from {$dbtbpre}enewsad where adid=6 ",0,24,0}]<img src="<?=$bqr[picurl]?>">[/e:loop]</i><span>[!--writer--]</span><span>[!--newstime--]</span><span>【[!--class.name--]】</span><span><script src=[!--news.url--]e/public/ViewClick/?classid=[!--classid--]&id=[!--id--]&addclick=1></script>人已围观</span></p> <p class="con_info"><b>简介</b>[!--smalltext--]</p> <div class="con_text">[!--newstext--]<p>[!--page.url--]</p><p>Tags:[showtags]'selfinfo',0,0,'',0,'s','',0,'&tempid=8','tagname'[/showtags]</p> <p class="share"><b>转载:</b>[!--temp.zhuanzai--]<a href="[!--titleurl--]" target="_blank">[!--titleurl--]</a></p> <p><span class="diggit"><a href="JavaScript:makeRequest('[!--news.url--]e/public/digg/?classid=[!--classid--]&id=[!--id--]&dotop=1&doajax=1&ajaxarea=diggnum','EchoReturnedText','GET','');"> 很赞哦! </a>(<b id="diggnum"><script type="text/javascript" src="[!--news.url--]e/public/ViewClick/?classid=[!--classid--]&id=[!--id--]&down=5"></script></b>)</span></p> <div class="nextinfo"> <p>上一篇:[!--info.pre--]</p> <p>下一篇:[!--info.next--]</p> </div> </div> </div> <div class="whitebg"> <h2 class="htitle">相关文章</h2> <ul class="otherlink"><?phpif($navinfor[keyid]){?>[!--other.link--]<?php}else{?>[ecmsinfo]'selfinfo',10,0,0,0,2,1,0,0[/ecmsinfo]<?php}?> </ul> </div> <div class="whitebg"> <h2 class="htitle">随机图文</h2> <ul class="xiangsi">[e:loop={'selfinfo',4,1,1,'','rand()'}] <li><a href="<?=$bqsr['titleurl']?>" target="_blank"><i><img src="<?=$bqr['titlepic']?>"></i> <p><?=$bqr['title']?></p> <span><?=$bqr['smalltext']?></span></a></li>[/e:loop] </ul> </div><div class="whitebg gbook"> <h2 class="htitle">文章评论</h2> <ul>[!--temp.changyan--] </ul> </div> </div> <!--lbox end--> <div class="rbox"> <div class="whitebg paihang"> <h2 class="htitle">点击排行</h2>[!--temp.lmpaihang--] </div> <div class="whitebg tuijian"> <h2 class="htitle">本站推荐</h2>[!--temp.lmtuijian--] </div>[!--temp.ad1--][!--temp.tags--][!--temp.lmlove--][!--temp.ad2--][!--temp.webinfos--] </div></article>[!--temp.footer--][!--page.stats--]</body></html>
第四步,增加样式 /skin/jxhx/css/base.css 添加
/*share.html*/.videoview { border-top: 30px #000 solid; border-left: 10px #000 solid; border-right: 10px #000 solid; border-bottom: 30px #000 solid; border-radius: 20px; width: 92%; }.top_box { float: right; display: block; overflow: hidden; width: 53% }.top_one h2 { font-size: 18px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }.top_pic { display: block; overflow: hidden; width: 45%; float: left; position: relative; }.top_pic img { width: 94%; border-radius: 8px; border-top: 20px solid #222; border-right: 10px solid #222; border-left: 10px solid #222; border-bottom: 10px solid #444; }.top_pic:after { content: "..."; position: absolute; right: 20px; top: -10px; color: #FFF; font-size: 22px; }.top_info { margin: 10px; font-size: 14px; color: #666; border-left: 2px solid #000; border-right: 2px solid #000; padding: 5px 20px; background: #f7f7f7; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; display: -webkit-box; -webkit-line-clamp: 3; font-size: 14px; height: 62px; }.star5 { width: 100px; height: 20px; display: inline-block; background: url(../images/star.png) repeat-x; }.star4 { width: 80px; height: 20px; display: inline-block; background: url(../images/star.png) repeat-x; }.star3 { width: 60px; height: 20px; display: inline-block; background: url(../images/star.png) repeat-x; }.top_tj { margin: 10px 0 10px 10px; }.top_time { margin-left: 10px; }.top_link { display: block; }.top_link a { display: inline-block; padding: 5px 10px; margin: 5px 10px; background: #30a6de; color: #fff; border-radius: 5px; }.top_link .fufei { background: #C00 }.top_link a:last-child { background: #00ab26; }.wxzx { position: relative }.wxzx i { position: absolute; display: none; bottom: 0px; right: -130px; }.wxzx i img { width: 120px; }.wxzx:hover i { display: block; box-shadow: #cacaca 0px 0px 10px; }
后来一步,新建栏目,选择模板
提交后,刷新所有的栏目页
当前仅支持登录后发布评论