手工SEO

手工SEO首頁 帝國教程 正文

帝國CMS列表頁置頂信息 加圖標教程

手工SEO 2019-12-28 22:10:22 帝國教程 171℃ 手工SEO

帝國CMS列表頁置頂信息 加圖標教程 第1張

帝國CMS列表頁如何給置頂信息 加圖標? 列表頁置頂信息 加圖標詳細教程:

1)列表模板勾選“使用程序代碼”;

帝國CMS列表頁置頂信息 加圖標教程 第2張

注意:“使用程序代碼”輸出變量不需要寫<?php ?>或<?=?>標簽,變量輸出用 '.$變量名.' 即可。

2)列表內容模板加入條件判斷。如

if($r[istop]<>0){$istop=' top';}
if($r[isgood]<>0){$isgood=' good';}
$listtemp='
<li class="item'.$istop.''.$isgood.'">
    <a class="pic" href="[!--titleurl--]" title="[!--title--]" target="_blank">
        <img alt="[!--title--] 效果圖" title="[!--title--] 效果圖" src="[!--titlepic--]">
    </a>
</li>
';

說明:if($r[istop]<>0){$istop=' top';}判斷信息是否為置頂信息,是置頂信息則$istop=' top',然后在列表模板$listtemp=''中輸出$istop.然后對clsss="top"寫CSS樣式,即可實現置頂信息或推薦信息加圖片。

CSS樣式如:(開拓族是寫在::before偽元素里的)

position: absolute;
right: 0;
z-index: 1;
width: 50px;
height: 50px;
background: url(https://img.kaituozu.com/img/allico.png);
background-position: -150px -150px;
background-size: 500px 500px;
background-repeat: no-repeat;
content: "";

上一篇:帝國cms欄目綁定信息功能

下一篇:帝國cms列表頁面先顯示推薦,頭條,置頂的信息

網站分類
標簽列表
问道多少级队伍号赚钱