首页›网站源码›正文

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

🤖 AI 总结点赞8分享 手机访问
⚡ 下载地址高速网盘资源 · 已下载 0 次
暂无可下载资源资源正在补充中，敬请期待
💡 温馨提示：建议使用电脑端下载，大文件下载可能需要较长时间，请耐心等待，下载完成后请校验文件完整性。

服务保障

纯净无捆绑

精简优化，纯净系统

安全可靠

多重检测，放心使用

持续更新

长期维护，持续优化

专业制作

系统玩家，品质保证

免费使用

完全免费，长期更新

已通过安全检测无病毒 / 无木马 / 无广告100%纯净资源支持在线校验文件完整性
⚙ 文件校验　MD5 / SHA1 / SHA256
🤖 AI 智能摘要
此内容由 AI 根据文章内容自动生成，并已由人工审核
正在打开 AI 智能摘要...
摘要内容由 AI 生成，仅供参考

下载完成了吗？

请问该资源下载顺利吗？使用起来感觉如何？
您的反馈将帮助我们不断优化资源质量
✓
感谢你的反馈！
我们会持续优化资源质量，为你提供更好的下载体验。

服务协议

文章介绍
发表评论
更新日志
历史版本
美化前

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

美化后
修改教程

找到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标签像这样：

就行了。

修复

如遇到标签样式出现错误重叠，请下载附件文件替换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行下面

THE END
© 版权声明
网站源码
点赞8 分享
暂无内容
暂无更新日志
暂无内容
暂无历史版本

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

01208
美化前

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

美化后
修改教程

找到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标签像这样：

就行了。

修复

如遇到标签样式出现错误重叠，请下载附件文件替换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行下面

© 版权声明
THE END
网站源码
点赞8 分享
评论 抢沙发

请登录后发表评论

    暂无评论内容