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://mrxu.net/wp-content/themes/b2child/img/homeicon/04.png">

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

如图:

图标下载

点击下载

强制刷新即可看到效果.

 

温馨提示:

1.本站大部分内容均收集于网络!若内容若侵犯到您的权益,请联系站长处理!

2.如果您喜欢我们,可开通终身会员,享受全站资源免费下载!

3.本站所有内容只做学习和交流使用。 版权归原作者所有。

葵花宝典

阿里iconfont使用方法

2021-8-6 11:34:55

葵花宝典

远程字体修改方法

2021-12-27 10:48:21

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧

点我打卡

个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索