提供了编程的基础技术教程

zl程序教程

您现在的位置是：首页 >  其他

当前栏目

B2模板首页列表文字前自定义图标

模板列表 自定义 文字 图标 首页 b2
2023-06-13 09:15:15 时间

B2模板首页列表文字前自定义图标

修改文件 b2/Modules/Templates/Modules/Posts.php

把下列代码添加到第981行

$HTML .= '<p class="module-desc">'.$data['desc'].'</p>';

如图:

添加下列css代码 到样式文件中:

.modules-title-box {
    display: flex;
}
.post-list .module-desc {
    height: 30px;
    margin-top: -3px;
    margin-right: 10px;
    width: 30px;
}
p.module-desc {
    border-left: none!important;
    padding-left: 0!important;
}

使用方法:

<img src="HTTPs://xiaohuli.vip/wp-content/themes/b2child/img/homeicon/04.png">

把图片地址放到 模块描述 中

如图:

强制刷新即可看到效果.

声明：本站所有文章，如无特殊说明或标注，均为本站原创发布。任何个人或组织，在未征得本站同意时，禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益，可联系我们进行处理。

相关文章