xiuno板块帖子列表顶部标签美化教程

美化前

这个还是后来加了个card的样式,还是觉得不好看。

图片[1]-xiuno板块帖子列表顶部标签美化教程-源码库

美化后图片[2]-xiuno板块帖子列表顶部标签美化教程-源码库
修改教程

找到plugin\xn_tag\hook\forum_breadcrumb_after.htm

把原来的2-7行

1
2
3
4
5
6
<style>
table.nav_tag_list {margin-bottom: 0.2rem;}
table.nav_tag_list td {padding: 0.3rem;}
table.nav_tag_list td a{margin-right: 0.5rem;}
.nav_tag_list .active {font-weight: 800;}
</style>

替换成下面的代码,或者自定义样式都行。

1
2
3
4
5
6
7
再找到第36行和56行a标签的前面和后面都加上li标签像这样:图片[3]-xiuno板块帖子列表顶部标签美化教程-源码库

就行了。

修复

如遇到标签样式出现错误重叠,请下载附件文件替换plugin\xn_tag\hook文件夹内同名文件。为了整体美观去掉了标签分类名。

如果需要标签类名请将下面代码:

1
2
3
<td class="text-muted text-nowrap" align="right" valign="top">
    <?php echo $tagcate['name'];?>:
</td>

添加到文件forum_breadcrumb_after.htm 第13行下面

© 版权声明
1:本网站名称:源码库
2:本站永久网址:www.ymkuz.com
3:本站所有资源来源于用户上传和网络,如有侵权请邮件联系站长!
4:分享目的仅供大家学习和交流,您必须在下载后24小时内删除!
5:本站提供的源码、模板、插件等等其他资源,都不包含技术服务请大家谅解!
6:本站资源售价只是赞助,收取费用仅维持本站的日常运营所需!
7:如有链接无法下载、失效或广告,请联系管理员处理!
8:文章投稿-投诉建议E-mail:yunduanw@qq.com 站长QQ:99767152
THE END
点赞8 分享
评论 抢沙发

请登录后发表评论

    暂无评论内容