首页 > 建站‧营销

pbootcms是否置顶/推荐/头条带CSS样式


pbootcms是否置顶/推荐/头条带CSS样式:

<style>
.navadge{    
    display: inline-block;
    padding: .25em .4em;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25rem;
}

.navadge-danger{
    color: #ffffff;
    background-color: #dc3545;    
}

.navadge-warning{
    color: #ffffff;
    background-color: #ffc800;    
}

.navadge-info{
    color: #ffffff;
    background-color: #0066ff;
}
</style>   
                     
{pboot:if([list:istop]==1)}
<span class="navadge navadge-danger">置顶</span>
{/pboot:if}

{pboot:if([list:isrecommend]==1)}
<span class="navadge navadge-warning">推荐</span>
{/pboot:if}

{pboot:if([list:isheadline]==1)}
<span class="navadge navadge-info">头条</span>
{/pboot:if}

本文链接:https://zhanque.net/cms/3919.html