您现在的位置是:首页 > ca亚洲城88官方网站 > 网站建设教程网站建设教程

竞彩足球预测推荐网站新万博app在哪儿下

杨青青2019-04-27【网站建设教程】人已围观

简介例如这样的展示页面:需要增加的字段是 推荐指数,三个按钮增加这样的字段即可第一步,增加字段,增加完以后,返回上一个页面



例如这样的展示页面:


需要增加的字段是 推荐指数,三个按钮

增加这样的字段即可


第一步,增加字段











增加完以后,返回上一个页面




点击修改,进去后,勾选“自动生成表单模型”最后提交




第二步,增加列表模板




 页面模板内容(*)
<!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">

<?php
if($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; }

最后一步,新建栏目,选择模板







提交后,刷新所有的栏目页

很赞哦! ()

文章评论

站点信息

打赏本站

  • 如果你觉得本站很棒,可以通过扫码支付打赏哦!
  • 微信扫码:你说多少就多少~
  • 支付宝扫码:你说多少就多少~