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:本站永久网址:https://labishaxin.com/
3:本站部分内容收集于互联网,如果有侵权内容、请联系我们删除,不妥之处,敬请谅解
4:本站一切资源不代表本站立场,并不代表本站赞同其观点和对其真实性负责
5:本站一律禁止以任何方式发布或转载任何违法的相关信息,访客发现请向站长举报
6:本站资源大多存储在云盘,如发现链接失效,请联系我们我们会第一时间更新
点赞8赞赏 分享
评论 抢沙发

请登录后发表评论