WordPress子比zibll主题美化-自定义背景文字介绍的样式代码

演示效果

自定义占位符图片

给子比主题文章下面加一个文章介绍的背景样式代码,不仅可以在文章,看自己喜欢哪个地方就加到哪里!

代码教程:

1.CSS代码,放在后台css代码里

/*文章页新增声明*/
 .sys-item-99 {
    background-image: url(背景图片地址1);
    margin-top: 10px;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    font-weight: 500;
}
.sys-item-88 {
    background-image: url(背景图片地址2);
    margin-top: 10px;
    height: 40px;
   line-height: 40px;
    font-size: 14px;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    font-weight: 500;
}
/*文章页新增声明*/

图片已经给大家打包好,下载后上次到自己服务器,不喜欢的自己去找其他图片

https://www.123pan.com/s/iw6LVv-TljVv.html

2.html代码,放到自己喜欢的地方即可!!比如文章内容下方

<div class="sys-item-99"><span>自定义文字内容1</span> </div>
<div class="sys-item-88"><span>自定义文字内容2</span> </div>
尊重版权丨本站注明原创的插件,购买者不得随意分享传播,仅限个人使用,一旦发现拉黑用户,删除使用权限。大神建站-WordPress插件开发 » WordPress子比zibll主题美化-自定义背景文字介绍的样式代码

相关文章

评论 (0)