帝国CMS列表页置顶信息 加图标教程

发布时间:  浏览:次  作者: 站长魔吧

效果展示

帝国CMS列表页置顶信息 加图标教程 第1张Fuk网页模板,帝国cms模板,网站模板免费下载,做网站首选站长魔吧

帝国CMS列表页如何给置顶信息 加图标?

列表页置顶信息 加图标详细教程:

1)列表模板勾选“使用程序代码”;Fuk网页模板,帝国cms模板,网站模板免费下载,做网站首选站长魔吧

帝国CMS列表页置顶信息 加图标教程 第2张Fuk网页模板,帝国cms模板,网站模板免费下载,做网站首选站长魔吧

注意:“使用程序代码”输出变量不需要写<?php ?>或<?=?>标签,变量输出用 '.$变量名.' 即可。Fuk网页模板,帝国cms模板,网站模板免费下载,做网站首选站长魔吧

2)列表内容模板加入条件判断。如Fuk网页模板,帝国cms模板,网站模板免费下载,做网站首选站长魔吧

if($r[istop]<>0){$istop=' top';}Fuk网页模板,帝国cms模板,网站模板免费下载,做网站首选站长魔吧
if($r[isgood]<>0){$isgood=' good';}Fuk网页模板,帝国cms模板,网站模板免费下载,做网站首选站长魔吧
$listtemp='Fuk网页模板,帝国cms模板,网站模板免费下载,做网站首选站长魔吧
<li class="item'.$istop.''.$isgood.'">Fuk网页模板,帝国cms模板,网站模板免费下载,做网站首选站长魔吧
    <a class="pic" href="[!--titleurl--]" title="[!--title--]" target="_blank">Fuk网页模板,帝国cms模板,网站模板免费下载,做网站首选站长魔吧
        <img alt="[!--title--] 效果图" title="[!--title--] 效果图" src="[!--titlepic--]">Fuk网页模板,帝国cms模板,网站模板免费下载,做网站首选站长魔吧
    </a>Fuk网页模板,帝国cms模板,网站模板免费下载,做网站首选站长魔吧
</li>Fuk网页模板,帝国cms模板,网站模板免费下载,做网站首选站长魔吧
';

说明:if($r[istop]<>0){$istop=' top';}判断信息是否为置顶信息,是置顶信息则$istop=' top',然后在列表模板$listtemp=''中输出$istop.然后对clsss="top"写CSS样式,即可实现置顶信息或推荐信息加图片。Fuk网页模板,帝国cms模板,网站模板免费下载,做网站首选站长魔吧

CSS样式如:(开拓族是写在::before伪元素里的)Fuk网页模板,帝国cms模板,网站模板免费下载,做网站首选站长魔吧

position: absolute;Fuk网页模板,帝国cms模板,网站模板免费下载,做网站首选站长魔吧
right: 0;Fuk网页模板,帝国cms模板,网站模板免费下载,做网站首选站长魔吧
z-index: 1;Fuk网页模板,帝国cms模板,网站模板免费下载,做网站首选站长魔吧
width: 50px;Fuk网页模板,帝国cms模板,网站模板免费下载,做网站首选站长魔吧
height: 50px;Fuk网页模板,帝国cms模板,网站模板免费下载,做网站首选站长魔吧
background: url(https://img.kaituozu.com/img/allico.png);Fuk网页模板,帝国cms模板,网站模板免费下载,做网站首选站长魔吧
background-position: -150px -150px;Fuk网页模板,帝国cms模板,网站模板免费下载,做网站首选站长魔吧
background-size: 500px 500px;Fuk网页模板,帝国cms模板,网站模板免费下载,做网站首选站长魔吧
background-repeat: no-repeat;Fuk网页模板,帝国cms模板,网站模板免费下载,做网站首选站长魔吧
content: "";

相关信息:

新手指南支付购买售后服务关于我们
站长魔吧原创源码网
Copyright ? 2002-2019 站长魔吧源码 版权所有
粤ICP备14087793号-3网站地图

首页

支付购买

客服QQ